/* Services Styling */


#services-column-container {
width: 200px;
background-color: #fff;
float: left;
margin: 280px 0px 0px 20px;}

#services-content-container {
width: 600px;
background-color: #fff;
float: left;
margin: 90px 0px 100px 70px;}


/********** Layout - Column **********/

/* Box - Page Title and Intro in Column */
#services-intro {
width: 190px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #00aeef;}


.services-header {
	width: 600px;
	float: left;
	font-family: ReplicaProLight, helevetica, arial;
	font-size: 3.2em;
	color: #0088CE;
	padding-bottom: 18px;}

.services-subheader {
	width: 600px;
	float: left;
	font-family: ReplicaProRegular, helevetica, arial;
	font-size: 1.5em;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	margin-bottom: 20px;}
	
.services-subheading {
	font-family: arial, helevetica, ReplicaProRegular;
	font-size: 1.2em;
	color: #004466;}	
	
.services-strong {
	color: #0088CE;
	font-weight:bold;}
	
	
	
	
	/* Box - Origami Images */
.services-text-split  {
width: 600px;
overflow: hidden;
float: left;
/* background-color: blue; */
margin: 0px 0px 0px 0px;}	

	/* Box - Origami Images */
.services-text-split-left  {
width: 290px;
overflow: hidden;
float: left;
/* background-color: blue; */
margin: 0px 0px 0px 0px;}	

	/* Box - Origami Images */
.services-text-split-right  {
width: 290px;
overflow: hidden;
float: left;
/* background-color: blue; */
margin: 0px 0px 0px 0px;}	
	
	
	


/* Box - Origami Images */
.services-image  {
width: 320px;
overflow: hidden;
float: right;
/* background-color: blue; */
margin: 0px 0px 0px 40px;}

/* Box - AR Images */
.services-ecrm-image  {
width: 200px;
overflow: hidden;
float: right;
/* background-color: blue; */
margin: 0px 0px 0px 40px;}

/* Box - AR Images */
.services-ar-image  {
width: 285px;
overflow: hidden;
float: right;
/* background-color: blue; */
margin: 0px 0px 0px 40px;}






























































/********** Styling for Digital Projects Menu **********/

/* Box - Complete Project Menu Element */
.port-thumb-box {
width: 193px;
height: 195px;
float: left;
margin: 0px 0px 30px 0px;}

/* Box - Spacer Between Projects Menu */
.port-thumb-box-spacer {width: 10px; height: 200px; float: left;}

/* Box - Thumb Image */
.port-thumb-image {
width: 193px;
height: 140px;
background-color: #fff;
border: 0px solid #d9d9d9;}

/* Box & Style - Project Title */
.port-thumb-title {
width: 186px;
height: 22px;
font-family: ReplicaProRegular, helevetica, arial;
font-size: 12px;
display: block;
color: #0088CE;
padding: 8px 0px 0px 7px;
background-color: #f2f2f2;
border-top: 0px solid #d9d9d9;
border-bottom: 0px solid #d9d9d9;
background-image: url(../images/port-thumbs/project-title-bg.jpg);
background-repeat: repeat-x;
}



/* Box & Style - Project Menu Link */
.port-thumb-link {
width: 96px;
height: 18px;
padding: 7px 0px 0px 7px;
float: left;
background-color: #fff;
border-bottom: 1px solid #0088CE;}

.port-thumb-link a:link,
.port-thumb-link a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.17em;
line-height: 13px;
display: block;
color: #004466;
text-decoration: none;
font-weight: bold;
}

.port-thumb-link a:hover {color:#000;}	

/* Box - Project Nodes */
.port-node-box {
width: 90px;
height: 18px;
float: right;
padding-top: 7px;
padding-left: 0px;
text-align: right;
background-color: #fff;
border-bottom: 1px solid #0088CE;}















/********** Styling for Digital Project Individual pages **********/
/* Title and Lined Subtitle */
.prj-header {
	width: 600px;
	float: left;
	font-family: ReplicaProLight, helevetica, arial;
	font-size: 2.4em;
	font-weight: normal;
	color: #0088CE;
	padding-bottom: 18px;}

.prj-subheader {
	width: 600px;
	float: left;
	font-family: ReplicaProRegular, helevetica, arial;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	margin-bottom: 20px;}



/* Box - Project Complete Details */
#prj-description-box {
	width: 300px;
	height: 335px;
	float: left;}

#prj-image-one {
	width: 285px; /* 5 pixels extra for shadow */
	height: 250px; /* 5 pixels extra for shadow */
	float: right;}

#prj-image-two {
	width: 425px; /* 5 pixels extra for shadow */
	height: 160px; /* 5 pixels extra for shadow */
	float: left;
	margin: 20px 0px 0px 0px;}

#prj-image-logo {
	width: 285px; 
	height: 70px;
	float: right;
	margin: 15px 0px 0px 0px;}

#prj-image-three {
	width: 165px; /* 5 pixels extra for shadow */
	height: 160px; /* 5 pixels extra for shadow */
	float: right;
	margin: 20px 0px 0px 0px;}



/* Portfolio - Project Page - Page Content */
.project-txt  {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #606060;
line-height: 15px;} 

.project-txt a:link,
.project-txt a:visited {
color: #000;
line-height: 18px;
text-decoration: none;
font-style: italic;}

.project-txt a:hover {color:#0088CE;}





/* Project - Project Title - Blue */
.projectTitle  {
font-family: ReplicaProRegular, helevetica, arial;
font-size: 1.3em;
display: block;
color: #0088CE;
padding: 0px 0px 10px 0px;
}	

/* Project - List Of Solutions Used in Project - Grey */
.projectSolution  {
font-family: ReplicaProItalic, helevetica, arial;
font-size: 1.1em;
line-height: 18px;
display: block;
color: #888;
padding: 0px 0px 10px 0px;
}

.web-link a:link,
.web-link a:visited {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.17em;
font-weight: bold;
color:#004466;
text-decoration: none;}

.web-link a:hover {color:#000;}























/********** Styling for Augmented Reality Menu **********/

/* Box - Complete Project Menu Element */
.ar-thumb-box {
width: 144px;
height: 104px;
float: left;
margin: 0px 0px 30px 0px;}

/* Box - Spacer Between Projects Menu */
.ar-thumb-box-spacer {width: 8px; height: 200px; float: left;}

/* Box - Thumb Image */
.ar-thumb-image {
width: 144px;
height: 104px;
background-color: #fff;
border: 0px solid #d9d9d9;}

/* Box & Style - Project Title */
.ar-thumb-title {
width: 137px;
height: 22px;
font-family: ReplicaProRegular, helevetica, arial;
font-size: 12px;
display: block;
color: #0088CE;
padding: 8px 0px 0px 7px;
background-color: #f2f2f2;
border-top: 0px solid #d9d9d9;
border-bottom: 0px solid #d9d9d9;
background-image: url(../images/port-thumbs/project-title-bg.jpg);
background-repeat: repeat-x;
}



/* Box & Style - Project Menu Link */
.ar-thumb-link {
width: 137px;
height: 18px;
padding: 7px 0px 0px 7px;
float: left;
background-color: #fff;
border-bottom: 1px solid #0088CE;}

.ar-thumb-link a:link,
.ar-thumb-link a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.17em;
line-height: 13px;
display: block;
color: #004466;
text-decoration: none;
font-weight: bold;
}

.ar-thumb-link a:hover {color:#000;}	

/* Box - Project Nodes */
.ar-node-box {
width: 90px;
height: 18px;
float: right;
padding-top: 7px;
padding-left: 0px;
text-align: right;
background-color: #fff;
border-bottom: 1px solid #0088CE;}