/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #0D1218 url(img/bg.jpg) top left repeat-x;
color: #666666;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}


.content{
	position: relative;
	margin: auto;
	width: 970px;
}

ul.detailslist  { margin-top: 7px; font-size: .73em; }

#head{
	position: relative;
	height: 97px;
}

	#header{
		position: relative;
		height: 97px;
		width: 930px;
		margin: auto;
	}
	
		#logo{
			position: absolute;
			top: 0;
			left: -50px;
			height: 97px;
			width: 246px;
			text-indent: -9999em;
			background: url(img/logo.jpg) top left no-repeat;
		}
		
		#header ul{
			position: relative;
			float: left;
			display: inline;
			margin-left: 200px;
			height: 97px;	
			padding-left: 2px;
			background: url(img/nac-break.jpg) top left no-repeat;	
		}
		
		#header li{
			position: relative;
			float: left;
			padding: 0 2px 0 0;
			background: url(img/nac-break.jpg) top right no-repeat;	
		}
		
		#header li a{
			position: relative;
			float: left;
			padding: 42px 20px 0 20px;
			height: 55px;
			color: #4D96F4;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		#header li.active a, #header li a:hover{
			color: #fff;
			background: url(img/nav-active.jpg) top right;
		}



#front-page{
	position: relative;
	font-size: 1.4em;
	color: #2B7662;	
	text-align: left;
	height: 372px;
	background: url(img/s1bg.png) top center;
	font-family: "Trebuchet MS";
}

	
	
		img#phone{
			position: relative;
			float: right;
			margin-top: -50px;
			margin-right: 70px;
			display: inline;
		}

	#front-page h1{
		position: relative;
		font-size: 1.6em;
		color: #fff;
		padding: 25px 0 25px 0;
	}
	
	#front-page h2{
		position: relative;
		line-height: 1.5em;
		padding-bottom: 20px;
	}
	
	#front-page a{
		color: #4FD6B6;
	}
		
	#front-page strong{
		font-weight: bold;
	}
		
	#front-page .details{
		position: relative;
		display: block;
		height: 54px;
		width: 155px;
		padding-top: 16px;
		background: url(img/details-btn.jpg) top left no-repeat;
	}
	
		#front-page .details a{
			position: relative;
			display: block;
			text-indent: -999em;
			height: 37px;
			width: 128px;
			margin: 0 0 0 13px;
		}



#featured{
	position: relative;
	border-top: 1px solid #172737;
	padding: 25px 0 45px 0;	
	text-align: left;
}

	#featured h1{
		position: relative;
		color: #fff;
		font-size: 2.1em;
		padding-bottom: 10px;	
		font-family: "Trebuchet MS";
	}
	
	#projects{
		position: relative;
		overflow: hidden;
		color: #999A95;
		font-size: .9em;	
	}
	
		#projects li{
			position: relative;
			float: left;
			width: 290px;
			padding-right: 30px;
		}
		
		#projects li#project-three{
			padding-right: 0;
		}
		
		#projects img{
			position: relative;
			display: block;
			margin-bottom: 10px;
		}
		
		#projects ol{
			position: relative;
			overflow: hidden;
			padding-bottom: 7px;
		}
		
			#projects ol li{
				position: relative;
				float: left;
				height: 22px;
				width: 20px;
				margin-right: 4px;
				display: inline;	
				padding-right: 0;
			}
			
			#projects ol li a{
				position: relative;
				float: left;
				text-align: center;
				padding: 4px 0 0 1px;
				width: 19px;
				height: 18px;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				background: url(img/p-link.jpg) top left no-repeat;
			}
			
			#projects ol li a:hover, #projects ol li.active a{
				background: url(img/p-link-active.jpg) top left no-repeat;
			}
		
		
		#projects strong{
			position: relative;
			font-weight: bold;
			color: #fff;
			font-size: 1.1em;
		}
		
		#projects span{
			position: relative;
			display: block;
			line-height: 1.8em;
		}
		
		#projects a{
			color: #346699;
		}





#company{
	position: relative;
	background: #EEEEEE;
	overflow: hidden;
	text-align: left;
	border-top: 5px solid #E74F1D;
	color: #666666;
	line-height: 1.8em;
}

	#company p{
		position: relative;		
		padding-bottom: 1em;
	}

	#company a{
		color: #E6501E;
	}
	
	#company strong{
		font-weight: bold;
	}

	#company h1, #company h2{
		position: relative;
		font-size: 1.9em;
		color: #34669B;
		padding: 20px 0 10px 0;
	}

	#company-profile{
		position: relative;
		float: left;
		width: 596px;
		overflow: hidden;
		padding-bottom: 25px;
		padding-right: 21px;
		border-right: 1px solid #fff;
	}
	
		#company-profile li{
			position: relative;
			font-weight: bold;
			color: #336596;
			padding: 3px 0 3px 16px;
			background: url(img/tick.jpg) left center no-repeat;
		}
		
		#company-profile li a{
			color: #336596;
		}
		
		#company-profile img{
			position: relative;
			float: right;
			border: 5px solid #FFFFFF;
		}
	
	
	#newsletter{
		position: relative;
		float: right;
		width: 292px;
		padding-left: 20px;
		border-left: 1px solid #fff;
		margin-left: -1px;
	}
	
		#newsletter label{
			position: relative;
			display: block;
			font-weight: bold;
			padding-bottom: 2px;
			font-size: 1.1em;
		}
		
		#newsletter input.text{
			position: relative;
			padding: 8px 5px 0 5px;
			height: 26px;
			font-size: 12px;
			width: 282px;
			border: 0;
			margin-bottom: 2px;
			background: url(img/input-bg.jpg) top left;
		}
		
		#newsletter input.submit{
			position: relative;
			float: right;
			height: 51px;
			width: 138px;
			border: 0;
			text-indent: -9999em;
			color: #fff;
			font-size: .01em;
			background: url(img/send.jpg) top left no-repeat;
		}




#foot{
	position: relative;
	width: 100%;
	height: 196px;
	background: url(img/footbg.jpg) top left;
}

		
		#foot ul{
			position: relative;
			float: left;
			height: 97px;	
			padding-left: 2px;
			background: url(img/foot-break.jpg) top left no-repeat;	
		}
		
		#foot li{
			position: relative;
			float: left;
			padding: 0 2px 0 0;
			background: url(img/foot-break.jpg) top right no-repeat;	
		}
		
		#foot li a{
			position: relative;
			float: left;
			padding: 42px 20px 0 20px;
			height: 55px;
			color: #4D96F4;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: url(img/footlink.jpg) top left;
		}
		
		#foot li.active a, #foot li a:hover{
			color: #fff;
			background: url(img/footlink-active.jpg) top right;
		}
		
		#foot p{
			position: relative;
			float: right;
			padding: 42px 0 0 0;
			color: #EA4F1F;
			font-size: .8em;
		}






.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}