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

/*--- top elements ---*/
* { 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; }

 
/**** 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; }
.main-link {padding:3px; color:#0C1C8C;}
.main-sublink {padding-left:7px; color:#0091C9;}

#container {text-align:center; margin: auto;}
#header-content, #content, #footer-content {	width: 960px;} /*--- edit page width here ---*/

/*--- main top images menu ---*/
#main-top #power  {border-bottom:solid 2px #0026FF; padding-top:3px;}
#main-top #alternative  {border-bottom:solid 2px #CC0033; padding-top:3px;}
#main-top #terminals-bulkstorage {border-bottom:solid 2px #FF3300; padding-top:3px;}
#main-top #industrial-gas  {border-bottom:solid 2px #808080; padding-top:3px;}
#main-top #refining-petro  {border-bottom:solid 2px #006633; padding-bottom:3px;}

/*--- main bottom images menu ---*/
#main-bottom #engineering  {border-bottom:solid 2px #7F6A00; padding-bottom:3px;}
#main-bottom #fabrication  {border-bottom:solid 2px #FFCC00; padding-bottom:3px;}
#main-bottom #electrical  {border-bottom:solid 2px #330099; padding-bottom:3px;}
#main-bottom #tanks-vessels  {border-bottom:solid 2px #007F0E; padding-bottom:3px;}
#main-bottom #turnaround  {border-bottom:solid 2px #000000; padding-bottom:3px;}
#main-bottom #material  {border-bottom:solid 2px #CC6600; padding-bottom:3px;}

/*--- links menu ---*/
#links ul {position:absolute; top:400px; left:130px; color:#07185D; list-style:none; width:800px; text-decoration:none;}
#links li {display:inline; text-decoration:none; padding:5px;}
#links li a {color:#07185D; text-decoration:none; }
#links li a:hover {background:#0C1C8C; color:#FFF; }

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

/*--- main ---*/
#main {float: left; width: 100%; margin: 0px; padding: 0; border: 0; height: 368px;}
#main h1 {padding: 10px 0px 0px 5px; margin: 0 0 0 10px; border-bottom: 1px solid #f2f2f2; font: normal 1.5em 'Century Gothic', Tahoma, Sans-serif;}
#main-top {position: absolute; width: 960px;	 margin: 0px; padding-bottom: 5px; border: 0; height: 181px; top:10px; left: 10px;}
#main-top h1 {padding: 10px 0px 0px 5px; margin: 0 0 0 10px; border-bottom: 1px solid #f2f2f2; font: normal 1.5em 'Century Gothic', Tahoma, Sans-serif;}
#main-middle {position:absolute; width: 960px; margin: 0px; padding: 0; border: 0; top:196px; left: 10px; height: 320px; background-color:#ffffff;}
#main-middle #logo {position:absolute; top:70px; left:270px; }
#main-bottom {position:absolute; width: 960px; margin: 0px; padding:0; border: 0; height: 181px; top:471px; left: 10px;}
#main-bottom h1 {padding: 10px 0px 0px 5px; margin: 0 0 0 10px; border-bottom: 1px solid #f2f2f2; font: normal 1.5em 'Century Gothic', Tahoma, Sans-serif;}
#main-bottom h4,h3{padding: 3px; color:#0C1C8C;}
#main-border {position:absolute; width:980px; margin:auto; text-align:center; padding:0; height:670px; top:0px; background: url(../images/content_bg_small.png) repeat;}

/*--- footer ---*/
#footer {clear: both; margin: 0; padding: 0; font: normal .95em/1.6em 'Century Gothic', Tahoma, Arial, sans-serif; text-align: left; height: 50px;}
#footer-content {margin: 0 auto; background-color: #000000; height: 100%;}