/* -------------------------------------------------------------------
   CSS Stylesheet - Energy Plus Ltd Uk
   (c) Bennett and Company 2007 http://www.bennettandco.co.uk
------------------------------------------------------------------- */

/* Site Wide Styles
------------------------------------------------------------------- */

* {
margin: 0;
padding: 0;
}          

img {
border: none;
}

body {       
background-image: url('images/page_bg.gif');
background-repeat: no-repeat;
background-position: 590px 417px;  
background-color: #fff;
width: 100%;
height: 100%;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
color: #000; 
position: relative;
}                      

/* Box Layout styles
------------------------------------------------------------------- */                   

#topLogo {
background-image: url('images/top_repeater.gif');
background-repeat: repeat-x;
height: 100px; 
padding-left: 50px;
}             

#toplogo img {
float: left;
}

#header {                       
background-color:#bdc6d5; 
border-left: 50px solid #cc0000;
}

.nav {
float: left;
list-style-type: none;
width: 540px;
height: 35px;
position: relative;
}

.nav li ul {
	position: absolute;
	top: 80px;
	left: -999em;
	border: 1px solid #4873B8;
	border-top: 0px;
	background-color: #fff;
}

li:hover ul#benefit {
	left: 250px;
}

li:hover ul#previous {
	left: 408px;
}

.nav li ul li {
	
}

.nav li ul li a {
	width: 120px;
	display: block;
	clear: both;
}

.nav li ul li a:hover {
	background-color: #BDC6D5;
}

.nav li:hover ul, .nav li.sfhover ul {
	left: 0px;
}

.nav li {
display: inline;
}

.nav li a {

display: block;
float: left;
font-family: Tahoma, Helvetica, Sans-serif;
font-size:11px;
color: #000000;
padding: 11px 5px;
text-decoration: none;
}

#nav {
float: none;
border-left: 50px solid #cc0000; 
background-image: url('images/nav_repeater.jpg');
background-repeat: repeat-x;
width: 650px;
}

#nav li a {
color: white;
border-right: 1px solid #b4bfd3; 
} 

#photoContainer {
width: 318px;
height: 287px;
margin-left:590px;
position: absolute;
top: 110px; 
overflow: auto;
}   

#mainContainer {
padding-left: 94px;
padding-top: 20px;
 
}

#blueBox {
width: 503px;
height: 137px;
background-image: url('images/bluebox_bg.gif'); 
font-size: 18px;
color: white;
font-weight: bold;
padding: 40px 45px 40px 28px;
}                      
  
#mainContent {
/*background-color: #ffffff;*/
width: 476px;
min-height:230px;
height: 230px;
} 		 

#mainContent.homepage {	 
background-repeat: no-repeat;
background-position: 100% 0%;
background-image: url('images/white_box_shadow.gif');
position: relative;
top: -60px;
}
#mainContent[class] {
background-image: url('images/white_box_shadow.png');
}

#mainContent.homepage p {
	margin: 1em 0;
}


#mainContainer > #mainContent {
height: auto;
}

#contentWrapper {
width:429px;
/*height: 100%;*/ 
background-color: #ffffff;
padding: 20px;
}
 

form p {clear: both; padding: 10px 0;}
form label {display: block; width: 80px;float:left;}
form input, form textarea {display:block; width: 200px; float: left;}

h1 {font-size: 18px;}

#footer {
width: 470px;
text-align: center;
font-size: 11px;
margin-bottom: 10px;
}

#navmain.nav {
padding-top: 65px !important;
}