@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	background: url(images/bg.jpg) top center no-repeat #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#center{
	width: 804px;
	margin:0 auto;
	padding:0;
	}
#wrapper{
	width: 804px;
	float:left;
	}
#header{
	background:url(images/header.jpg) left no-repeat;
	width:786px;
	float:left;
	height:153px;
	padding: 22px 0 0 18px;
	color:#FFFFFF;
	}
#menu{
	background:url(images/nav-bg.jpg) left no-repeat;
	width:765px;
	float:left;
	height:39px;
	padding:9px 19px 0 20px; 
	}
.nav{
	float:left;
	padding:0 3px;
	}
#content-wrapper{
	background:url(images/wrap-bg.jpg) left repeat-y;
	width:789px;
	float:left;
	padding: 6px 7px 0 8px;
	}
#content{
	background:url(images/content-bg.gif) left bottom repeat-y;
	width:739px;
	float:left;
	padding: 15px 25px 30px 25px;
	}
.half-section{
	background:url(images/half-sec.jpg) left no-repeat;
	width:348px;
	float:left;
	height:105px;
	padding:22px;
	margin:0 0 5px 0;
	}
#feature{
	background:url(images/blue-feat-sec.jpg) left no-repeat;
	width:782px;
	float:left;
	height:200px;
	padding:4px;
	margin:0 0 5px 0;
	}
#feature2 {
	background: url(images/dark-feat-bg.jpg) top left no-repeat;
	width:790px;
	float:left;
	height:48px;
	margin:0 0 5px 0;
	}
#feature2 a {
	display: block;
	width: 766px;
	height: 24px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 3px;
	font-size: 18px;
	text-align: center;
	padding: 12px;
	}
#feature2 a:hover {
	background: url(images/white-trans.png) repeat;
	}
#footer{
	background:url(images/footer.jpg) left no-repeat;
	width:764px;
	float:left;
	height:37px;
	padding:35px 20px 0 20px;
	text-align:center;
	color:#FFFFFF;
	}
#copyright{
	width: 804px;
	float:left;
	height:21px;
	padding:5px 0 0 0;
	font-size:10px;
	}
#copyright a{
	text-decoration:none;
	color:#000000;
	}	
.footer{
	font-weight:bold;
	}
a.footer{
	color:#FFFFFF;
	font-weight:bold;
	margin:0 10px;
	text-decoration:none;
	}

h1{
	font-size:14px;
	margin:0 0 15px 0;
	color:#888888;
	font-weight:bold;
	}
h2{
	font-size:14px;
	margin:0 0 15px 0;
	color:#254d85;
	font-weight:bold;
	}

p{
	margin:0 0 8px 0;
	color:#888888;
	}
	
p a {
	color:#888888;
	text-decoration:none;
	}
	
ul li { 
	color: #888888;
	margin:0;
	}

		
ol li { 
	color: #888888;
	margin:8px 0 0 0;
	}
	
.white{
	color:#FFFFFF;
	padding: 0 10px 8px 10px;
	}
	
a.linked {
	color:#254d85;
	text-decoration:none;
	font-weight:bold;
	}

a.linked:hover{
	text-decoration:underline;
	}
	
a img{
	border:0;
	}
	
hr{
	color:#254d85;
	height:1px;
	margin: 20px 0 20px 0;
	padding:0px;
	}

a#newsletter-button {
	display: block;
	width: 75px;
	height: 102px;
	position: fixed;
	top: 40px;
	right: 0;
	background: url(images/newsletter-button.png) 0 0 no-repeat;
	text-indent: -9999px;
	}

a#newsletter-button:hover {
	background-position: 0 100%;
	}
	


/* ------------------------ CSS Image SWAP for About Us. http://brassblogs.com/blog/css-image-swap ------------------------ */	
#nav-about {
float:left;
height: 39px;
width: 121px;
margin:0 4px 0 3px ;
padding:0;
background:url(images/about-2.jpg) no-repeat;
}

#nav-about a, #nav-about a:link, #nav-about a:visited {
display:block;
}

#nav-about img {
width:100%;
border:0;
}

#nav-about a:hover img {
visibility:hidden;
}


	
/* ------------------------ MAIN NAV DROP DOWN ------------------------ */

#nav-services, #nav-contact {float:left; list-style:none; margin:0px; padding:0;}
#nav-services li, #nav-contact li {font-size:1em; display:block; position:relative; z-index:10000; float:left;}
#nav-services li a, #nav-contact li a {display:block; padding:0px; color:#91c8f2; text-decoration:none; text-shadow:1px 1px 1px #000; }
#nav-services li a:hover, #nav-contact li a:hover {color:#0099cc; text-decoration:underline;}

#nav-services ul, #nav-contact ul {margin:39px 0 0 3px; list-style:none; background:#1a355c; position:absolute; left:-9999px; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;}
#nav-services ul li, #nav-contact ul li {padding:7px 10px; border-bottom:1px solid #e6e6e6; float:none;}
#nav-services ul a, #nav-contact ul a {white-space:nowrap;display:block;}

#nav-services li:hover ul, #nav-contact li:hover ul {padding: 7px 0 0 0; left:0;}
#nav-services li:hover a, #nav-contact li:hover a{ text-decoration:underline;}
#nav-services li:hover ul a, #nav-contact li:hover ul a{text-decoration:none;}
#nav-services li:hover ul li a:hover, #nav-contact li:hover ul li a:hover{color:#fff; text-decoration:underline;}



/* RESET */
ul{
	margin: 0 0 0 35px;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}