@charset "utf-8";
/* CSS Document */
body{
	padding:0; 	
	margin:0 auto; 
	background:#c0c0c0; 
	background-image:url(../images/bkphotolite.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;
  border: 1px #625E5E solid;
   }
 
#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: 514px;
	height: 100px;
	}	   
   
   
#pagetitles {	
	float:right; 
	position:relative;
	width:400px; 
	height:30px; 
	margin:0 15px 5px 0; 
	
	}
#pagetitles p {	
	text-align:right; 
	font-family:Calibri, sans-serif; 
	font-size:24px; 
	font-weight:bold; 
	color:#00933e; 
	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; }




#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; }	
	
	

#pagetext { text-align:left; padding-left:40px; padding-right:40px; }
#pagetext a { text-align:left;  }

/*--------------< < << new nav menu start >> > >---------------*/		
#navmenu {/*to clear for all browsers*/
  margin:0;
  padding:0;
  text-align: center;


}
#navmenu ul {/*horizontal parent level ul menu buttons*/
   list-style:none;
   margin: 0;
    padding: 0;
	overflow: hidden;
  line-height:43px;
}
#navmenu li {/*horizontal parent level li menu buttons*/
  margin:0;
  padding:10;
  display:inline
  ;
 
 align:center;
  position:relative;/* parent needs to be relative*/
  background-color:#fff; 
  width:150px;
}
#navmenu li:hover {
 background: url(../images/navi_h_bg.jpg) repeat-x 0 0;/*this is the underline background on the main buttons*/
  }

li a:hover {
     background: url(../images/navi_h_bg.jpg) repeat-x 0 0;
	 color:#c0c0c0
}

#navmenu ul li a {/*horizontal parent li hover*/
  	text-align:center;
	margin:0 auto;
  	font-family: Tahoma, Geneva, sans-serif;
  	font-size:15px;
  	font-weight: normal;
  	text-decoration:none;
  	line-height:43px;
    display:inline-block;
  	color: #00933e;/*text color for first level menu buttons*/	
  	
    padding: 0 13px;
}



#navmenu ul ul {/*hide vertical dropdown when not hovered*/	
  position:absolute;/* child needs to be absolute*/
  visibility:hidden;
  margin: 0;

 
}

#navmenu ul li:hover ul {/*change this for vertical dropdown when hovered*/	
  position:absolute;/* child needs to be absolute*/
  visibility:visible;
  width:80px;
font-size:11px;
  border-right:#808080 1px solid; 
  border-bottom:#808080 1px solid;
  text-align:center;
  z-index: 9999;
  }

#navmenu ul li:hover ul li {/*underline bckgd plus size on vertical dropdown button BEFORE scrolling down*/
  background:#fffff; 
  width:180px;
  font-size:11px;
  text-align:center;
  line-height:20px;
  z-index: 1;
  
  } 
#navmenu ul li:hover ul li a:hover {/*underline bckgd plus size on vertical dropdown button when scrolling down*/
  background:#ccc; 
  width:180px;
  font-size:11px;
  text-align:center;
  
}
 

/*--------------< < << new nav menu end >> > >---------------*/	
/*--------------< < << header index page part start >> > >---------------*/
#header{
	width:994px; 
	margin:0; 
	/*	background-color:#00933e;*/
background:url(../images/dotbkbot.jpg);
 
	position:relative;
	height:120px;
	}
#header img.logo{
	display:block;
margin:0;
	position:absolute;
	
	left:240px;
	top:10px;
	width: 514px;
	height: 101px;
	align:center;
	}
#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: 514px;
	height: 100px;
	}	
#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: #00933e; 
	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: #00933E 20px solid; 
    border-left: #00933E 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;
}

/*slides*/
#slider{
	margin-top:50px;
	padding:0;
	width:994px; 
 	height:500px;
	overflow:hidden;
	
	}

@import url(https://fonts.googleapis.com/css?family=Varela+Round);


.slides {
    padding: 0;
	/*border:1px #000 solid;*/
    width: 600px;
    height: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 600px;
    height: 450px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slide img {
    width: 100%;
    height: 100%;
}

.nav label {
    width: 200px;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;
  
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color:#00933e;
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color:#F07C0A;
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background:#F07C0A;
}