/* CSS Document */

body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif;font-size:12px; background: #0084b9 url(images/bodyBG.jpg) repeat-y center top; }
img.left { float: left; margin: 5px 6px 5px 5px; display: inline; }
.clearer { width: 100%; height: 1px; clear: both; }
a img { border: none; }
#headerOne { width: 814px; height: 160px; background: #0384BD url(images/headerBG.jpg) no-repeat center bottom;position: relative; left: 50%; margin-left: -407px;}

#phone { float: right; margin: 0px; padding: 0px; height: 55px; width:180px; background: none; }
	#phone p { padding: 10px 10px 0px 0px; margin: 0; font-size: 1em; text-align:right; position: absolute;}
	#phone a:link, #phone a:active, #phone a:visited  { color: #3A4D76; text-decoration:none; }
	#phone a:hover { color: #3a4d75; font-weight:bold; }
	
#nav { width: 814px; height: 25px; float: right; padding: 0px;}
	#nav ul { height: 25px; float: right; padding: 76px 10px 0px 0px; display: inline; font-size:10px;}
	#nav ul li { float: left; width: auto; background: none; list-style: none; margin-right:4px; }
	#nav ul li a { height: 28px; width: 100px; background: url(images/buttonBG.jpg) no-repeat; color: #fff; display: block; text-decoration: none; text-align: center; font-size: 1.2em; line-height:21px; vertical-align:middle;}
	#nav ul li a:hover { background-position: -100px; }
	#nav ul li a:active { background-position: -200px; color: #000; text-decoration: underline; }
	#wrapper { width: 798px; height: 100%; position: relative; left: 50%; margin-left: -399px;  border-top: 8px solid #3a4d75; }

#botnav { width: 802px; height: 25px; padding: 0px 98px;}
	#botnav ul { height: 25px; float: right; padding: 0px; display: inline; font-size:10px;}
	#botnav ul li { float: left; width: auto; list-style: none; margin-right:4px; }
	#botnav ul li a { height: 25px; width: 100px; background: url(images/buttonBG.jpg) no-repeat; color: #fff; display: block; text-decoration: none; text-align: center; font-size: 1em; line-height:21px; vertical-align:middle;}
	#botnav ul li a:hover { background-position: -100px; }
	#botnav ul li a:active { background-position: -200px; color: #000; text-decoration: none; }
	#wrapper { width: 798px; height: 100%; position: relative; left: 50%; margin-left: -399px;  border-top: 8px solid #3a4d75; }

#branding { width: 796px; height: 232px; background: transparent url(images/mainBranding1.jpg) no-repeat 3px top; border-bottom: 4px solid #3a4d75; float: left; }
	#branding p { float: left;  text-align:justify; width: 356px; padding: 7px 9px; background: none; display: inline; font-size: 12px; margin: 0px; font-weight:100;}
	#branding a, #branding a:visited {background-color:#3a4d75; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; float:right; text-align:right; width: 168px; padding: 4px 12px; display: inline; font-size: 12px; margin: 1px; color:#CCCCCC; text-decoration:none; font-weight:500;}
	#branding a:hover {background-color:#CCCCCC; color:#3a4d75; border-bottom:2px solid #3a4d75; border-right:2px solid #3a4d75;float:right; text-align:right; width: 168px; padding: 4px 12px; display: inline; font-size: 12px; margin: 1px; text-decoration:none; font-weight:500;}
	.activePage {background-color:#CCCCCC; color:#3a4d75; border-bottom:2px solid #3a4d75; border-right:2px solid #3a4d75; float:right; text-align:right; width: 168px; padding: 4px 12px; display: inline; font-size:12px; margin:1px; color:#3a4d75; text-decoration:none; font-weight:500;}
#flash { height: 232px; width: 416px; background: #ccc; float: right; display: inline; margin-right: 0px;padding:0px;}
#contentImage { height: 232px; width: 416px; background: #ccc; float: right; display: inline; margin-right: 0px;padding: 0px;}

#contentMain{ padding: 0px 0px 0px 2px; width: 796px; height:100%; min-height: 483px; background: #fff url(images/contentMainBG.jpg) repeat-x top left;  float: left; margin: 0px 0px 0px 0px;}
	#contentMain p { font-size: 12px; padding: 1px 6px 0px 12px; line-height: 150%; }
	#contentMain h2 { font-size: 16px; padding: 6px 6px 0px 12px; line-height: 100%; font-weight:bold;}
	#contentMain a {text-decoration:none; color:#3a4d75; }
	#contentMain a:hover {font-weight:bold;}
	.folio:hover { height:79px; width:79px;border:3px solid #3a4d75; }
	
#portfolioMain{ padding: 0px 0px 0px 2px; width: 796px; height:100%; min-height: 483px; background: #fff url(images/contentMainBG.jpg) repeat-x top left;  float: left; margin: 0px 0px 0px 0px;}
	#portfolioMain p { text-align:center; font-size: 12px; padding: 1px 6px 0px 12px; line-height: 150%; }	

#contactMain{ padding: 0px 0px 0px 3px; width: 794px; height:100%; min-height: 483px; background: #fff url(images/contentMainBG.jpg) repeat-x top left;  float: left; margin: 0px 0px 0px 0px;}
	#contactMain p { float: left; text-align:left; width: 360px; padding: 12px; background: none; display: inline; font-size: 12px; margin: 0px 0px 0px 3px; font-weight:100;}
	#contactMain h2 { font-size: 16px; padding: 6px 6px 0px 12px; line-height: 100%; font-weight:bold;}
	#contactMain a {text-decoration:none; color:#3a4d75; }
	#contactMain a:hover {font-weight:bold;}

#tankTypes { height: 232px; width: 396px; float: right; background: #ccc; margin: 5px 9px 5px 9px; padding: 0; }
#companyInfo { height: 130px; width: 792px; float: right; background:none; margin: 0px; padding: 0; }
	#tankLinks { float: left; height: 101px; width: 124px; margin: 6px 0px 6px 6px; display: inline; background-color:#000000}
	#tankLinks a { height: 94px; width: 122px; display: block; text-align: center; padding-top: 5px; font-size: 1.25em; color: #000; text-decoration:none; }
	#tankLinks a:hover { background: #555;}
		.liquid { background: url(images/liquidNorm.jpg) no-repeat top left; }
		.liquid:hover { background: transparent url(images/liquidHover.jpg) no-repeat top left !important; }
		.dry { background: url(images/dryNorm.jpg) no-repeat top left; }
		.dry:hover { background: transparent url(images/dryHover.jpg) no-repeat top left !important; }
		.types { background: url(images/typesNorm.jpg) no-repeat top left; }
		.types:hover { background: transparent url(images/typesHover.jpg) no-repeat top left !important; }
		.services { background: url(images/servicesNorm.jpg) no-repeat top left; }
		.services:hover { background: transparent url(images/servicesHover.jpg) no-repeat top left !important; }
		.acc { background: url(images/accNorm.jpg) no-repeat top left; }
		.acc:hover { background: transparent url(images/accHover.jpg) no-repeat top left !important; }
		.chart { background: url(images/chartNorm.jpg) no-repeat top left; }
		.chart:hover { background: transparent url(images/chartHover.jpg) no-repeat top left !important; }