/* General reset */
body{
	background: #ebeaea url(../images/bg-body.gif) repeat-x;
	margin:0;
	font:11px Arial, Verdana, Helvetica, sans-serif;
}
img{border-style:none;}
a{
	color:#000;
	text-decoration:none;
}
a:hover{	text-decoration:underline;}
:focus{
	outline:none;
}
input{
	font:100% arial,sans-serif;
	vertical-align:middle;
	padding: 0;
}
form{
	margin:0;
	padding:0;
	border:none;
}
/* Main code */
#wrapper-t{
	margin: 15px auto 0;
	width: 918px;
	height: 8px;
	overflow: hidden;
	background: url(../images/bg-wrapper-t.png) no-repeat;
}
#wrapper-b{
	margin: 0 auto;
	width: 918px;
	height: 8px;
	overflow: hidden;
	background: url(../images/bg-wrapper-b.png) no-repeat;
}
#wrapper{
	margin: 0 auto;
	width: 891px;
	background: url(../images/bg-wrapper.png) repeat-y;
	overflow: hidden;
	padding: 0 13px 6px;
}
/* header */
#header{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #036;
	z-index: 1;
	position: relative;
}
#header h1{
	display: inline;
	float: left;
	margin: 26px 0 0 17px;
}
/* logo */
#header h1 a{
	background: url(../images/logo1.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:137px;
	height: 102px;
	margin-top: -10px;
}
#nav{
	background: url(../images/bg-nav.gif) repeat-y;
	display: inline;
	float: left;
	width: 177px;
	margin: 0 0 0 29px;
	padding: 17px 0 0;
}
#nav:after {
	content:"";
	display:block;
	clear:both;
}
#nav ul{
	margin: 0;
	padding: 0 0 12px;
	list-style: none;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
}
#nav ul:after {
	content:"";
	display:block;
	clear:both;
}
#nav li{
	line-height: 21px;
	width: 100%;
	position: relative;
	vertical-align: middle;
}
#nav li:after {
	content:"";
	display:block;
	clear:both;
}
#nav li span{
	float: left;
	width: 18px;
	display: inline;
	cursor: pointer;
}
#nav li strong{
	float: left;
	width: 18px;
	display: inline;
	width: 152px;
	padding-left: 7px;
	cursor: pointer;
}
#nav a{
	color: #036;
	display: block;
	width: 100%;
}
#nav li a:hover {
	border: 0;
	text-decoration: none;
}
#nav li:hover a strong,
#nav li.hover a strong,
#nav li a:hover strong {
	background: #3a3a3a;
	color: #fff;
}
#nav li div {
	position: absolute;
	left: 177px;
	top: -38px;
	overflow: hidden;
	width: 0;
}
#nav li ul{
	width: 168px;
	padding-top: 18px;
	background: #3a3a3a;
	height: 116px;
	overflow: hidden;
	margin-left: -168px;
}
#nav li li {
	width: 168px;
}
#nav li li a{
	color: #fff;
	padding-left: 24px;
	width: 144px;
}
#nav li li a:hover{
	text-decoration: underline;
}
.search-form{
	float: right;
	width: 491px;
	height: 155px;
	overflow: hidden;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	display: inline;
}
.search-form img{
	display: block;
}
#s {
	background:#cadbf3;
	width: 148px;
	border: 0;
	font-size: 9px;
	color: #184079;
	padding: 6px 0 3px 5px;
	float: left;
}
#searchsubmit{
	float: right;
}
#content{
	z-index: 2;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#content img{
	display: block;
}
.visual{
	width: 100%;
	overflow: hidden;
}
/* GALLERY */
.visual .gallery{
	float: left;
	width: 657px;
	border-top: 13px solid #407cd3;
	overflow: hidden;
	position: relative;
}
.visual .gallery ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 99999px;
}
.visual .gallery ul li {
	float: left;
	width: 657px;
}
.visual .gallery li a{
	position: relative;
	float: left;
}
.visual .gallery li a:hover{
	text-decoration: none;
}
.visual .gallery li a span{
	cursor: pointer;
}
.visual .gallery li a .desc{
	clear: both;
	color: #fff;
	background: url(../images/bg-transparent.png);
	width: 204px;
	position: absolute;
	left: 0;
	top: 0;
	height:241px;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	padding-left: 17px;
}
.visual .gallery li a .desc span{
	display: block;
	width: 196px;
	line-height: 17px;
	margin-top: 17px;
}
.visual .gallery li a .desc span strong{
	font-size: 12px;
}
.visual .gallery li a .desc .desc-number{
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	margin: 19px 0 0 !important;
	padding: 0 0 16px;
}
.visual .gallery li a .text-01 .desc-number{
	background: url(../images/text-01.gif) no-repeat;
	width: 61px;
	height: 57px;
}
.visual .gallery li a .text-02 .desc-number{
	background: url(../images/text-2.png) no-repeat;
	width: 75px;
	height: 57px;
}
.visual .gallery li a .text-03 .desc-number{
	background: url(../images/text-3.png) no-repeat;
	width: 75px;
	height: 57px;
}
.visual .gallery li a .desc p{
	margin: 0;
	font:12px/17px Helvetica, Geneva, Verdana, Arial, sans-serif;
}
.visual .gallery li a .image-text{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	right: 16px;
	top: 12px; 
}
.visual .gallery li a .text-expanded-dependence{
	background: url(../images/text-expanded-dependence.png) no-repeat;
	width: 264px;
	height: 32px;
}
.visual .gallery li a .text-cost{
	background: url(../images/cost.png) no-repeat;
	width: 264px;
	height: 32px;
}

.visual .gallery li a .text-jobs{
	background: url(../images/jobs.png) no-repeat;
	width: 264px;
	height: 32px;
}

/* GALLERY END */
.get-fueled-up{
	background: #ee8615;
	border-top: 13px solid #f27303;
	float: right;
	width: 192px;
	padding: 12px 20px 0 22px;
	height:229px;
}
.get-fueled-up img{
	display: inline;
	float: left;
}
.get-fueled-up p{
	margin: 15px 0 0 6px;
	float: left;
	display: inline;
}
.buttons{
	width:897px;
	overflow: hidden;
	margin: 5px -6px 5px 0;
}
.buttons div{
	background: url(../images/btn-large.gif) no-repeat;
	float: left;
	display: inline;
	margin-right:6px;
	height: 41px;
	width: 218px;
}
.buttons a span{
	float: left;
	display: inline;
	cursor: pointer;
}
.buttons a strong{
	float: right;
	display: inline;
	cursor: pointer;
}
.buttons a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 100%;
}
.buttons a:hover{
	background-color:#ff762e;
}
.buttons .action a strong{
	background:url(../images/bg-take-action-now.png) no-repeat;
	width: 69px;
	height:41px;
}
.buttons .twitter a strong{
	background:url(../images/bg-bird.png) no-repeat;
	width: 69px;
	height:42px;
	margin: 0 6px 0 0;
}
.buttons .you-tube a strong{
	background:url(../images/bg-youtube.png) no-repeat;
	width: 73px;
	height:41px;
	margin: 0 -3px 0 0;
	position: relative;
}
.buttons .facebook a strong{
	background:url(../images/bg-facebook.png) no-repeat;
	width: 64px;
	height:41px;
	margin: 0 4px 0 0;
}
.buttons .action a span{
	background:url(../images/text-take-action-now.png) no-repeat;
	width: 106px;
	height:23px;
	margin: 11px 0 0 11px;
}
.buttons .twitter a span{
	background:url(../images/text-speak-out-on.png) no-repeat;
	width: 134px;
	height:23px;
	margin: 11px 0 0 7px;
}
.buttons .you-tube a span{
	background:url(../images/text-watch-youtube.png) no-repeat;
	width: 140px;
	height:23px;
	margin: 11px 0 0 2px;
}
.buttons .facebook a span{
	background:url(../images/text-join-us-facebook.png) no-repeat;
	width: 128px;
	height:23px;
	margin: 11px 0 0 10px;
}
.twocolumn{
	width: 100%;
	overflow: hidden;
	background:#036;
	position: relative;
}
.twocolumn-rule{
	background:  url(../images/bg-twocolumn.gif) repeat-y;
	margin: 12px 0 14px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 8px;
}
.twocolumn-rule2{
	/*background:  url(../images/bg-twocolumn.gif) repeat-y;*/
	margin: 12px 0 14px;
	width: 880px;
	overflow: hidden;
	padding-bottom: 8px;
}
.twocolumn span{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
}
div.entry span{
	position:static;
	display:inline;
	
}
.corner-lt{
	background: url(../images/corner-lt.gif) no-repeat;
	top:5px;
	left:4px;
}
.corner-lb{
	background: url(../images/corner-lb.gif) no-repeat;
	bottom:5px;
	left:4px;
}
.corner-rt{
	background: url(../images/corner-rt.gif) no-repeat;
	top:5px;
	right:4px;
}
.corner-rb{
	background: url(../images/corner-rb.gif) no-repeat;
	bottom:5px;
	right:4px;
}
.twocolumn .col{
	float: left;
	width: 423px;
	float: left;
	display: inline;
	margin: 0;
	padding-left: 19px;
	color: #fff;
}
.twocolumn .col2{
	float: left;
	width: 580px;
	float: left;
	display: inline;
	margin: 0;
	padding-left: 19px;
	color: #fff;
}
.twocolumn .col3{
	float: right;
	width: 236px;
	float: left;
	
	margin: 0;
	padding-left: 19px;
	color: #fff;
}


.twocolumn .col2 .text-interactive-map{
	width: 100%;
	overflow: hidden;
}
.twocolumn .col2 .text-interactive-map div{
	width: 155px;
	float: left;
	overflow: hidden;
	line-height: 14px;
	display: inline;
	margin-left: 3px;
}
.twocolumn .col2 h3{
	height: 25px;
	padding:0;
	text-indent: -9999px;
	margin: 9px 0 0;
	line-height: 14px;
}
.twocolumn .col2 .text-interactive-map h3{
	background: url(../images/text-interactive-map.gif) no-repeat;
}
.twocolumn .col2 .text-document-center h3{
	background: url(../images/text-document-center.gif) no-repeat;
}
.twocolumn .col2 .text-interactive-map p{
	margin: 9px 0 0;
	padding: 0 0 0 6px;
}
.twocolumn .col2 .text-interactive-map img{
	float: right;
	display: inline !important;
	margin: 10px 35px 0 0;
}
.twocolumn .col2 .text-document-center div{
	overflow: hidden;
	padding-top: 11px;
	margin: 0 0 0 7px;
}
.twocolumn .col2 .text-document-center ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 200px;
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
}
.twocolumn .col2 .text-document-center li{
	float: left;
	width: 100%;
	vertical-align: middle;
	height: 1%;
}
.twocolumn .col2 .text-document-center ul.first{
	width: 160px;
}
.twocolumn .col2 .text-document-center ul li{
	line-height: 21px;
}
.twocolumn .col2 .text-document-center ul a{
	color: #fff;
}
.twocolumn .col2 .text-document-center ul a:hover{
	color: #ee8615;
}


.twocolumn .col3 .text-interactive-map{
	width: 100%;
	overflow: hidden;
}
.twocolumn .col3 .text-interactive-map div{
	width: 205px;
	float: left;
	overflow: hidden;
	line-height: 14px;
	display: inline;
	margin-left: 3px;
}
.twocolumn .col3 h3{
	height: 25px;
	padding:0;
	text-indent: -9999px;
	margin: 9px 0 0 5px;
	line-height: 14px;
}

.twocolumn .col3 .text-document-center h3{
	background: url(../images/text-document-center.gif) no-repeat;
	margin-left: -5px;
}

.twocolumn .col3 .text-interactive-map h3{
	background: url(../images/text-interactive-map.gif) no-repeat;	
}

.twocolumn .col3 .text-interactive-map p{
	margin: 9px 0 0;
	padding: 0 0 0 0;
}
.twocolumn .col3 .text-interactive-map img{
	float: right;
	display: inline !important;
	margin: 10px 6px 0 0;
}
.twocolumn .col3 .text-document-center div{
	overflow: hidden;
	padding-top: 11px;
	margin: 0 0 0 7px;
}
.twocolumn .col3 .text-document-center ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 200px;
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
}
.twocolumn .col3 .text-document-center li{
	float: left;
	width: 100%;
	vertical-align: middle;
	height: 1%;
}
.twocolumn .col3 .text-document-center ul.first{
	width: 160px;
	margin-left: 7px;
}
.twocolumn .col3 .text-document-center ul li{
	line-height: 21px;
}
.twocolumn .col3 .text-document-center ul a{
	color: #fff;
}
.twocolumn .col3 .text-document-center ul a:hover{
	color: #ee8615;
}

.twocolumn .col .text-interactive-map{
	width: 100%;
	overflow: hidden;
}
.twocolumn .col .text-interactive-map div{
	width: 155px;
	float: left;
	overflow: hidden;
	line-height: 14px;
	display: inline;
	margin-left: 3px;
}
.twocolumn .col h3{
	height: 25px;
	padding:0;
	text-indent: -9999px;
	margin: 9px 0 0;
	line-height: 14px;
}
.twocolumn .col .text-interactive-map h3{
	background: url(../images/text-interactive-map.gif) no-repeat;
}
.twocolumn .col .text-document-center h3{
	background: url(../images/text-document-center.gif) no-repeat;
}
.twocolumn .col .text-interactive-map p{
	margin: 9px 0 0;
	padding: 0 0 0 6px;
}
.twocolumn .col .text-interactive-map img{
	float: right;
	display: inline !important;
	margin: 10px 35px 0 0;
}
.twocolumn .col .text-document-center div{
	overflow: hidden;
	padding-top: 11px;
	margin: 0 0 0 7px;
}
.twocolumn .col .text-document-center ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 200px;
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
}
.twocolumn .col .text-document-center li{
	float: left;
	width: 100%;
	vertical-align: middle;
	height: 1%;
}
.twocolumn .col .text-document-center ul.first{
	width: 160px;
}
.twocolumn .col .text-document-center ul li{
	line-height: 21px;
}
.twocolumn .col .text-document-center ul a{
	color: #fff;
}
.twocolumn .col .text-document-center ul a:hover{
	color: #ee8615;
}
#footer{
	background:#2365ce;
	width: 100%;
	overflow: hidden;
	font-size: 9px;
	padding-bottom: 8px;
}
#footer ul{
	float: left;
	overflow: hidden;
	margin: 51px 0 0 14px;
	padding: 0;
	list-style: none;
	display: inline;
}
#footer li{
	background: url(../images/separator.gif) no-repeat 0 2px;
	margin: 0 6px 0 -1px;
	padding: 0 0 0 4px;
	float: left;
	display: inline;
}
#footer a{
	text-transform: uppercase;
	color: #fff;
}
#footer a:hover{
	text-decoration: underline;
	color: #ee8615;
}
#footer div img{
	position: relative;
	float: left;
	display: inline;
	margin: -40px 0 0 8px;
}
#footer div{
	float: right;
	overflow: hidden;
	height:1%;
	display: inline;
	margin: 11px 16px 0 0;
}
#footer div a{
	float: left;
	margin: 40px 0 0;
}

.maincopy {
	line-height: 1.5em;
}

.maincopy blockquote{
	margin:20px 37px 20px 23px;
	border:1px solid #c2d0e2;
	background:#90c4ec;
	color:#223b60;
	padding:20px;
	font:italic 13px/20px Arial, Helvetica, sans-serif;
}

.maincopy a{
	color:#98b2ff;
	font-weight:bold;
	text-decoration:underline;
}
form#commentform textarea{
	width:580px;
}

img.alignleft{
	float:left;
	margin:10px 10px 10px 0;
}
li.pdf {
list-style-image:url(http://www.secureourfuels.com/wp-content/uploads/2009/06/pdf.gif);   
}