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

@import url(http://fonts.googleapis.com/css?family=Ubuntu&v2);
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/bg_body.gif) repeat;
}
.indent {
	text-indent: -9999px;
	position: absolute;
	overflow: hidden;
}
.clear {
	clear: both;
}
fieldset {
	border: 0;
}
#wrapper {
	height: auto;
	width: 930px;
	position: relative;
	margin: 8px auto;
}
#header_top {
	background: url(../images/header_top.png) repeat-x;
	height: 50px;
	margin: 0 50px;
}
.header_top_lft {
	background: url(../images/header_top_lft.png) no-repeat left top;
	height: 50px;
	margin: 0 0 0 -50px;
}
.header_top_rgt {
	background: url(../images/header_top_rgt.png) no-repeat right top;
	height: 50px;
	margin: 0 -50px 0 0;
}
#main_container {
	background: url(../images/shadow.png) repeat-y;
	height: auto;
	width: 930px;
}
.grad_bkgd {
	background: url(../images/bkgd_grad_btm.png) repeat;
	height: auto;
	width: 896px;
	margin: 0 auto;
	border-right: 4px solid #013471;
	border-left: 4px solid #013471;
}
#container {
	background: url(../images/bkgd_grad.png) repeat-x left top;
}
#header {
	height: 192px;
	width: auto;
}
.screws_lft {
	position: absolute;
	height: 213px;
	width: 30px;
	left: 29px;
	top: 18px;
	background: url(../images/screws_left.png) no-repeat;
}
.screws_rgt {
	height: 213px;
	width: 30px;
	position: absolute;
	left: 873px;
	top: 18px;
	background: url(../images/screws_right.png) no-repeat;
}
#logo {
	height: 171px;
	width: 865px;
	margin: auto;
	position: relative;
	top: -22px;
	z-index: 2;
	background: url(../images/logo_new.png) no-repeat;
}
#logo h1 {
	height: 113px;
	width: 171px;
	position: absolute;
	top: 26px;
	left: 28px;
}
#logo h1 a {
	display: block;
	height: 113px;
	width: 171px;
}
.turnkey {
	background: url(../images/turnkey.png) no-repeat;
	height: 36px;
	width: 616px;
	position: relative;
	top: 15px;
	float: right;
	right: 40px;
}
#clock {
	float:right;
	color:#CCC;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 558px;
	top: 80px;
	width: 300px;
	height: 20px;
	text-align: right;
}
/* ------------------- Navigation --------------------*/
#nav {
	height: 40px;
	width: 638px;
	position: relative;
	top: 83px;
	left: 224px;
	z-index: 10;
}
#nav a {
	font: bold 16px 'Ubuntu', Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	display: block;
	height: 40px;
	line-height: 20px;
	text-shadow: -1px -1px #222;
}
#nav li {
	list-style-type: none;
	float: left;
	height: 40px;
}
#home a {
	background: url(../images/home_hvr.png) no-repeat left bottom;
	margin: 0 2px 0 0;
	width: 124px;
}
#services a {
	background: url(../images/services_hvr.png) no-repeat left bottom;
	margin: 0 2px 0 0;
	width: 126px;
}
#nav .drop {
	visibility: hidden;
	width: 182px;
	position: absolute;
	top: 40px;
	margin: 0 0 0 -3px;
}
#nav .drop ul {
	padding: 6px 0 0 12px;
	background: url(../images/drop_mid.png) repeat-y;
}
#nav #services:hover .drop, #nav #services.gvHover .drop, #nav #about:hover .drop, #nav #about.gvHover .drop, #nav #contact:hover .drop, #nav #contact.gvHover .drop {
	visibility: visible;
}
.drop_top {
	height: 7px;
	background: url(../images/drop_top.png) no-repeat bottom;
	width: 182px;
}
#nav .drop ul li {
	width: 155px;
	height: 24px;
	float: none;
	padding: 0 0 3px;
}
#nav ul li.last {
	padding: 0 0 2px;
}
#nav .drop a {
	width: 149px;
	height: 24px;
	text-align: left;
	padding: 0 0 0 8px;
	display: block;
	background: url(../images/spacer.gif) repeat;
	line-height: 24px;
}
#nav .drop a:hover, #nav .drop a:focus {
	border-bottom: 1px solid #999;
	background: #555 url(../images/bullet14.png) no-repeat 138px 5px;
	border-radius: 5px;
}
.drop_bottom {
	height: 17px;
	width: 182px;
	background: url(../images/drop_bottom.png) no-repeat left bottom;
}
#nav li a:hover, #nav li a:focus {
	text-decoration: none;
	color: #FFF;
}
#nav .last a:hover .blue, #nav .last a:focus .blue {
	text-decoration: none;
	color: #0CF;
}
#nav .last a:hover .lgt_blue, #nav .last a:focus .lgt_blue {
	text-decoration: none;
	color: #06C;
}
#tools a {
	background: url(../images/tools_hvr.png) no-repeat left bottom;
	margin: 0 2px 0 0;
	width: 126px;
}
#about a {
	background: url(../images/about_hvr.png) no-repeat left bottom;
	margin: 0 2px 0 0;
	width: 127px;
}
#contact a {
	background: url(../images/contact_hvr.png) no-repeat left bottom;
	width: 126px;
}
#nav #contact .drop {
	visibility: hidden;
	width: 182px;
	position: absolute;
	top: 40px;
	left: 461px;
}
#home a:hover, #home a:focus, #services a:hover, #services a:focus, #tools a:hover, #tools a:focus, #about a:hover, #about a:focus, #contact a:hover, #contact a:focus {
	background-position: left top;
}
#content {
	height: auto;
	width: auto;
}
/* ------------------- Footer Navigation --------------------*/
#footer {
	height: 207px;
	width: 896px;
	background: url(../images/footer_grad_adj.png) repeat-x left bottom;
}
#grid {
	height: 176px;
	width: 858px;
	position: relative;
	margin: 0 auto;
	top: 32px;
	background: url(../images/footer_new.png) no-repeat;
}
#footer_nav {
	height: 47px;
	width: 639px;
	margin: 0 auto;
	position: relative;
	top: 55px;
	list-style-type: none;
}
#footer_nav ul {
	list-style-type: none;	
}
#footer_nav a {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 1px 1px #888;
	height: 47px;
	width: 115px;
	display: block;
}
#footer_nav li {
	float: left;
}
.footer_home a {
	background: url(../images/footer_home_hv_new.png) no-repeat left bottom;
}
.footer_serv a {
	background: url(../images/footer_services_hv_new.png) no-repeat left bottom;
	margin: 0 0 0 16px;
}
.footer_tools a {
	background: url(../images/footer_tools_hv_new.png) no-repeat left bottom;
	margin: 0 0 0 16px;
}
.footer_about a {
	background: url(../images/footer_about_hv_new.png) no-repeat left bottom;
	margin: 0 0 0 16px;
}
.footer_contact a {
	background: url(../images/footer_contact_hv_new.png) no-repeat left bottom;
	margin: 0 0 0 16px;
}
/* ------------------- Footer Dropdowns --------------------*/
.footer_serv .serv_panel, .footer_about .about_panel, .footer_contact .contact_panel {
	height: auto;
	width: 126px;
	position: absolute;
	top: 41px;
	visibility: hidden;
	margin: 0 0 0 18px;
}
.s_panel_top {
	background: url(../images/footer_services_top.png) no-repeat;
	height: 11px;
	width: 126px;
}
#footer_nav .serv_panel ul {
	background: url(../images/footer_services_mid.png) repeat-y;
}
.s_panel_bottom {
	background: url(../images/footer_services_bottom.png) no-repeat;
	height: 9px;
	width: 126px;
}
.footer_serv:hover .serv_panel, .footer_serv.gvHover .serv_panel, .footer_about:hover .about_panel, .footer_about.gvHover .about_panel, .footer_contact:hover .contact_panel, .footer_contact.gvHover .contact_panel {
	visibility: visible;
}
.serv_panel li a {
	color: #008CCD;
	margin: 0;
}
.serv_panel li a:hover, .serv_panel li a:focus {
	color: #25D4FF;
}
.serv_panel li a:hover .blue, .serv_panel li a:focus .blue {
	color: #0CF;
}
.serv_panel li a:hover .grn, .serv_panel li a:focus .grn {
	color: #0F0;
}
.serv_panel li a:hover .lgt_blue, .serv_panel li a:focus .lgt_blue {
	color: #06C;
}
.serv_panel li a:hover .lgt_grn, .serv_panel li a:focus .lgt_grn {
	color: #090;
}
.about_panel li a {
	color: #E36D00;
	margin: 0;
}
.about_panel li a:hover, .about_panel li a:focus {
	color: #FF9613;
}
.contact_panel li a {
	color: #9E005D;
	margin: 0;
}
.contact_panel li a:hover, .contact_panel li a:focus {
	color: #D88CDC;
}
.a_panel_top {
	background: url(../images/footer_about_top.png) no-repeat;
	height: 11px;
	width: 126px;
}
#footer_nav .about_panel ul {
	background: url(../images/footer_about_mid.png) repeat-y;
}
.a_panel_bottom {
	background: url(../images/footer_about_bottom.png) no-repeat;
	height: 9px;
	width: 126px;
}
.panel_top {
	background: url(../images/footer_contact_top.png) no-repeat;
	height: 11px;
	width: 126px;
}
#footer_nav .contact_panel ul {
	background: url(../images/footer_contact_mid.png) repeat-y;
}
.panel_bottom {
	background: url(../images/footer_contact_bottom.png) no-repeat;
	height: 9px;
	width: 126px;
}
#footer_nav .serv_panel ul li, #footer_nav .contact_panel ul li, #footer_nav .about_panel ul li {
	float: none;
	height: 20px;
	margin: 0 0 0 12px;
	padding: 0 0 2px;
}
#footer_nav .serv_panel li a, #footer_nav .contact_panel li a, #footer_nav .about_panel li a {
	height: 20px;
	width: 98px;
	padding: 0 0 0 4px;
	line-height: 18px;
	background-image: none;
}
.footer_home a:hover, .footer_home a:focus, .footer_serv a:hover, .footer_serv a:focus, .footer_tools a:hover, .footer_tools a:focus, .footer_about a:hover, .footer_about a:focus, .footer_contact a:hover, .footer_contact a:focus {
	background-position: left top;
}
/* ------------------- End Footer Navigation --------------------*/
#footer_btm {
	height: 60px;
	width: 930px;
	margin: auto;
	text-align: center;
	font: 11px/4em Arial, Helvetica, sans-serif;
	color: #006;
	letter-spacing: 0.15em;
}
#footer_btm a {
	color: #03F;
	text-decoration: none;
}
.footer_btm_lft {
	background: url(../images/footer_lft_btm.png) no-repeat;
	float: left;
	height: 60px;
	width: 50px;
}
.footer_btm_mid {
	background: url(../images/footer_btm.png) repeat-x;
	float: left;
	height: 60px;
	width: 830px;
}
.footer_btm_rgt {
	background: url(../images/footer_rgt_btm.png) no-repeat;
	height: 60px;
	width: 50px;
	float: left;
}
/* ------------------- Navigation Colors --------------------*/
.blue {
	color: #06C;
}
.lgt_blue {
	color: #0CF;
}
.lgt_grn {
	color: #0F0;
}
.grn {
	color: #090;
}
.orange {
	color: #F90;
}
.org_brn {
	color: #F60;	
}
.tan {
	color: #C90;	
}
/* ------------------- Hover Colors --------------------*/
#nav a:hover .blue, #nav a:focus .blue {
	color: #0CF;
}
#nav a:hover .lgt_blue, #nav a:focus .lgt_blue {
	color: #06C;
}
#nav a:hover .lgt_grn, #nav a:focus .lgt_grn {
	color: #090;
}
#nav a:hover .grn, #nav a:focus .grn {
	color: #0F0;
}
#nav a:hover .orange, #nav a:focus .orange {
	color: #FC0;
}
#nav a:hover .org_brn, #nav a:focus .org_brn {
	color: #C90;	
}
#nav a:hover .tan, #nav a:focus .tan {
	color: #F60;	
}
/* ------------------- Footer Colors --------------------*/
#footer .orange {
	color: #E36D00;
}
#footer a:hover .orange, #footer a:focus .orange {
	color: #FF9613;
}
#footer a:hover .org_brn, #footer a:focus .org_brn {
	color: #C90;	
}
#footer a:hover .tan, #footer a:focus .tan {
	color: #F60;	
}