@charset "UTF-8";
/* CSS Document */
/* build for ######## by Creare */
/* reset */
*				{ margin: 0; padding:0; }
body 			{ background:url(images/bg3.jpg); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300; }
p 				{ font-size:.78em; color:#c8c8c8; margin:0 0 12px 0; line-height:20px }
img, img a		{ outline: none; border: none; }
ul				{ list-style:none}
a				{ color:#FE8922}

/* type + classes */
h1				{ font-weight:lighter; color:#FFF; font-size:1.7em; letter-spacing:1px; margin:0 0 20px 0}
h1 a			{ font-weight:lighter; color:#FFF; font-size:1em; letter-spacing:1px; margin:0 0 0px 0; text-decoration:none}
h2				{ font-weight:lighter; color:#FFF; font-size:1.4em; letter-spacing:1px; margin:0 0 20px 0}
h3				{ font-weight:lighter; color:#FFF; font-size:1.6em; letter-spacing:1px; margin:0 0 20px 0}
h4				{ font-weight:lighter; color:#FFF; font-size:1.1em; letter-spacing:1px; margin:0px 0 7px 0; color:#50abe4}
.pty			{ font-size:0.5em; margin:0 0 0 5px}
.intro			{ color:#e9e9e9; font-size:.89em; margin:0 0 15px 0; font-weight:400; line-height:21px}
.stated			{ color:#FFF; font-weight:lighter; font-size:1.6em; font-style:italic; line-height:36px; margin:10px 0 25px 0 }
.newshead		{ padding:5px; text-decoration:underline; color:#000; background:#FFF; font-size:1.1em }
.ojhead			{ color:#fe8922; font-size:1.1em; margin:0; padding:0}
.numbers		{ color:#FFF; font-size:1.1em; margin:0 0 10px 0; padding:0}


/* header */

#wrapper		{ overflow:hidden; margin:0 auto; position:relative; width:960px}

#headerwrap		{ margin:0 auto; width:960px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3); overflow:hidden;  }
#headerwrap p	{ font-style:italic; font-size:1.1em; line-height:22px}
#logo			{}

#head-left		{ float:left; width:250px}
#head-right		{ float:right}
#phones			{ float:right; margin:19px 18px 0 0 }
#maps			{ float:right; margin:5px 13px 0 0; width:69px  }

#maps img		{ float:left;}

#service		{ background:url(images/jgs.png) no-repeat; position:absolute; top:80px; left:331px; width:261px; height:53px }

#nor				{ margin:6px 0 0 0}
#wes				{ margin:5px 0 0 0}
#sou				{ margin:5px 0 0 0}	

#nav			{ width:960px; height:47px; /*background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4)*/background:#131313; clear:both; margin:0 auto; position:absolute; top:193px; left:0; z-index:1000}
#nav ul			{ position:absolute; display:block}
#nav li			{ display:inline-block; font-size:0.8em; margin:16px 34px 0; float:left}
#nav li a		{ text-transform:uppercase; color:#FFF; display:block; text-decoration:none}
#nav li a:hover	{ color:#0068af}

#nav ul ul					{ visibility:hidden; padding:5px 5px 7px; z-index:500 }
#nav ul li:hover ul			{ visibility:visible; background:#131313; z-index:1000 }

#nav ul li.about			{ }
#nav ul li.about a			{ display:block; padding:0; margin:0}
#nav ul li.about ul li		{ display:block; padding:0; margin:10px 5px; float:left; clear:both}
#nav ul li.about ul li a	{ text-align:left; padding:0; font-size:1.05em}




/* flash */

#flashwrap		{ height:326px; width:960px; margin:47px auto 0; border-bottom:10px solid #FFF; border-top:10px solid #FFF; z-index:1  }

#slider					{ width:960px; height:326px; position:relative; z-index:1}
#slider IMG 			{ position:absolute; top:0; left:0; z-index:8; }
#slider IMG.active		{ z-index:10; }
#slider IMG.last-active { z-index:9; }



/*tabs*/

#tabswrap		{ width:957px; height:191px; margin:15px auto; border:1px solid #FFF}
#tanswrap ul	{}
#tabswrap li	{ display:inline-block; float:left;  }
#tabswrap li a	{ background:url(images/tabs.jpg); display:block; text-indent:-9999px; width:319px; height:191px}

#tabswrap li.ho a		{ background:url(images/tabs.jpg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;	-o-transition: 0.5s ease-in-out;	-ms-transition: 0.5s ease-in-out;	transition: 0.5s ease-in-out;}
#tabswrap li.ho a:hover	{ background:url(images/tabs.jpg); background-position:0 190px;  }

#tabswrap li.so a		{ background:url(images/tabs.jpg); background-position:-319px 0px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;	-o-transition: 0.5s ease-in-out;	-ms-transition: 0.5s ease-in-out;}
#tabswrap li.so a:hover	{ background:url(images/tabs.jpg); background-position:-319px 190px;  }

#tabswrap li.we a		{ background:url(images/tabs.jpg); background-position:-638px 0px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;	-o-transition: 0.5s ease-in-out;	-ms-transition: 0.5s ease-in-out;}
#tabswrap li.we a:hover	{ background:url(images/tabs.jpg); background-position:-638px 190px;  }
	

/* content */

#contentwrap	{ width:960px; margin:0 auto; background:#2c2c2c; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3); overflow:hidden; padding:0 0 20px 0; }
#contentleft	{ float:left; width:610px; }


#cltop			{ margin:25px 0 0 25px }
#clbottom		{ margin:15px 0px 5px 25px ; overflow:hidden; width:605px }
#clbottom2		{ margin:15px 0 0 15px; overflow:hidden }
#cbleft			{ float:left; width:285px;}

#cbright		{ float:right; width:280px}
#cbrightop		{ margin:0; padding:0 0 0 4px; width:262px}
#cbrightop a	{ text-decoration:none}
#cbrighbot		{ margin:0; padding:0}

.safety #cbrightbot { margin:20px 0 0 0}	

#contentright	{ float:right; width:310px; margin:25px 0 0 0}
#contentright ul	{ list-style:none; margin:0 0 10px 0}
#contentright li	{ background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2); padding:2px 0 0 6px }
#contentright li a	{ color:#CCCBCB; font-size:0.83em }	
#contentright li a:hover	{ color:#FFF}

#more a			{ background:#028CE4; padding:11px 17px; font-size:1em; display:block; color:#FFF; text-decoration:none; text-align:center }
#more a:hover	{ background:#FFF; padding:11px 17px; font-size:1em; display:block; color:#028ce4; text-decoration:none}

#imgrow			{ margin:10px 0}
.environ #cbrightbot	{ margin:16px 0 0 0}

.tech #cltop	{ margin:15px 0 30px 15px}
.tech #cbleft a, .tech #cbright a, .safety #cbright a {
    background: none repeat scroll 0 0 #028CE4;
    border: 1px solid #000000;
    color: #FFFFFF;
    display: block;
    margin: 0 0 30px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
}

.safety #cbright a		{ margin:20px 0 0 0}


.tech #cbleft a:hover, .tech #cbright a:hover, .safety #cbright a:hover	{ background:#FFF; color:#028CE4} 

/*table*/

table			{ width:930px; margin:10px auto ; color:#c8c8c8; border:2px solid #000}
td				{ border:none; border-bottom:1px solid #000; border-right:1px solid #000; font-size:0.8em; padding:0 0 0 3px}
td img			{ margin:5px auto; display:block; width:31px }
th				{ border:none; border-bottom:1px solid #000; border-right:1px solid #000}
.tabtitle		{ height:60px; width:150px; background:#FFF; color:#000; text-transform:uppercase}
.whiterow		{ background:#FFF; font-size:0.88em; color:#000}
.desc			{ width:300px}
.crate			{ width:56px; text-align:center}
.pdf			{ height:42px; /*background:#2a81bc;*/ text-align:center; color:#fff; width:65px}
.pdf a			{ text-decoration:none; color:#FFF}
.pic			{ }


/*Wordpress*/

.post				{ margin:0 0 20px 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2); padding:5px 0 5px 25px; border-bottom:2px solid; border-top:2px solid}
.entry-meta			{ font-size:0.68em; color:#C8C8C8; margin:0 0 15px 0}
.entry-title		{ margin:0 0 5px 0}
#nav-single			{ padding:0 0 10px 25px }
#comments			{ display:none}
.page-title			{ padding:0 0 0 25px}


#wp #contentright ul	{ background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2); padding:0 0 7px 0; border-bottom:2px solid; border-top:2px solid}
#wp #contentright li	{ background:none}
#wp #cltop			{ margin:25px 0 0 0}
#wp #tabswrap		{ margin:58px auto 15px}

.span-text		{ color:#0068AF; font-size:0.69em; margin:0}
#contentright li p a	{ color:#FFF}


/*contact page*/

.style4					{ color:#000}

#clrtop h2				{ color:#FFF}
.contact h2				{ color:#50abe4}
.white					{ color:#FFF}
.contact #contentwrap	{ }
#contleft				{ width:600px; float:left; overflow:hidden; padding:0; margin:0}

.contact #cltop					{ padding:10px; margin:15 0 30px 15px}
.contact #clbottom				{ padding:0; margin:10px 0 0 0; overflow:hidden; font-size:0.9em}

#cll					{ float:left; width:370px}
#cll ul					{}
#cll li					{ color:#c0c0c0; float:right; margin:0px 0 12px 0}

#clr					{ float:right; width:200px}
#clrtop					{ margin:0}
#clrtop ul				{ }
#clrtop li				{ color:#c0c0c0; list-style:inside}  

#clrbottom				{ margin:29px 0 0 0 }

.input				{ height:30px; width:240px; border:0.5px solid #727272; margin:0 20px; background-color:#FFFFFF;  color:#50ABE4; } 
.smallinput			{ height:30px; width:120px; border:0.5px solid #727272; background-color:#FFFFFF;  color:#50ABE4; vertical-align:top; margin:0 20px 0 0} 
.textarea			{ height:80px; width:240px; border:0.5px solid #727272; margin:0 20px;background-color:#FFFFFF;  color:#50ABE4;} 
.enquiry				{ vertical-align:top}	
.spam					{ width:230px; border:0.5px solid #727272; padding:5px 3px 5px 7px; margin:0 20px 0 0; font-size:0.8em; line-height:15px; text-align:center}

#captcha				{ margin:0 10px 0 20px }
.contacttext			{ width:20px}

.contact #tabswrap		{ margin:62px auto 15px}

.send-enquiry	{ background:#FFF; font-size:0.8em; color:#000; text-decoration:none; height:50px; width:242px; border:0.5px solid #727272; margin:0 20px }
.send-enquiry-hover	{ background:#000; font-size:0.8em; color:#FE8922; text-decoration:none; height:50px; width:242px; border:0.5px solid #727272; margin:0 20px; cursor:pointer}

#contright				{ width:350px; float:right; overflow:hidden; padding:48px 0 0 0; margin:0; }
#contright p			{ line-height:13px}
#crmid					{ margin:0 0 30px 0; padding:0 0 0 21px; min-height:430px}
.pics					{ float:right; margin:0 0 26px 0}

.tickredbox		{ width:960px; margin:10px auto 0; background:#fbdacd; height:120px; padding:0 0 0 25px}
.tickyellowbox	{ width:960px; margin:10px auto 0; background:#e9fcca; height:120px; padding:0 0 0 25px}

.mapnorth		{ margin:1px 0 0 0}
.mapsouth		{ margin:1px 0 0 0}
.mapwest		{ margin:7px 0 0 0}

.contact p		{ font-size:0.8em}

/* footer */

#footerwrap				{ background:#000; width:950px; margin:0 auto; padding:20px 0 10px 10px; overflow:hidden  }
#footerwrap ul			{ list-style:none; display:inline; float:left; margin:0 75px 0 0 }
#footerwrap li			{ background:url(images/arrow.jpg) no-repeat 0 50%; padding:0 0 0 12px; font-size:0.8em}
#footerwrap li a		{ font-size:0.89em; text-decoration:none; color:#FFF}
#footerwrap li a:hover	{ color:#0068af}

#footerwrap ul li.foothead 		{ background:none; font-size:1.1em; margin:0 0 0 -12px }
#footerwrap ul li.foothead2 		{ background:none; font-size:1.1em; margin:0 0 0 -12px }
#footerwrap ul li.foothead2 a:hover	{ color:#0068AF; background:none; }
#footerwrap ul li.foothead a:hover	{ color:#FFF }
#footerwrap ul.thin				{ margin:0 44px 0 0}

#footerleft			{ float:left; padding:0 0 0 7px}
#footerright		{ float:left}

#foottop			{ overflow:hidden; }
#footbot			{ overflow:hidden; padding:20px 10px 0 0 }
#footbot li			{ background:none; color:#9d9d9d; font-size:.69em; padding:15px 10px 0 0; display:inline-block}

.button {
   border-top: 1px solid #96d1f8;
   background: #028de4;
   padding: 8px 16px;

   border-radius: 2px;

   color: white;
   font-size: 16px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle; margin:10px 0 30px 0; cursor:pointer; width:250px
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }