/* CSS Document */


/* GENERAL LAYOUT STYLES */


/* colors: 	pink - #E2124E
			dark blue - #203466
			medium blue - #7178AE
			really light blue - #E8E8F4 */


* { margin: 0; padding: 0; }

img { border: none; }

body { font: normal 12px Arial, Helvetica, sans-serif;  background: url(../images/bodybg.png) repeat-x 0 -1px; padding-top: 3px; }

.hidden { display: none; }

div#mastheadwrapper { width: 100%; height: 151px;  }

div#masthead { width: 984px; height: 151px; background: #FFF; margin: 0 auto; }

div#navwrapper { width: 100%; height: 29px; }

div#nav { width: 984px; height: 29px; background: URL(../images/navbar.png); margin: 0 auto; }

div#contentwrapper { width: 984px;; margin: 0 auto 4px; padding-top: 4px;  overflow: hidden; background: #FFF; }

div#footer { width: 984px; height: 46px; background: #203466; margin: 0 auto; clear: both; }



/* MASTHEAD STYLES */


div#logo { width: 136px; height: 120px; margin: 21px 10px 0 27px; float: left;}

div#tag { width: 500px; height: 109px; margin: 24px 0 0; border-left: 2px #999 solid; float: left; }

div#icons { width: 179px; height: 19px; margin: 66px 27px 0 0; float: right; }

h1.logo { width: 136px; height: 120px; background: URL(../images/energizelogo.png) no-repeat; }

p.tag { font-size: 14px ; color: #999; text-transform: lowercase; margin: 46px 0 0 20px; }

a.home {
	width: 43px;
	height: 19px;
	padding: 4px 0 0 23px; 
	background: URL(../images/masthome.png) no-repeat; 
	font-size: 12px; 
	text-transform: lowercase;
	text-decoration: none;
	color: #999;
	float: left; }
	
a.bookmark {
	width: 72px;
	height: 19px;
	padding: 4px 0 0 21px;
	margin-left: 4px; 
	background: URL(../images/mastbookmark.png) no-repeat 0 2px; 
	font-size: 12px; 
	text-transform: lowercase;
	text-decoration: none;
	color: #999;
	float: left; }

div#icons a:hover { color: #E2124E; text-decoration: none; }


/* NAVIGATION STYLES */


#nav ul li#aboutus { width: 84px; text-align: center; }
#nav ul li#divisions { width: 84px; text-align: center;  }
#nav ul li#services { width: 86px; text-align: center; }
#nav ul li#search { width: 121px; text-align: center; }
#nav ul li#testimonials { width: 110px; text-align: center; }
#nav ul li#contact { width: 90px; text-align: center; }

#nav ul {
	margin: 0 0 0 27px;
	float: left;
	padding: 0;
	list-style: none;
	display: inline;
	}


#nav ul li {
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	}

#nav ul li ul {
	position: absolute;
	left: -28px;
	top: 29px;
	display: none;
	background: #BBB;
	list-style: circle;
	list-style-type: circle;
	}

#nav ul li ul li {
	width: 180px;
	border-top: 1px solid #FFF;
	padding-left: 10px;
	background: #8F99B2 URL(../images/subnavbulleton.png) no-repeat 1px 5px; 
	}
	
#nav ul li ul li a { 
	font-size: 11px; font-weight: bold; color: #FFF; }
		
#nav ul li a {
	display: block;
	font-size: 12px; font-weight: bold;
	text-decoration: none;
	color: #E8E8F4;
	padding: 7px 8px;
	}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */


#nav li:hover ul { display: block; }

#nav ul li a:hover { color: #FFF; }

#nav ul li ul li a:hover { color: #FFF; }

#nav ul li ul li:hover { background: #203466 URL(../images/subnavbulletoff.png) no-repeat 1px 5px; }



/* FOOTER STYLES */

div#footer { font-size: 10px; color: #FFF; border-top: 2px solid #FFF; position: relative; z-index: 1; }

div#footer a { color: #FFF; text-decoration: none; }

div#footer a:hover { color: #E8E8F4; text-decoration: underline; }

div#footerleft { float: left; height: 46px; margin-left: 18px; padding-left: 42px; background: URL(../images/bubbleswhite.png) no-repeat left; }

#footerleft p { margin: 4px 0 -2px; padding: 2px 0; }

div#footerright { float: right; height: 46px; margin-right: 18px; padding-right: 72px; background: URL(../images/footerreclogo.png) no-repeat right; }

#footerright p { margin: 25px 0 0; }

#signature { width: 984px; margin: 0 auto; }

#signature p { float: right; color: #BBB; padding: 20px; }

#signature a { color: #BBB; text-decoration: none; }

#signature a:hover { color: #AAA; }




