@import url('/css/globals.css');

/********************************************
CONTENT-FULL
********************************************/
#section-header {
	position: relative;
	width: 729px;
	height: 50px;
	padding: 10px;
	background: #d81c3f url("/images/bg-section-header.jpg") repeat 0 0;
}

	#section-header h3 {
		color: #fff;
		font-size: 21px;
		font-weight: normal;
	}
	
	#main-content {
		position: relative;
		width: 514px;
		height: auto;
		float: left;
		margin: 31px 0 0 0;
	}
	
	#main-content.port-content {
		margin: 21px 0 0 0;
	}
	
		#main-content #headshot {
			position: relative;
			float: right;
			width: 168px;
		}
		
		#main-content #headshot-title {
			position: relative;
			float: left;
			background: transparent url("/images/bg-gray-mesh.jpg") repeat 0 0;
			width: 148px;
			height: 24px;
			padding: 6px 10px 0 10px;	
		}
		
		#main-content #headshot-title h6 {
			font-size: 14px;
		}
		
		#main-content #bio-content {
			position: relative;
			float: left;
			width: 335px;
		}
	
		#main-content #overview {
			position: relative;
			margin: 0 0 20px 0;
		}
	
		#main-content h4 {
			color: #333333;
			font-size: 16px;
			line-height: 21px;
			margin: 0 0 10px 0;
			font-weight: 400;
		}
		
			#main-content h4#headline-body {
				padding: 0 0 20px 0;
				margin: 0;
			}
		
		#main-content .call-to-action {
			position: relative;
			width: 494px;
			height: 32px;
			background-color: #ececec;
			padding: 10px 10px 0 10px;
			margin: 0 0 20px 0;
		}
		
			#main-content .call-to-action p {
				position: relative;
				float: left;
				padding: 2px 0 0 0;
			}
		
			#main-content .call-to-action #learn-more {
				position: relative;
				float: right;
				background: transparent url("/images/btn-learn-more.jpg") no-repeat 0 0;
				width: 75px;
				height: 22px;
				display: block;
			}
			
			#main-content .call-to-action #contact-us {
				position: relative;
				float: right;
				background: transparent url("/images/btn-contact-us.jpg") no-repeat 0 0;
				width: 75px;
				height: 22px;
				display: block;
			}
			
			#main-content .call-to-action #learn-more:hover,
			#main-content .call-to-action #contact-us:hover {
				background-position: 0 -22px;
			}
			
			#main-content .call-to-action #learn-more span,
			#main-content .call-to-action #contact-us span {
				display: none;
			}
			
			
			/********************************************
			PORTFOLIO LANDING
			********************************************/
			#main-content #port-matrix-container {
				position: relative;
				width: 514px;
				height: auto;
				overflow: hidden;
			}
			
			#main-content #port-matrix {
				position: relative;
				width: 519px;
			}
			
			#main-content #port-matrix img {
				position: relative;
				float: left;
			}
			
			#main-content #port-matrix h5 {
				font-size: 14px;
				padding: 0 0 4px 0;
			}
			
			#main-content #port-matrix h6 {
				font-size: 12px;
				line-height: 12px;
				text-transform: none;
				font-weight: 400;
			}
			
				#main-content #port-main {
					position: relative;
					float: left;
					background-color: #333;
					height: 189px;
					width: 148px;
					padding: 10px;
					margin: 0 5px 5px 0;
				}	
				
					#main-content #port-main .btn-port-more {
						position: absolute;
						top: 179px;
						left: 138px;
						width: 30px;
						height: 30px;
						background: transparent url("/images/btn-port-more.jpg") no-repeat 0 0;
						display: block;
					}
					
					#main-content #port-main .btn-port-more:hover {
						background-position: 0 -30px;
					}
			
					#main-content #port-main h4 {
						color: #fff;
					}
	
					#main-content #port-main img {
						position: absolute;
						top: 152px;
						right: 55px;
					}
	
				#main-content #port-matrix-02 {
					position: relative;
					float: left;
					height: 209px;
					margin: 0 5px 5px 0;
				}
				
					#main-content .bg-gray-mesh {
						position: relative;
						width: 148px;
						height: 59px;
						background: transparent url("/images/bg-gray-mesh.jpg") repeat 0 0;
						padding: 4px 10px 0 10px;
					}
					
					
					/********************************************
					DISCIPLINE LANDING
					********************************************/
					#main-content #discipline-list {
						position: relative;
						float: left;
						margin: 0 0 20px 0;
					}
					
					#main-content .discipline {
						position: relative;
						float: left;
					}
					
					#main-content .discipline-img {
						width: 257px;
					}
					
					
					#main-content .discipline-listing {
						position: relative;
						padding: 10px 10px 0 10px;
						width: 237px;
						height: 130px;
						background: transparent url("/images/bg-gray-mesh.jpg") repeat 0 0;
					}
					
						#main-content .discipline-listing h5 {
							font-size: 16px;
							padding: 0 0 2px 0;
						}
						
						#main-content .discipline-listing h6 {
							font-size: 14px;
							font-weight: 400;
							padding: 0 0 6px 0;
						}
						
						#main-content .discipline-listing p {
							line-height: 16px;
						}
						
					#main-content a.btn-projdetails-small {
						position: relative;
						float: left;
						width: 168px;
						height: 30px;
						background: transparent url("/images/btn-projdetails-small.jpg") no-repeat 0 0;
						display: block;
					}
					
					#main-content a.btn-projdetails-large {
						position: relative;
						float: left;
						width: 257px;
						height: 30px;
						background: transparent url("/images/btn-projdetails-large.jpg") no-repeat 0 0;
						display: block;
					}
					
					#main-content a.btn-projdetails-small:hover,
					#main-content a.btn-projdetails-large:hover {
						background-position: 0 -30px;
					}
					
					#main-content a.btn-projdetails-small span,
					#main-content a.btn-projdetails-large span {
						display: none;
					}
		
		
		/********************************************
		PORTFOLIO FEATURE
		********************************************/
		
		#main-content #port-feature {
			position: relative;
			width: 514px;
			height: auto;
			margin: 0 0 10px 0;
		}
		
			#main-content #port-feature img {
				position: relative;
				float: left;
				width: 514px;
				height: 354px;
			}
			
			#main-content #port-feature-title {
				position: relative;
				float: left;
				background: transparent url("/images/bg-gray-mesh.jpg") repeat 0 0;
				width: 494px;
				height: 50px;
				padding: 6px 10px 0 10px;
			}
			
			#main-content #port-feature-title h5 {
				font-size: 20px;
			}
			
			#main-content #port-feature-title h6 {
				font-size: 16px;
				font-weight: 400;
			}
		
		#main-content #experience-list {
			position: relative;
			margin: 0 0 20px 0;
		}
		
		#main-content ul {
			margin: 0 0 9px 0;
		}
		
		#main-content ul li {
			font-size: 12px;
			line-height: 16px;
			background: transparent url("/images/li-arrow-red.jpg") no-repeat 0 4px;
			display: block;
			width: 225px;
			padding: 0 10px 9px 12px;
		}
		
			#main-content .resources li {
				background: none;
				padding: 0 0 0 0;
				margin-bottom: 9px;
				border-bottom: 1px dotted #ECECEC;
				width: 247px;
			}
				
				#main-content .right .resources li {
					padding-bottom: 0
				}
			
			#main-content .resources li p {
				padding: 0 0 9px 0;
				line-height: 14px;
			}
			
			#main-content .resources li p em {
				font-size: 12px;
				font-style: normal;
				color: #999;
			}
			
			#main-content .resources li p img {
				position: relative;
				float: left;
				width: 16px;
				padding: 0 5px 0 0;
			}
		
		#main-content p {
			font-size: 12px;
			line-height: 18px;
			padding: 0 0 18px 0;
		}
		
		#main-content #experience-list p {
			padding: 0 0 8px 0;
		}
		
		#main-content p a {
			color: #d81c3f;
			text-decoration: underline;
		}
		
		#main-content p a:hover {
			text-decoration: none;
		}
		
	/********************************************
	SIDEBAR
	********************************************/			
	#sidebar {
		position: relative;
		float: right;
		width: 215px;
		height: auto;
		
	}
		
		#sidebar ul {
			position: relative;
			width: 205px;
			height: auto;
			background-color: #ececec;
			border: 5px solid #ececec;
			margin: 20px 0;
			padding: 0;
		}
	
			#sidebar ul li {
				font-size: 12px;
				line-height: 18px;
				font-weight: normal;
				border-bottom: 1px solid #ececec;
			}
			
			#sidebar ul li a {		
				width: 205px;
				height: 35px;
				vertical-align: bottom;
			}
			
			/********************************************
			Portfolio Sub-Nav
			********************************************/
			#sidebar ul #sub-overview a { background: transparent url("/images/sn-overview.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-healthcare a { background: transparent url("/images/sn-healthcare.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-higher-education a { background: transparent url("/images/sn-higher-education.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-federal a { background: transparent url("/images/sn-federal.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-k12 a { background: transparent url("/images/sn-k12.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-municipal-depot a { background: transparent url("/images/sn-municipal-depot.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-labs a { background: transparent url("/images/sn-labs.jpg") no-repeat 0 0; display: block; }
			
			/********************************************
			About Us Sub-Nav
			********************************************/
			#sidebar ul #sub-glick a { background: transparent url("/images/sn-glick.jpg") no-repeat 0 0; display: block; }
			#sidebar ul #sub-sinclair a { background: transparent url("/images/sn-sinclair.jpg") no-repeat 0 0; display: block; }
			
			#sidebar ul #sub-overview a.current,
			#sidebar ul #sub-healthcare a.current,
			#sidebar ul #sub-higher-education a.current,
			#sidebar ul #sub-federal a.current,
			#sidebar ul #sub-k12 a.current,
			#sidebar ul #sub-municipal-depot a.current,
			#sidebar ul #sub-labs a.current,
			#sidebar ul #sub-glick a.current,
			#sidebar ul #sub-sinclair a.current,
			#sidebar ul #sub-overview a:hover,
			#sidebar ul #sub-healthcare a:hover,
			#sidebar ul #sub-higher-education a:hover,
			#sidebar ul #sub-federal a:hover,
			#sidebar ul #sub-k12 a:hover,
			#sidebar ul #sub-municipal-depot a:hover,
			#sidebar ul #sub-labs a:hover,
			#sidebar ul #sub-glick a:hover,
			#sidebar ul #sub-sinclair a:hover {
				background-position: 0 -35px;
			}			
			
			#sidebar ul li span {
				display: none;
			}
			
			#sidebar ul .sub-last {
				border: none;
			}
		
		
		#sidebar #notch {
			position: relative;
			width: 185px;
			height: auto;
			padding: 5px 15px 10px 15px;
			background: #d81c3f url("/images/bg-notch.jpg") no-repeat 185px 0;
			margin-bottom: 20px;
		}
		
			#sidebar #notch h4,
			#sidebar #notch h5,
			#sidebar #notch h6 {
				color: #fff;
			}
			
			#sidebar #notch h5 {
				font-size: 16px;
			}
			
			#sidebar #notch h6 {
				font-size: 14px;
			}
			
			#sidebar #notch h6 a {
				color: #fff;
				text-decoration: underline;
			}
			
			#sidebar #notch h6 a:hover {
				text-decoration: none;
			}
			
			
			#sidebar #notch-gray {
				position: relative;
				width: 185px;
				height: auto;
				padding: 5px 15px 10px 15px;
				background: #f6f6f6 url("/images/bg-notch-gray.jpg") no-repeat 185px 0;
				margin-bottom: 20px;
			}
		
			#sidebar #notch-gray h4,
			#sidebar #notch-gray h5,
			#sidebar #notch-gray h6 {
				color: #333;
			}
			
			#sidebar #notch-gray h5 {
				font-size: 16px;
			}
			
			#sidebar #notch-gray h6 {
				font-size: 14px;
			}
			
			#sidebar #notch-gray h6 a {
				color: #333;
				text-decoration: underline;
			}
			
			#sidebar #notch-gray h6 a:hover {
				text-decoration: none;
			}

			#sidebar #port-main {
				position: relative;
				background-color: #333;
				width: 185px;
				height: 125px;
				padding: 10px 15px 10px 15px;
				margin: 20px 0;
				background-image: none;
			}	
			
				#sidebar #port-main .btn-port-more {
					position: absolute;
					left: 185px;
					top: 115px;
					width: 30px;
					height: 30px;
					background: transparent url("/images/btn-port-more.jpg") no-repeat 0 0;
					display: block;
				}
				
				#sidebar #port-main .btn-port-more:hover {
					background-position: 0 -30px;
				}
		
				#sidebar #port-main h4 {
					color: #ffffff;
					font-size: 16px;
					line-height: 21px;
					margin: 0 0 10px 0;	
				}
				
				#sidebar #contact {
					position: relative;
					margin: 31px 0;
				}
				
					#sidebar #contact p {
						line-height: 14px;
						padding: 0 0 9px 0;
					}
				
					#sidebar #contact ul {
						position: relative;
						margin: 0;
						padding: 0;
						background-color: none;
						background: none;
						border: none;
					}
					
						#sidebar #contact ul li {
							border: none;
							line-height: 16px;
						}
						
						#sidebar #contact ul li a {
							color: #d81c3f;
							text-decoration: underline;
						}
						
						#sidebar #contact ul li a:hover {
							text-decoration: none;
						}
			
			
		#sidebar h4 {
			color: #333333;
			font-size: 16px;
			line-height: 32px;
			font-weight: 400;
		}
	
			
		#sidebar h5 {
			color: #d81c3f;
			text-transform: lowercase;
			font-size: 13px;
			line-height: 18px;
			font-weight: 700;
		}
		
		#sidebar h6 {
			color: #000;
			font-size: 12px;
			line-height: 16px;
			font-weight: normal;
			margin: 0 0 10px 0;
		}