@charset "utf-8";
/* CSS Document */
body{
	padding:0; 	
	margin:0 auto; 
	background:#c0c0c0; 
	background-image:url(../images/background-photo3.jpg);
	color:#c0c0c0;
	font-family: Calibri, sans-serif; 
	}
div, h2, h3, h4, h5, img, form, p, ul, dl{
	padding:0;
	margin:0;
	font-size: 18px;
	font-family:Calibri, sans-serif;
	font-weight: normal;
	color:#3F3F3F
	}
h1{	padding:0;
	margin:0;
	font-size: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color:#333
	}
ul{
	list-style-type:none; 
	font-size:0;
	}
.spacer{
	clear:both; 
	line-height:0; 
	font-size:0;
	}
	
	
#wrapper {
  width:994px;
  margin:10px auto;
  background-color:#ffffff;
   }
 
   
#pages{
	width:994px; 
	margin:0 auto; 
	background:url(../images/tablebk.jpg) repeat 0 0; 
	position:relative;
	height:150px;
	}
#pages img.logo{
	display:block;
	font-size:0;
	position:absolute;
	left:24px;
	top:0px;
	width: 282px;
	height: 101px;
	}	   
   
   
#pagetitles {	
	float:right; 
	position:relative;
	width:400px; 
	height:30px; 
	margin:80px 5px 5px 0; 
	
	}
#pagetitles p {	
	text-align:right; 
	font-family:Calibri, sans-serif; 
	font-size:24px; 
	font-weight:bold; 
	color:#111c69; 
	text-shadow: 2px 2px 4px #C0C0C0; 	
	}

.pagetitlecom {	/*Commercial plus all misc Page Titles*/
float:right; font-family:Calibri, sans-serif; font-size:24px; font-weight:bold; color:#111c69; text-shadow: 2px 2px 4px #C0C0C0; 	
	}


.pagetitleind {	/*Industrial-Mechanical Page Title*/
float:right; font-family:Calibri, sans-serif; font-size:24px; font-weight:bold; color:#5c0182; text-shadow: 2px 2px 4px #C0C0C0; 	}


.pagetitlemar {	/*Marine Page Title*/
float:right; font-family:Calibri, sans-serif; font-size:24px; font-weight:bold; color:#480016; text-shadow: 2px 2px 4px #C0C0C0; 	}


.pagetitlesca {	/*Scaffolding Page Title*/
float:right; font-family:Calibri, sans-serif; font-size:24px; font-weight:bold; color:#124934; text-shadow: 2px 2px 4px #C0C0C0; 	}


/*--------------< < << bottom body part >> > >---------------*/
#botBody{
	width:954px; 
	height:100%; 
	margin:0px auto; 
	padding:0 20px 10px 20px; 
	background-image: url(../images/tablebk.jpg);
    background-repeat: repeat-x; 
	}
#botBody2{
	width:954px; 
	text-align:center; 
	margin:0 auto; 
	padding:0 20px; 
	background-color:#FFF;
	}

#botBody3{/*Only for Parent div of contact form plus map*/
	width:954px; 
	text-align:center; 
	margin:0 auto; 
	padding:0 20px; 
	background-color:#FFF; 
	position:relative;
	}
/*This is used for the contact us form looks*/	
#contactpagelayout {
	position:relative;

	text-align:center; 
margin:0 auto;
	width:950px; 
	height:450px;
	
	}	
#contactpagemap {
	position:absolute;
	width:400px; 
	height:450px; 
 	text-align:center;
}
	
/*This is used for the contact us form*/
form ol { list-style-type:none; }

form 	{ text-align:left; margin:5px; width:520px; height:400px;	}

label 	{ 
		float:left; width:170px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; width:150px ;	}

input 	{ 
		width: 280px; margin:0 0 10px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#09C }

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:120px; height:25px;
		margin-left:160px;
		font-size:12px;
		}

br		{ clear: left; 	}

.clear	{ clear:both; }



#pic{
	width:994px; 
 	height:180px
	height:280px;
	}
#social-media-icons			{ float:right; background-color:#16451C; 	}
#social-media-icons p        { font-size:22px; }
#social-media-icons	ul li 	{ display:inline; }
#social-media-icons ul		{ margin-top:60px; }	
	
	
#gallery {  padding-left:15px; padding-right:15px; 	}
#pagetext { text-align:left; padding-left:40px; padding-right:40px; }
#pagetext a { text-align:left; padding-left:40px; padding-right:40px; }

/*--------------< < << new nav menu start >> > >---------------*/		
#navmenu {/*to clear for all browsers*/
  margin:0;
  padding:0;
}
#navmenu ul {
  margin:0;
  padding:0;
  line-height:43px;
}
#navmenu li {
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  position:relative;
  background-color:#fff; 
  width:100px;
}
#navmenu ul li a {/*first level menu buttons*/	
  	text-align:center;
  	font-family: Tahoma, Geneva, sans-serif;
  	font-size:15px;
  	font-weight: normal;
  	text-decoration:none;
  	line-height:43px;
    display:block;
  	color: #808080;/*text color for first level menu buttons*/	
  	border-left: #808080 1px solid;
    padding: 0 13px;
}
#navmenu ul ul {/*hide vertical dropdown when not hovered*/	
  position:absolute;
  visibility:hidden;
  margin: 0;
  top:43px;
  }
#navmenu ul li:hover ul {/*change this for vertical dropdown when hovered*/	
  visibility:visible;
  width:100px;
  border-right:#808080 1px solid; border-bottom:#808080 1px solid;
  text-align:center;
  position:absolute;
  }
#navmenu li:hover {
 background: url(../images/navi_h_bg.jpg) repeat-x 0 0;/*this is the underline background on the main buttons*/
  }
#navmenu ul li:hover ul li a:hover {/*underline bckgd plus size on vertical dropdown button when scrolling*/
  background:#ccc; 
  width:73px;
  text-align:center;
  }
/*--------------< < << new nav menu end >> > >---------------*/	
/*--------------< < << header index page part start >> > >---------------*/
#header{
	width:994px; 
	margin:0 auto; 
/*	background:url(../images/header_pic.jpg) no-repeat 0 0;*/
	position:relative;
	height:101px;
	}
#header img.logo{
	display:block;
	font-size:0;
	position:absolute;
	float:left;
	left:24px;
	top:0;
	width: 282px;
	height: 101px;
	}
#header p{
	position:absolute; 
	font-size:13px; 
	width:194px; 
	height:23px; 
	line-height:23px; 
	text-align:center;
	background-color:#F7F8D7; 
	color:#111406; 
	left:35px; 
	top:25px; 
	font-weight:normal;
	}
#header ul.navi{
	display:inline;
	height:43px; 
	position:relative; 
	float:right;
	right:30px; 
	top:53px;
	}
#header ul.navi li{
	float:right; 
	border-right:#ECEDB5 1px solid;
	}
#header ul.navi ul li{
	display:inline; 
	border-right:#ECEDB5 1px solid;
	}	
#header ul.navi li.noborder{
	 border-right:none;
	}
#header ul.navi li a{
	display:block; 
 	padding: 0 30px;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size:15px; 
	font-weight:normal; 
	line-height:43px; 
	background-color:inherit;
	text-decoration:none; color:#808080;
	}

#header ul.navi li a.hover{
	background:url(../images/navi_h_bg2.jpg) repeat-x 0 0; 
	cursor:text;
	}
	
	/*--------------< < << header internal page part start >> > >---------------*/
#pages{
	width:994px; 
	margin:0 auto; 
	background:url(../images/tablebk.jpg) repeat 0 0; 
	position:relative;
	height:150px;
	}
#pages img.logo{
	display:block;
	font-size:0;
	position:absolute;
	left:24px;
	top:0px;
	width: 282px;
	height: 101px;
	}	
#header h1{
	position:absolute; 
	left:21px; 
	top:171px; 
	font-size:13px; 
	line-height:22px; 
	color:#8AD9D3;  
	font-weight:bold;
	background-color:inherit;
	}
#header h1 span{
	display:block; 
	font:normal 44px/44px color:#FFFFFF; 
	background-color:inherit;
	}

#topbar{
	width:994px; line-height: 80px; height: 80px; text-align: center; margin:auto; background-color: #111C69; position:relative; padding:30 0 0 0; font-size:12px; font-weight: normal;
	}	
	
/* Images */

.image-frame	{ padding:5px; border:1px #ccc solid; margin:10px; }	
.image-framemain	{ text-align:center; padding:10px 15px;}
	/*--------------< < << Dropdown Nav >> > >---------------*/

/*--------------< < << What Special In 2007 >> > >---------------*/
}
#special{/*main page text*/
	width:954px; margin:5px auto 0 auto; padding:0 20px; background: #FFFFFF;
	color:#124934;
	}
#special2{/*pages description*/
	width:954px; margin:5px auto 0 auto; padding:0 20px; background: #FFFFFF;
	color:#124934;
	}	
#special h2.spea{/*main page */
	width:900px; float:left; margin:37px 37px 37px 17px; padding:0 10px; font-family: Tahoma, Geneva, sans-serif; font-size:14px; line-height: 150%; font-weight:normal; color:#585050; display:block;
	}
#special2 h2.spea2{/*pages h2*/
	width:900px; float:left; margin:17px 17px 17px 17px; padding:0 20px; font-family: Tahoma, Geneva, sans-serif; font-size:14px; line-height: 150%; font-weight:bold; color:#585050; display:block;
	}	
#special a.spe2007{
	background:url(../images/speacial2007.gif) no-repeat 0 0; width:351px; height:148px; float:right; font-size:0;
	text-indent:-2000px; text-decoration:none;
	}
#special a.spe2007:hover{
	background:url(../images/speacial2007_h.gif) no-repeat 0 0;
	}


/* Gallery Styles are in the lightbox.css stylesheet*/

/*footer links*/
#footerlin{
	clear:both; width:954px; height:22px; background-color:#fff; display:inline;  
	}
#footerlin ul{
	clear:both; text-align:center; margin:0 5px 0 0; padding-bottom:20px;
	}
#footerlin ul li{
	display:inline; padding:0 3px; font-size:12px; line-height:22px; background-color:inherit;
	}
#footerlin ul li a{
	color:#063; font-size:14px; line-height:22px; margin:0 5px 0 0; text-align:center; 
	}
#footerlin ul li a:hover{
	color:#C3C491; background-color:inherit; text-align:center; 
	}
/*footer address*/
#footerbig2  {
	clear:both;
	width:994px; 
	line-height: 43px; 
	height: 43px; 
	font-size:12px;
	margin:0 auto; 
	background-color: #265e47; 
	position:relative; 
	text-align:center; 
	vertical-align:middle;
	}	
.footerbig2	{text-align:center; clear:both; }	

.footerbig2span img { 
    display: inline;
    margin:0 auto;
	vertical-align:middle;
    border-right: #265e47 20px solid; 
    border-left: #265e47 120px solid;
    }

.footerbig2span	{
	text-align:center; 
	font-size: 12px;
	font-family:Calibri, sans-serif;
	font-weight: bold;
  padding-left:15px;
  padding-right:15px;
	color:#c0c0c0
  }	

#safetypagebackground	 {
	width:900px;
	height:600px;
	text-color:#404040;
	background-image:url(../images/safetybg.jpg);
	display: inline-block; 
	vertical-align:bottom;
	text-align: center
	position: absolute;
    bottom: 0px;
}
.safetypagebackgroundtext	 {
	
	color:#404040 !important;