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

html {
	background-color:#174d7b
	}

body {
	background-color:#eff5f9;
	margin:0 auto;
	}
	
#top {
	background-image:url(../images/main-bg-tile.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	height:396px;
	position:relative;
	}
	
#top-main {
	margin:0 auto;
	background-image:url(../images/main-bg.jpg);
	background-repeat:no-repeat;
	width:1199px; height:396px;
	position:relative;
	}
	
#top-interior {
	background-image:url(../images/interior-bg-tile.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	height:166px;
	position:relative;
	}
	
#top-main-about {
	margin:0 auto;
	background-image:url(../images/main-about-bg.jpg);
	background-repeat:no-repeat;
	width:999px; height:146px;
	position:relative;
	}
	
#top-main-solutions {
	margin:0 auto;
	background-image:url(../images/main-solutions-bg.jpg);
	background-repeat:no-repeat;
	width:999px; height:146px;
	position:relative;
	}
	
#top-main-services {
	margin:0 auto;
	background-image:url(../images/main-services-bg.jpg);
	background-repeat:no-repeat;
	width:999px; height:146px;
	position:relative;
	}

/*Nav
=============================================================*/

#nav {
	height:66px; width:900px;
	margin:0 auto;
	position:relative;
	}
	
#top-main .logo {
	margin:2px;
	position:absolute; left:170px; top:10px;
	z-index:1;
	display:block;
	width:130px; height:140px;
	}
	
#top-main-about .logo {
	margin:2px;
	position:absolute; left:70px; top:10px;
	z-index:1;
	display:block;
	width:130px; height:140px;
	}
	
#top-main-solutions .logo {
	margin:2px;
	position:absolute; left:70px; top:10px;
	z-index:1;
	display:block;
	width:130px; height:140px;
	}
	
#top-main-services .logo {
	margin:2px;
	position:absolute; left:70px; top:10px;
	z-index:1;
	display:block;
	width:130px; height:140px;
	}

#nav ul {
	height:66px; width:900px;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	list-style:none;
	}
	
#nav ul li {
	float: right;
	position: relative;
}
	
#nav ul li a {
	display:block;
	width:140px; height:66px;
	text-indent:-9999px;
	}

#nav ul li a.about{background: url(../images/nav.jpg) no-repeat 0 420px;}
#nav ul li a.about:hover, #nav ul li a.aboutactive {background-position: -480px -66px;}

#nav ul li a.solutions {background: url(../images/nav.jpg) no-repeat 0 280px;}
#nav ul li a.solutions:hover, #nav ul li a.solutionsactive {background-position: -620px -66px;}


#nav ul li a.services {background: url(../images/nav.jpg) no-repeat 0 140px;}
#nav ul li a.services:hover, #nav ul li a.servicesactive {background-position: -760px -66px;}

/*Window & Content
======================================================*/

#window {
	width:940px; height:221px;
	margin:0 auto;
	position:relative;
	padding: 110px 0 0 82px;
	/* for when we want to use the png for future updates or image swaps - just need to use "main-bg-plain" in top-main div
	background-image:url(../images/people.png); background-repeat:no-repeat; background-position: 505px 25px;
	*/
	}
	
#content {
	position:relative; top:-20px;
	margin:0 auto;
	background-image:url(../images/content-bg.jpg); background-repeat:no-repeat;
	width:1199px;
	}
	
#content ul {
	list-style-type:disc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#414141; line-height:19px; padding-left:16px; margin-top:10px;
	}
	
#content-interior {
	position:relative; top:-20px;
	margin:0 auto;
	background-image:url(../images/interior-content-bg.jpg); background-repeat:no-repeat;
	width:999px;
	}

#content-interior-copy ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#414141; line-height:19px;
	padding:10px 0 0 16px; list-style-type:disc;
	}
	
#content-interior-copy {
	float:left; width:550px; margin-left:75px; padding-bottom:25px; display:block;
	}
	
#content-interior-right-copy {
	float:right; width:260px; margin-right:70px; padding-bottom:25px; display:block;
	}	
	
.column {
	width:250px; height:370px;
	position:relative; left:145px;
	float:left;
	display:inline;
	margin:20px 26px 10px 26px;;
	}

.btn-home {
	position:absolute; bottom: 10px; left: 25px;
	}
	
.btn {
	position:relative;
	margin: 20px 0 0 25px;
	}
	
/* Footer
======================================================*/

#footer {
	height:90px;
	margin:0 auto;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x; 
	clear:both;
	}


/* future sub nav menus
========================================================

#nav li ul {
	background-color: none;
	background-image: none;
	position: absolute;
	width: 181px;
	left: -999em; 
	top: 41px;
	padding: 0;
	border-top: 1px solid #a4221f;
}

#nav ul li a {
	background-color: #3d0000;
	background-image: none;
	height: 12px;
	width: 169px;
	opacity: .9;
	filter: alpha(opacity=90);
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 6px 5px 8px 5px;
	border: 1px solid #a4221f;
	border-top: 0;
	text-decoration: none;
	text-indent: 0em; 
}

#nav ul li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
		background-color: #690000;
}

#nav ul ul a {
	width: 220px;
}

#nav li ul ul {
	margin: 0;
	width: 230px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}

#nav li li:hover ul, #nav li li.sfhover ul { 
	left: 180px;
	top: -1px;
}

End future subnav menus
==================================================*/