body {
	background-image: url('../images/lue_bg_r1v2.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: 21px;
}





/* sticky footer */

html, body, .container {height: 100%;}

body > .container {height: auto; min-height: 100%;}

#main {padding-bottom: 35px;}  /* must be same height as the footer */

#sticky_footer {position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 35px;
	clear:both;} 
	
.clearfix1:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix1 {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix1 { height: 1%;}
.clearfix1 {display: block;}
/* End hide from IE-mac */	
	

/* sticky footer psudo class id */

#sticky_footer {
background-color:#3B89D7;
height: 35px;
width: 100%;
}	
	
/* browser cleanup */	
	
a {
outline: none;
}

img {
border: 0;
}

a:active {outline: 0;}

#header{
margin: 37px 0 0 0;
}

#body {
margin: 55px 0 30px 0;
}

/* navigation */

#nav1 {
background-image: url('../images/navbar_ext.gif');
width: 648px;
height: 53px;
padding: 0 0 0 0;
margin: 71px 0 0 0;
font-size: 16px;
font-weight: bold;
}


/* nav hover */

#nav .of a:hover {
	text-decoration: none;
	color: #003366;
}

#nav .polu a:hover {
	text-decoration: none;
	color: #003366;
}

#nav .os a:hover {
	text-decoration: none;
	color: #003366;
}

#nav .cu a:hover {
	text-decoration: none;
	color: #003366;
}

#nav .et a:hover {
	text-decoration: none;
	color: #003366;
}

#nav li.sub a:hover {
	text-decoration: none;
	color: #AAC7EA;
}


/* nav sticky hover */

ul#nav li.of a.off a:hover,
body#ofon ul li.of  a  {
color: #003366;
}

ul#nav li.polu a.polu a:hover,
body#tpoluon ul li.polu  a  {
color: #003366;
}

ul#nav li.os a.os a:hover,
body#serviceson ul li.os  a  {
color: #003366;
}

ul#nav li.cu a.cu a:hover,
body#cuon ul li.cu  a  {
color: #003366;
}

ul#nav li.os a.os a:hover,
body#sson ul li.os  a  {
color: #003366;
}

/* nav list items and dropdown menus */

#nav {
margin: 25px 0 0 30px;
list-style: none;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li:hover ul {
	left: auto;
	}

#nav li.of:hover ul, #nav li.sfhover ul {
	left: auto;
	width: 150px;
	margin-left: -16px;
	background: #6699CC;
	line-height: 30px;
}

#nav li.os:hover ul, #nav li.sfhover ul {
	left: auto;
	width: 150px;
	margin-left: -16px;
	background: #6699CC;
	line-height: 30px;
}


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

#nav li.sub:hover, #nav li.sfhover {
background:#336699 none repeat scroll 0 0;
}


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


#nav .of a {
	display: block;
	width: 200px;
	height: 28px;
	text-decoration:none;
	color: #336699; 
}

#nav .of .sub a {
	display: block;
	width: 200px;
	height: 28px;
	text-decoration:none;
	color: #FFFFFF; 
}

#nav li.of {
	float: left;
	width: 95px;
}

#nav li.of ul {
	position: absolute;
	width: 95px;
	left: -999em;
}

#nav .polu  a {
	display: block;
	width: 200px;
	height: 28px;
	text-decoration:none;
	color: #336699; 
}

#nav li.polu {
	float: left;
	width: 205px;
}

#nav li.polu ul {
	position: absolute;
	width: 205px;
	left: -999em;
}


#nav .os a {
	display: block;
	width: 200px;
	height: 28px;
	text-decoration:none;
	color: #336699; 
}

#nav .os .sub a {
	display: block;
	width: 200px;
	height: 28px;
	text-decoration:none;
	color: #FFFFFF; 
}

#nav li.os {
	float: left;
	width: 90px;
	margin-left: 9px;
}

#nav li.os ul {
	position: absolute;
	width: 90px;
	left: -999em;
}


#nav .cu a {
	display: block;
	width: 90px;
	height: 28px;
	margin:0 0 0 20px;
	text-decoration:none;
	color: #336699; 
}

#nav li.cu {
	float: left;
	width: 90px;
}

#nav li.cu ul {
	position: absolute;
	width: 90px;
	left: -999em;
}

#nav .et a {
	display: block;
	width: 90px;
	height: 28px;
	text-decoration:none;
	color: #336699; 
	margin: 0 0 0 4px;
}

#nav li.et {
	float: left;
	width: 90px;
}

#nav li.et ul {
	position: absolute;
	width: 90px;
	left: -999em;
}

/* logo */

#logo {
margin-right: 0px;
}

/* homepage buckets */

#buckets {
padding: 15px 0 50px 140px;
}


p.buckets {
font-size: 14px;
line-height: 20px;
width: 370px;
}

/* text styling */

h1 {
font-weight: bold;
font-size: 21px;
color: #336699; 
margin: 0 0 15px 0;
}

h2 {
font-weight: bold;
font-size: 19px;
color: #336699; 
margin: 0 0 15px 0;
}

p.blue {
color: #336699; 
margin: -10px 0 0 0;
}

.blue {
color: #336699; 
margin: -10px 0 0 0;
}

/* button positioning */

.buttonl {
padding: 20px 0 0 0;
}

.buttonr {
padding: 40px 0 0 0;
}

.span-4 {
width: 302px;
}

#indent {
padding: 0 0 0 25px;
}

.bulletspace {
padding: 0 0 15px 0;
}

.space {
padding: 0 0 10px 0;
}

/* form styling */

form {
padding: 0 0 0 70px;
}

.submit input
{
padding: 0 0 0 700px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	padding: 10px 0 0 0;
}

textarea.f:focus, input.f:focus {
border: 1px solid #666666;
}

input.f, textarea.f {
border: 1px solid #999999;
background: url(../images/formbg.png) repeat-x #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 17px;
color: #333333;
padding:9px 15px;
}

.button {
margin: 0 0 0 470px;
background: url('../images/formbutton.gif') no-repeat top left;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 17px;
color: #336699;
font-weight: bold;
padding:10px 18px;
border:0 none;
}

/* client success stories styling image with caption */

.picture {
float: left;
width: 206px;
height: 145px;
margin: 0 25px 0 0;
}

.text {
float: left;
width: 560px;
height: 145px;
margin: 5px 0 0 0;
}

.photoright {float: right; padding:3px 0px 8px 15px; margin: 0; font-size:15px; color: #336699; width: 249px;}

/* winning callout */

.winning {
background-image: url('../images/ss_bg.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-color:#FFFFFF;
width: 846px;
height: 164px;
color: #FFFFFF;
}

.bluewin {
margin: 0px 0 5px 0;
color: #FFFFFF; 
}

.winadj {
margin: 10px 20px 20px 20px;
padding: 15px 0 0 0;
}

.winninggas {
background-image: url('../images/ss_gas_bg.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-color:#FFFFFF;
width: 846px;
height: 264px;
color: #FFFFFF;
}

.footertext {
text-align: right;
color: #FFFFFF;
font-size: 10px;
margin: 10px 200px 0 0;
}
