/* CSS Document */

body{
	padding:0px;
	margin:0px;
	background:#252525;
	color:#7b7b7b;
	font:11px/14px Tahoma, sans-serif;
	border: 0px;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{
	list-style-type:circle;
	list-style-image: url(../images/bullet.gif);
	padding-left: 30px;
}

.clear {clear: both; margin: 0px}


/* HEADER */
#backdropWHITE{
	height:auto;
	width:775px;
	background:url(../images/backfill.gif) 0 0 repeat;
	margin: 0 auto;
	position:relative;
	clear:both;
}

#mail{
	width:94px;
	height:11px;
	display:block;
	background:url(../images/ico-email.gif) 0 0 no-repeat;
	position:absolute;
	top:25px;
	left:0px
}
#login{
	width:105px;
	height:11px;
	display:block;
	background:url(../images/ico-login.gif) 0 0 no-repeat;
	position:absolute;
	top:25px;
	left:95px
}
#homelink{
	width:305px;
	height:93px;
	display:block;
	background:url(../images/homelink.gif) 0 0 no-repeat;
	position:absolute;
	top:37px;
	left:0px;
}
#menu{
	width:200px;
	height:150px;
	display:block;
	position:absolute;
	top:142px;
	left:-1px
}

#header{
	height:286px;
	width:775px;
	background:url(../images/header.gif) 0 0 no-repeat;
	margin: 0 auto;
	position:relative;
	clear:both;
	background-color: #FFFFFF;
}

#group{
	width:190px;
	height:357px;
	position:relative;
	left:585px;
	background-color:#5f6975;
}

#group h2{
	font:10px/14px Tahoma, sans-serif;
	color:#abcfdb;
	font-weight:bold;
	padding-bottom:5px;
	background-color:#5f6975;
	padding-left: 5px;
}
#group p{font:10px/14px Tahoma, sans-serif; color:#fff; padding-bottom:5px; background-color:#5f6975; padding-left: 5px;} 


/* INDEX PAGE */

#content{width:775px; 	background-color: #FFFFFF; background:url(../images/main-back.gif) 0 0 no-repeat; margin: 0 auto; clear:both; }

#content a{font:10px/14px Tahoma, sans-serif; color:#e9e402; font-weight:bold; text-decoration:none }
#content a:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }

#content a.orange{font:10px/14px Tahoma, sans-serif; color:#f5a418; font-weight:normal; text-decoration:underline }
#content a.orange:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }

#content img{
/*	border:#687177 2px solid; */
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}


#leftPan{width:200px; margin: 13px 0 20px 0px; display:inline; float:left; }

.line{height:1px; background:#555657; margin-bottom:15px}

#whatwedo{width:198px; position: relative;}
#whatwedo h2{width:195px; height:43px; background:url(../images/what1.gif) 0 0 no-repeat; position:relative; padding: 0 0 0px 0; margin: 0 0 0 1px}
#whatwedo p{padding:7px 0 0 20px }


#rightPan{width:382px; margin: 13px 0 10px 0px; display:inline; float:left }

#welcome{position: relative; clear:both; margin-bottom:20px}
#welcome h2{
	width:382px;
	height:43px;
	background:url(../images/wel1.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#welcome p{padding:7px 0 15px 10px; }


#experts{position: relative; clear:both; background:url(../images/experts.gif) 0 0 no-repeat;}
#experts h2{width:193px; height:22px; background:url(../images/vision.gif) 0 0 no-repeat; position:relative; padding: 0 0 0px 0; margin: 0 0 0 12px}
#experts p{padding:7px 0 15px 10px; margin-right: 80px }


/* FULLPAGE */

#FPcontent{width:775px; background-color: #FFFFFF; background:url(../images/FP_top.gif) 0 0 no-repeat; margin: 0 auto; clear:both; }

#FPcontent h3{
	font:14px/14px Arial, sans-serif;
	color:#7B7B7B;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 20px;
}

#FPcontent h4{
	font:11px/14px Arial, sans-serif;
	color:#7B7B7B;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 20px;
	text-align: center;
}

#FPcontent h5{
	font:12px/15px Arial, sans-serif;
	color:#F00;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 20px;
	text-align: left;
}

#FPcontent a{
	font:10px/14px Tahoma, sans-serif;
	color:#E30613;
	font-weight:bold;
	text-decoration:none
}
#FPcontent a:hover{
	color:#E30613;
/*	border-bottom: #fff 1px dotted; */
	text-decoration:none
}

#FPan{width:582px; margin: 14px 0 20px 0px; display:inline; float:left }


#FPbottom{width:775px; height:114px; background-color: #FFFFFF; background:url(../images/FP_bottom.gif) 0 0 no-repeat; margin: 0 auto; clear:both; }

#FPbottom a{font:10px/14px Tahoma, sans-serif; color:#e9e402; font-weight:bold; text-decoration:none }
#FPbottom a:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }

#FPbottom h2{
	width:580px;
	height:43px;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}


#FPbottom p{
	padding:7px 0px 5px 20px;
	margin-right: 200px;
}


/* FOOTER */

#footer{
	width:775px;
	height:57px;
	margin: 0 auto;
	clear:both;
	background:url(../images/footer.gif) 0 0 repeat-x
}
#footertext{
	width:565px;
	height:52px;
	margin-top: 0 auto;
	clear:both;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
#footertext p{padding: 15px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#7b7b7b;}
#footertext p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#7b7b7b; text-decoration:none; padding: 0 5px }
#footertext p a:hover{color:#e40613; background:#fff;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* About Us Pages*/

#About{width:580px; position: relative;}
#About h2{
	width:580px;
	height:43px;
	background:url(../images/Head_About.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#About p{padding:7px 0 0 20px }

/* History */

#History{width:580px; position: relative;}
#History h2{
	width:580px;
	height:43px;
	background:url(../images/Head_History.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#History p{padding:7px 0 0 20px }



/* Management */

#Management{width:580px; position: relative;}
#Management h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Management.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Management p{padding:7px 0 0 20px }


/* OrgChart */

#OrgChart{width:580px; position: relative;}
#OrgChart h2{
	width:580px;
	height:43px;
	background:url(../images/Head_OrgChart.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#OrgChart p{padding:7px 0 0 20px }


/* SHEQ */

#SHEQ{width:580px; position: relative;}
#SHEQ h2{
	width:580px;
	height:43px;
	background:url(../images/Head_SHEQ.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}

#SHEQ p{padding:7px 0 0 20px }

#SHEQ img{
	/*	border:#687177 2px solid; */
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Publications Pages*/

#Publications{width:580px; position: relative;}
#Publications h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Publications.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}

#Publications p{padding:7px 0 0 20px }

#Video {
	POSITION: absolute;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 320px;
	HEIGHT: 260;
	BACKGROUND: #fff repeat-x 50% top;
	FLOAT: left;
	MARGIN: 0px;
	left: 259px;
	top: 201px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Services Pages*/

#Services{width:580px; position: relative;}
#Services h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Services.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Services p{padding:7px 0 0 20px }


/* Fabrication */
#Fabrication{width:580px; position: relative;}
#Fabrication h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Fabrication.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Fabrication h3{
	font:14px/14px Arial, sans-serif;
	color:#7B7B7B;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 20px;
}



#Fabrication p{padding:0px 0 0 5px }

#FabricationStats{width:198px; position: relative; background-color:#CCC}
#FabricationStats h2{width:195px; height:43px; background:url(../images/Head_Fabrication.gif) 0 0 no-repeat; position:relative; padding: 0 0 0px 0; margin: 0 0 0 1px}
#FabricationStats p{padding:7px 0 0 20px }

#FabricationDetails{position: relative; clear:both; margin-bottom:20px}
#FabricationDetails h2{
	width:382px;
	height:43px;
	background:url(../images/Head_Fabrication.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#FabricationDetails h3{
	font:14px/14px Tahoma, sans-serif;
	color:#7B7B7B;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 20px;
}
#FabricationDetails p{padding:7px 0 15px 10px; }
#FabricationDetails img{
	border:#687177 2px solid; 
	margin-top: -8px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

/* Construction */

#Construction{width:580px; position: relative;}
#Construction h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Construction.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Construction p{padding:7px 0 0 20px }


/* Equipment */

#Equipment{width:580px; position: relative;}
#Equipment h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Equipment.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}

#Equipment p{padding:7px 0 0 20px }

#Equipment ul{
	padding:7px 0 0 20px;
	text-indent:7px;

}

/* Steel Detailing */

#Detailing{width:580px; position: relative;}
#Detailing h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Detailing.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Detailing p{padding:7px 0 0 20px }


/* Industrial Painting */

#Painting{width:580px; position: relative;}
#Painting h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Painting.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Painting p{padding:7px 0 0 20px }


/* Maintenance */

#Maintenance{width:580px; position: relative;}
#Maintenance h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Maintenance.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Maintenance p{padding:7px 0 0 20px }


/* Building */

#Building{width:580px; position: relative;}
#Building h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Building.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Building p{padding:7px 0 0 20px }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Our Projects */

#Projects{width:580px; position: relative;}
#Projects h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Projects.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Projects p{padding:7px 0 0 20px }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Careers With US */

#Careers{width:580px; position: relative;}
#Careers h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Careers.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Careers p{padding:7px 0 0 20px }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Our Alliances */

#Alliances{width:580px; position: relative;}
#Alliances h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Alliances.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Alliances p{padding:7px 0 0 20px }

#Alliances a{
	color:#E30613;
	text-decoration:none;	
}
#Alliances a:hover{
	color:#E30613;
	text-decoration:none;	
}

#Alliances img{
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 20px;
	border:0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Logins */

#Logins{width:580px; position: relative;}
#Logins h2{
	width:580px;
	height:43px;
	background:url(../images/Head_Logins.gif) 0 0 no-repeat;
	position:relative;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
}
#Logins p{padding:7px 0 0 20px }
