/*----------------------------------------------------------------------
AUTHOR:  			Justin Acton 
WEBSITE:   		http://www.matrixservice.com/
LAST MODIFIED:    	8/4/09       	
 --------------------------------------------------------------------------*/ 
	
/**** HTML ELEMENTS ********************************/ 

/*--- top elements reset ---*/
* { padding: 0; margin: 0; }

/*--- edit the page font size, style, color, background here ---*/
body {margin: 0; padding: 0; font: normal 73%/1.5em 'Century Gothic', Tahoma, sans-serif; color: #555; background: #FFF url(../images/body_bg4.jpg) repeat-x; text-align: center; }
html>body .ieClassLeft { *padding-left:20px; } /*--- Hack Used for positioning TD in IE7 only ---*/
.ieTopMargin {margin:0 -10px -10px -10px;} /*--- Unfortunately this hack has to be used to line up the transparent border correctly in IE ---*/
html>/**/body .ieTopMargin {margin:-10px;} /*--- Unfortunately this hack has to be used to line up the transparent border correctly in  NON IE ---*/

/**** LAYOUT ***************************************/

/*--- alignment classes ---*/
.float-left  {float: left; }
.float-right {float: right; }
.align-left  {text-align: left; }
.align-right {text-align: right; }

/*--- additional classes ---*/
.clear {clear: both; }
.td_pic {width:100px;} 
.td_text {width:800px;}
.headings {background:#ffffff; color:#07185D;} /*--- Used for headings within content area, because by default they are styled with blue background, so this is a way to offset that ---*/
.indent {margin-left:20px; } /*--- Used to indent paragraphs ---*/
.td-left {width:50px; font-weight:bold;} /*--- Used to adjust width of <td>'s in contactus table ---*/
.super {font-size:8px; vertical-align:super;}
.sub-ul {padding-left:30px;}

#main-middle #content-left td{border-spacing:0px; border-collapse:collapse; text-align:left;}
#main-middle #content-left table{width:100%;}

#container {text-align:center; margin: auto; }
#header-content, #content, #footer-content {	width: 905px;} /*--- edit page width here ---*/
/*--- edit page link styles here ---*/
a { background: inherit; color: #0793C9; text-decoration: none; }
a:hover { background: inherit; color: #0793C9; text-decoration: underline; }

/*--- header ---*/
#header {height: 200px; text-align: center; margin: auto; margin-top:50px; background-color:black; width:960px; } /*--- edit header height here ---*/
#page-name {position:absolute; top:100px; left:400px;}

/*--- header nav images menu ---*/
#nav-images ul {position: absolute; right: 10px; top: 40px; font: bolder 1.3em 'Century Gothic', sans-serif; color: #FFF; list-style: none; margin: 0; padding: 0; }
#nav-images li {display:inline;}
#nav-images li a {float: left;	display: block; padding-right:2px; text-decoration: none; }
#nav-images li a:hover {border-top:solid 10px #ffffff;}
#nav-images h3  {padding-bottom:3px; color:#000000; }
#nav-images #turnaround-maintenance  img{border-bottom:solid 2px #000000; padding-bottom:2px;}
#nav-images #engineering  img{border-bottom:solid 2px #FF0000; padding-bottom:2px;}
#nav-images #alternative  img{border-bottom:solid 2px #CC0033; padding-bottom:2px;}
#nav-images #fabrication  img{border-bottom:solid 2px #FFCC00; padding-bottom:2px;}
#nav-images #material  img{border-bottom:solid 2px #CC6600; padding-bottom:2px;}
#nav-images #power  img{border-bottom:solid 2px #0026FF; padding-bottom:2px;}
#nav-images #terminals-bulkstorage  img{border-bottom:solid 2px #FF3300; padding-bottom:2px;}
#nav-images #electrical  img{border-bottom:solid 2px #330099; padding-bottom:2px;}
#nav-images #tanks-vessels  img{border-bottom:solid 2px #007F0E; padding-bottom:2px;}
#nav-images #industrial-gas  img{border-bottom:solid 2px #808080; padding-bottom:2px;}
#nav-images #refining-petro  img{border-bottom:solid 2px #006633; padding-bottom:2px;}

/*--- nav image links ---*/
#links {position:absolute; top:5px; left:410px;}
#links  a{color:#07185D;}

/*--- breadcrumb ---*/
#breadcrumb {float:left; width:895px; padding:5px 0px 0 10px; margin:0px 10px 0px 10px;}
#breadcrumb  li{display:inline;}
#breadcrumb  img{border:0;}

/*--- content ---*/
#container #content-container {clear: both; float: left; width: 100%; } /*--- adjust height of content area here ---*/
#container #content-container #content {text-align: left; padding: 40px; margin: 0 auto; overflow:hidden; height:900px;}

/*--- main border, this is the slightly trasparent border that goes around the content area---*/
#main-top-border {position:absolute; width:925px; margin:0px; top:0; margin:0; height:143px; background: url(../images/content_bg_small.png) repeat;} 

/*--- main-top: the header area---*/
#main-top {position: absolute; width: 905px;	 margin: 0px; padding-bottom: 1px; background:#ffffff; height: 130px; top:10px; left: 10px; }
#main-top #logo {text-decoration: none; color: #FFF; position: absolute; top: 20px; left:5px;}
#main-top h1 {padding: 10px 0px 0px 5px; margin: 0 0 0 10px;  font: normal 1.5em 'Century Gothic', Tahoma, Sans-serif;}
#main-top #links ul{list-style:none;} /*Link Styles*/
#main-top #links li{display:inline;} /*Link Styles*/
#main-top img{border:none;}

/*--- main-middle - 2 column with bottom picture area---*/
#main-middle {position:absolute; width: 905px; margin: 0px; padding: 0; border: 0; top:143px; left: 10px; background:#ffffff;}
#main-middle #content-border {float:left; background: url(../images/content_bg_small.png) repeat; width:925px; margin-left:-10px; height:100%;}
#main-middle #content-left {margin-left:10px; padding:10px; width:600px; float:left; background:#ffffff; min-height:200px;}
#main-middle #content-left p{text-align:justify; padding:0 5px 0 5px;}
#main-middle #content-left  li{margin-left:40px;}
#main-middle #content-left  h3{background:#07185D; padding:5px; color:#ffffff; margin-bottom:5px;}
#main-middle #content-left #tanks-table {padding:5px; border-spacing:0px; border-collapse:collapse; }
#main-middle #content-right {float:left; width:265px; padding:10px 10px 10px 10px; background:#ffffff; min-height:200px;}
#main-middle #content-right  h3{background:#07185D; padding:5px; color:#ffffff; }
#main-middle #content-right  img{border:solid 1px #07185D; padding:5px;}
#main-middle #content-right table {padding:5px; border-spacing:0px; border-collapse:collapse; }
#main-middle #content-right td {padding:5px; border-spacing:0px; border-collapse:collapse;}
#main-middle #content-bottom {margin-left:10px; width:885px; padding:10px; background:#ffffff; float:left; clear:both;}
#content-bottom table  {width:100%; background:url(../images/content_bottom_bg2.jpg) repeat-x; padding-left:15px;}
#content-bottom tr  {width:100%; text-align:center; }
#content-bottom td  {width:250px; height:167px; }

/*--- main-middle - 2 column, nav menu left - used for investor section---*/
#main-middle #content-left-menu {margin-left:10px; padding:10px; width:200px; float:left; background:#ffffff; min-height:200px;}
#main-middle #content-left-menu p{text-align:justify;}
#main-middle #content-left-menu  li{margin-left:10px;}
#main-middle #content-left-menu  ul{list-style:none;}
#main-middle #content-left-menu  a{padding-left:10px;}
#main-middle #content-left-menu  h3{background:#07185D; padding:5px; color:#ffffff; margin-bottom:5px;}
#main-middle #content-left-menu  table{margin-top:20px;}
#main-middle #content-right-content {float:left; width:665px; padding:10px 0 10px 10px; background:#ffffff; min-height:200px;}
#main-middle #content-right-content  h3{background:#07185D; padding:5px; color:#ffffff; margin-right:10px; margin-bottom:5px;}
#main-middle #content-right-content  img{border:solid 1px #07185D; padding:5px;}
#main-middle #content-right-content table {padding:5px; border-spacing:0px; border-collapse:collapse; }
#main-middle #content-right-content td {padding:5px; border-spacing:0px; border-collapse:collapse;}
#main-middle #content-right-content #pressrelease {text-align:left;}
#main-middle #content-right-content p{text-align:justify; padding:0 5px 0 5px; margin-right:10px;}
#main-middle #content-right-content strong{padding:0 5px 0 5px; }
#main-middle #content-right-content li{margin-left:40px; }

/*--- main-middle - 1 column - used for projects pages, etc. ---*/
#main-middle #content-full-border {background: url(../images/content_bg_small.png) repeat; width:925px; /*margin:-10px -10px -10px -10px;*/ height:100%;}
#main-middle #content-full {width:885px;  padding:10px; background:#ffffff; min-height:200px; margin:10px;}
#main-middle #content-full p{text-align:justify; padding:0 5px 0 5px;}
#main-middle #content-full  li{margin-left:40px;}
#main-middle #content-full  h3,h4,h5{background:#07185D; padding:5px; color:#ffffff;}
#main-middle #content-full  img{border:solid 1px #07185D; padding:5px;}
#main-middle #content-full  table{text-align:left; margin:5px; width:100%;}
#main-middle #content-full  td{text-align:left; margin:5px;}
#main-middle #content-full #inner-content{text-align:left;}

/*--- footer ---*/
#footer {clear: both; margin:20px 0px 0 0px; padding:0; font: normal .95em/1.6em 'Century Gothic', Tahoma, Arial, sans-serif; text-align: left; height: 100%; border-top:solid 1px #C0C0C0;}
#footer-content {margin: 0 auto; padding: 20px 0px 20px 0px; text-align:center; background-color: #ffffff; height: 100%; width:885px;}