/* ---------------------------Reset---------------------------------- */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	overflow-y: scroll;
}

body {
	line-height: 1.3;
	font-family: helvetica, arial, sans-serif;
	background: url(img/background.jpg) repeat-x;
}

ol, ul {
	list-style: none;
}


/* ---------------------------End Reset--------------------------- */

/* ---------------------------Text--------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
}


h2 {
	font-size: 24px;
	color: #ff0000;
	margin: 20px 0px 20px 10px;
}

h3 {
	font-size: 16px;
	color: #333;
	margin: 20px 10px 10px 10px;
}

p {
	font-size: 12px;
	color: #666666;
	margin: 10px 10px 0px 10px;
	text-align: justify;
}

a {
	text-decoration: none;
	color: #4e4e4e;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

/* ---------------------------End Text--------------------------- */

/* ---------------------------Main Style--------------------------- */

#wrap {
	width: 978px;
	margin: auto;
}

#header h1 {
	background: url(img/tank_farm_services_logo.jpg) no-repeat;
	width: 250px;
	height: 120px;
	text-indent: -9999px;
	float: left;
}

#header h1 a {
	width: 250px;
	height: 120px;
	display: block;
}

#header p {
	background: url(img/header_slogan.jpg) no-repeat;
	width: 728px;
	height: 120px;
	text-indent: -9999px;
	float: left;
	padding: 0;
	margin: 0;
}

#content li {
	font-family: arial, verdana, sans-serif;
	list-style-image:url('img/bullet.gif');
	margin: 10px 0px 10px 45px;
	color: #333333;
	font-size: 12px;
}

#footer ul {
	font-size: 12px;
	margin: 10px 0px 0px 20px;
	color: #999999; 
}

#footer li {
	padding: 3px;
}

#footer p {
padding: 10px;
text-align: center;
color: #b7b7b7;
}

/* ---------------------------End Main Style--------------------------- */



#sidebar { 
	float: left;
	width: 200px; 
	min-height: 580px;
}

#download ul {
	font-size: 12px;
	float: right;
	margin: 0px 10px 0px 0px;
}

#download li {
	line-height: 1;
	list-style-image:url('img/pdf.gif');
}

#animation {
	float: left;
}

#animation a {
	margin-left: 10px;
	font-size: 14px;
	color: #ff0000;
}

#content {

	float: right;
	width: 747px;
	min-height: 580px;
	padding: 0px;
	border-right: 0px solid #ccc;
}

#footer {
	background: url(img/footer.jpg) no-repeat;
	width: 1000px;
	height: 140px;
	float: left;
	padding: 0;
	margin: 0;
}

#picturel{
		float:left;
		margin: 10px;
}

#picturer{
		float:right;
		margin: 10px;
}

#picturec{
		float:center;
		margin: 10px;
}

#map{
	float:right;
	margin-top: 20px;
	}

	
#contactul ul  {
	margin-top: 40px;
	margin-left: -35px;
}

#contactul li  {
	list-style: none;
	font-size: 16px;
	color: #333366;
	font-weight: bold;
}
	
#contactul2 ul  {
	margin-top: 20px;
	margin-left: -35px;
}

#contactul2 li  {
	list-style: none;
	font-size: 16px;
	color: #006699;
	font-weight: bold;
}	
	
#flash {
	float:right;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-right: 30px;
	}
	
	
/* ---------------------------Menu Navigation--------------------------- */

ul#menu {
	list-style: none;
	margin-top: 70px;
}
	
ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 40px;
		width: 200px;
		}

		ul#menu li a.bhome {
			background: url(img/buttons/home_button.png) no-repeat top center;
		}
		ul#menu li a.bcompany {
			background: url(img/buttons/companybg_button.png) no-repeat top center;
		}
		ul#menu li a.blivemastir {
			background: url(img/buttons/livemastir_button.png) no-repeat top center;
		}
		ul#menu li a.bmastircannon {
			background: url(img/buttons/mastircannon_button.png) no-repeat top center;
		}
		ul#menu li a.btransmas {
			background: url(img/buttons/transmas_button.png) no-repeat top center;
		}
		ul#menu li a.blagoon {
			background: url(img/buttons/lagoon_button.png) no-repeat top center;
		}
		ul#menu li a.bcleaning {
			background: url(img/buttons/cleaning_button.png) no-repeat top center;
		}
		ul#menu li a.bmanway {
			background: url(img/buttons/manway_button.png) no-repeat top center;
		}
		ul#menu li a.broofleg {
			background: url(img/buttons/roofleg_button.png) no-repeat top center;
		}
		ul#menu li a.bcontact {
			background: url(img/buttons/contact_button.png) no-repeat top center;
		}
		ul#menu li a.bgallery {
			background: url(img/buttons/gallery_button.png) no-repeat top center;
		}
		
		
			ul#menu li a.bhome:hover, ul#menu li a.bhome:active,
			ul#menu li a.bcompany:hover, ul#menu li a.bcompany:active,
			ul#menu li a.blivemastir:hover, ul#menu li a.blivemastir:active, 
			ul#menu li a.bmastircannon:hover, ul#menu li a.b:active, 
			ul#menu li a.btransmas:hover, ul#menu li a.btransmas:active,
			ul#menu li a.blagoon:hover, ul#menu li a.blagoon:active, 
			ul#menu li a.bcleaning:hover, ul#menu li a.bcleaning:active, 
			ul#menu li a.bmanway:hover, ul#menu li a.bmanway:active, 
			ul#menu li a.broofleg:hover, ul#menu li a.broofleg:active,
			ul#menu li a.bcontact:hover, ul#menu li a.bcontent:active,
			ul#menu li a.bgallery:hover, ul#menu li a.bgallery:active
			{
				background-position: center center;
			}
			
			
		body#bodyhome ul#menu li a.bhome,
		body#bodycompany ul#menu li a.bcompany,
		body#bodylivemastir ul#menu li a.blivemastir,
		body#bodymastircannon ul#menu li a.bmastircannon,
		body#bodytransmas ul#menu li a.btransmas,
		body#bodylagoon ul#menu li a.blagoon,
		body#bodycleaning ul#menu li a.bcleaning,
		body#bodymanway ul#menu li a.bmanway,
		body#bodyroofleg ul#menu li a.broofleg,
		body#bodycontact ul#menu li a.bcontact,
		body#bodygallery ul#menu li a.bgallery
		{
			background-position: bottom center;
		}

/* ---------------------------End Menu Navigation--------------------------- */



#displaybox {
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}