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

/* layout styles */

body{
background:#000000;
position:relative;
height:100%;
margin:0;
padding:0;
line-height: 2em;
color:#FFFFFF;
}

#mainwrapper{
width:100%;
position:relative;
}

#bannerwrapper{
width:100%;
background:#000000;
height:103px;
position:relative;
z-index:1000;
}

#banner{
width: 1000px;
margin: 0 auto;
height:103px;
position:relative;

}

#topwrapper{
width:100%;
position:relative;
}

#featureWrapper1{
height:492px;
display:block;
width:100%;
background:#0e0e0e url(../images/bg_top.png) top left no-repeat;
position:relative;
z-index:100;
}

#featureWrapper2{
height:492px;
display:block;
width:100%;
background:url(../images/bg_feature_grey.gif) bottom left repeat-x;
position:absolute;
bottom:0;
z-index:0;
}

#featureContainer{
width: 1000px;
margin: 0 auto;
position:relative;
z-index:100000000;

}

	#feature{
	position:relative;
	width:1000px;
	z-index: 10000000000;

	}
	
	ul#featureSlide, ul#featureBack {
	margin:0;
	padding:0;
	margin-top:69px;
	list-style: none;
	width: 100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index: 0;
	}
	
	ul#featureShadow{
	margin:0;
	padding:0;
	list-style: none;
	width: 100%;
	overflow:hidden;
	position:absolute;
	top:423px; /* featureSlide + 69px top margin */
	left:0;
	}
	
		ul#featureShadow li{
		margin-left:21px;
		height: 47px;
		display: block;
		float: left;
	}
	
		ul#featureSlide{
		z-index:10000;
		}
		
		ul#featureBack{
		}
	
	ul#featureSlide li.shutter, ul#featureBack li.shutter {
		margin-left:21px;
		height: 354px;
		display: block;
		float: left;
	}
	
	ul#featureSlide li.content{
		background:#080808;
		padding:34px 14px 0 15px;
		margin-left:21px;
		height: 320px;
		width: 390px; /*padding x = 419*/
		display: block;
		float: left;
	}
	
			ul#featureSlide li.content h1{
			font:31px Trebuchet MS, Helvetica, Arial, sans-serif;
			font-weight:bold;
			text-transform:uppercase;
			color:#0d5aa8;
			}
			
			ul#featureSlide li.content h1 em{
			text-transform:lowercase;
			color:#FFFFFF;
			font-style:normal;
			}
	
	ul#featureBack li.content{
		background:#080808;
		margin-left:21px;
		height: 310px;
		padding:0;
		width:419px
		display: block;
		float: left;
	}
	
	ul#featureSlide li#shutter1 {
		width: 419px;
		background: url(../images/rbb-7a.jpg) no-repeat; 
	}
	
		ul#featureBack li#shutter1 {
		width: 419px;	
		}
		
				
	ul#featureSlide li#shutter2 {
		width: 249px;
		background: url(../images/refuel6a.jpg) no-repeat; 
	}
	
		ul#featureBack li#shutter2 {
		width: 249px; 
	}
		
	ul#featureSlide li#shutter3 {
		width: 249px;
		background: url(../images/return2a.jpg) no-repeat;
	}
	
		ul#featureBack li#shutter3 {
		width: 249px; 
	}
	
	
	ul#featureSlide li#shutter1 a.link {
		width: 419px;
		height: 345px;
		display: block;
		text-indent: -9999px;
		z-index:10000000;
		cursor:default;
	}
	
	ul#featureSlide li#shutter2 a.link, ul#featureSlide li#shutter3 a.link {
		width: 249px;
		height: 345px;
		display: block;
		text-indent: -9999px;
		z-index:10000000;
		cursor:default;
	}
	
	* html ul#featureShadow li, * html ul#featureSlide li, * html ul#featureBack li{
display:inline-block;
	}


#contentwrapper{
width: 100%; /*Width of main container*/
background: #000000 url(../images/bg_content.gif) top repeat-x;
padding-bottom:35px;
overflow:hidden;
}

#contentcontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#content{
width:100%;

}

	#content ul{
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
	#content li{
	float:left;

	}
	
	.contentleft{
	width:445px;
	}
	
	.contentright{
	width:522px;
	margin-left:21px;
	}
	
	.contentbox{
	background:#080808;
	border:1px solid #000000;
	border-top:none;
	
	}

/* Right Column Menu */
	.submenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%; /* width of menu */
	}
	
	.submenu ul{
	margin:0;
	}
	
	.submenu li{
	width:100%;
	border-bottom:1px #FFFFFF solid;
	clear:left;
	}
	
		.submenu .bottomitem{ /* removes bottom border from last menu item */
		border-bottom:none;
		}
	
	.submenu li a{
	font: 11px Trebuchet MS, Helvetica, Arial, sans-serif;
	display: block;
	color: white;
	padding: 6px 0; /* Vertical (top/bottom) padding for each menu link */	
	text-decoration: none;
	}
	
	.submenu li a:visited, .submenu li a:active{
	color: white;
	}
	
	.submenu li a:hover{
	color: #00a3ff;
	}

#footerwrapper{
clear: both;
width: 100%;
height:44px;
padding-top:10px;
background:#000000 url(../images/bg_footer.png) top left no-repeat;
text-align: left;
}

#footer{

width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/

}


.contentleft .innertube{
margin: 20px;
margin-right:40px;
margin-top: 0;
padding-top:30px;
}

.contentright .innertube{
margin:25px;
margin-right:30px;
margin-top:0;
padding-top:30px;
}

/* element styles */

b{font-size: 110%;}
p{font:12px normal Trebuchet MS, Helvetica, Arial, sans-serif; line-height: 2em;}
	.whitetext p{color:#FFFFFF;}
	
em{font-style:normal;}
a{color:#0099ff;}
a:hover{color:#ffffff}

a:visited, a:active{
	color: #0099ff;
	}

.innertube h1{
font:31px Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#FFFFFF;
}

.innertube h1 em{
color:#0d5aa8;
font-style:normal;
}

.contentbox .innertube h1{
font:31px Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#0d5aa8;
}

.contentbox .innertube h1 em{
/*	text-transform:lowercase;	*/
color:#FFFFFF;
font-style:normal;
}

.contentbox .innertube h2{
font:22px Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#FFFFFF;
}

#footer p{
font:10px Trebuchet MS, Helvetica, Arial, sans-serif;
text-transform:uppercase;
color: #FFF;
}

#footer a{
color: #FFFFFF;
text-decoration:none;
padding:0 10px;
}


	#footer a:hover{
	color: #0d5aa8;
	}

/* Custon element styles */

.topmargin{

}

/* feature images list style */

.logo{
position:absolute;
top:25px; /* menu + menuline heigbottom:40px; /* menu + menuline height */
left:0;
}

.address{
color:#666666;
position:absolute;
text-transform:uppercase;
top:0;
right:25px;
}

#footer p.more{
color:#0d5aa8;
float:right;
font-size:12px;
text-transform:lowercase;
margin-right:5px;
}

#footer p.more em{
text-transform:capitalize;
font-style:normal;
color:#FFFFFF;
}

.copyright{
color:#FFFFFF;
float:left;
margin-left:5px;
}