/* CSS Document */
* {
	margin: 0;
	padding: 0;
	top: inherit;
}

body {
  height: 100%; /* Required */
}

html {
  height: 100%; /* Required */
}

body{
	margin-top:0;
	background:#000000 url(../images/bg.gif) repeat-x top center;
}

#clear {clear: both; margin: 0px}

p {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #000000;
}
h1 {
	padding: 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e9a91f;
	background-color: #FFFFFF;
}
a { text-decoration:none; }
a:link { color:#e9a91f;}
a:visited { color:#e9a91f;}
a:hover { color:#e9a91f;}
a:active { color:#e9a91f;}
table tr td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
	color:#111111;
}
.columnHeader {
	padding:7px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#111111;
	font-weight:bold;
}
ul {
	margin:0 0 15px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
	color:#000000;
}
#shell{
	margin:0 auto 0 auto;
	background: url(../images/content_bg.gif) repeat-y;
	width:770px;
	border-left: #000000 solid 1px;
	border-right:#000000 solid 1px;
	position: relative;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */ 
}
#contentShell:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
/* ------- HEADER ------- */

#header{
	width:770px;
	background:#a5acb0 url(../images/header_bg.jpg) no-repeat;
	height:107px;
}
#header div.logo{
	padding:29px 0 0 15px;
	float:left;
}
#header div.contact{
	text-align:right;
	padding:0 45px 0 0;
	float:right;
	margin: 24px 0 0 0;
}
#header div.contact p{
	margin:0;
	padding:0;
	font-size:9px;
	line-height:11px;
}

/* ------- MENU ------- */

#menu{
	width:770px;
	background:#000000 url(../images/menu_bg.gif) repeat-x;
	height:30px;
}

/* ------- CONTENT ------- */

#contentShell {
	margin: 0 0 35px 0;
	padding: 0 0 35px 0;
	width:770px;
	clear:both;
	min-height: 100%;
}
		/* ------- SUBMENU ------- */
		
		.submenu {
			background-color:none;
			width:228px;
			float:left;
		}
		.menuItem {}
		
		/* ------- CONTENT ------- */

		.galleryContent {
			padding: 30px 15px 30px 15px;
			width:510px;
			float:right;
		}
		.galleryTitle {
			margin: 0 0 28px 13px;
		}
		.content {
			padding: 30px 30px 30px 28px;
			width:482px;
			float:right;
		}
		.title {
			margin-bottom:28px;
		}
		.hzline {
			background-color:#dadddf;
			width:482px;
			height:1px;
			clear:both;
		}
		.tankSpecs {
			margin-bottom:15px;
		}
		.tankSpecs2 {
			margin:15px 0;
		}
		.image {
			margin:20px 10px 15px 0;
			float:left;
		}
		.locationsContact{
			width:241px;
			float:left;
		}
		.picLeft{
			float:left;
		}
		.picRight{
			float:right;
		}
/* ------- FOOTER ------- */

#footer {
	width:100%;
	position: absolute;
	background:#000000 url(../images/footer.gif) repeat-x;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 35px;
	clear:both;
}
#footer p{ color:#FFFFFF; margin:0; padding:10px 0 0 8px;}
#footer a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#footer a:link{color:#FFFFFF;}
#footer a:visited{color:#FFFFFF;}
#footer a:hover{color:#FFFFFF;}
#footer a:active{color:#FFFFFF;}
/* ------- SPLASH ------- */
#splashShell{
	margin:0 auto 0 auto;
	background:#FFFFFF url(../images/splash_content_bg.gif) repeat-y;
	width:770px;
	border-left: #000000 solid 1px;
	border-right:#000000 solid 1px;
	position: relative;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */
}
#splashContentShell:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#splashContentShell{
	margin: 0 0 35px 0;
	padding: 0 0 35px 0;
	width:770px;
	clear:both;
}
#splashPic{
	width:770px;
	height:220px;
}

#splashBuckets{
	width:770px;
	background-color:#c1c2c2;
	height:150px;
}
	
#splashContent{
	width:770px;
}
		
#splashContent div.contentLeft{
	width:520px;
	float:left;
}
#splashContent div.title{
	margin:30px 0 0 0;
	padding:0 30px;
}

#splashContent div.text{
	margin: 0 0 15px 0;
	padding:0 30px;
}	

#splashContent div.contentRight{
	padding-top:15px;
	width:250px;
	float:right;
}	
#splashContent div.topic p {
	margin:0 30px 0 20px;
	padding:15px 0;
	line-height:14px;
}
#splashContent div.topicMiddle p {
	margin:0 30px 0 20px;
	padding:14px 0;
	line-height:14px;
	border-bottom:#dedede solid 1px;
	border-top:#dedede solid 1px;
}
#splashContent div.contentRight p{
	padding:0;
	margin-bottom:10px;
	font-size:10px;
	color:#2d2d2d;
	line-height:12px;
}
#splashContent div.contentRight p a{
	font-weight:bold;
	color:#e9a91f;
}
.sidebarTop {
	padding:18px 30px 0 125px;
	background-image:url(../images/splash_sidebar_top.jpg);
	height:123px;
}
.sidebarMid {
	padding:18px 108px 0 35px;
	background-image:url(../images/splash_sidebar_mid.jpg);
	height:123px;
}
.sidebarBot {
	padding:18px 30px 0 118px;
	background-image:url(../images/splash_sidebar_bot.jpg);
	height:123px;
}

div#contentShell div.renewableSplash {
	position: absolute;
	bottom: 35px;
	right: 0px;
}