/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:300,700);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300);

body {margin:0 auto;background: #f7f7f7 url(../images/bg.jpg) repeat;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
a{ color:#fff;text-decoration:none}
a:hover{ color:#eee;text-decoration:none}
#wrapper {width:100%; height:475px;margin:0 auto}
.banner { width:100%;height:484px; margin:0 auto}
.inner_banner {background:url(../images/inner_bg1.jpg) #161b7f no-repeat top center; width:100%;height:349px; margin:0 auto}
.inner_banner1 {width:100%;height:330px; background:url(../images/contact_inner.jpg) top center; margin:0 auto}
.clear {clear:both}

.inner_banner2 {width:100%;height:330px; background:url(../images/safety_inner.jpg) top center; margin:0 auto}
.clear {clear:both}

.inner_banner3 {width:100%;height:330px; background:url(../images/service_inner.jpg) top center; margin:0 auto}

.inner_banner4 {width:100%;height:330px; background:url(../images/gallery_inner.jpg) top center; margin:0 auto}
.inner_banner5 {background:url(../images/inner_bg12.jpg) #161b7f no-repeat top center; width:100%;height:349px; margin:0 auto}

.clear {clear:both}


/* For Slider */
#wtop{ cursor:pointer}	
#contentWrapper { margin: 0 auto; padding:0px; width:100%; height:100%; position:relative} /*Slideshow Header*/
#jsSlideShow { width:100%; height:100%; overflow: hidden; z-index: 1;  position: relative}
#jsSlideShow a { top:0}
#jsSlideShowNav {border: solid  #fff; border-width: 2px 0;width:100%; height:100%; padding: 4px 0 0 10px}
a.slideNav:hover, a.slideNav_selected { background-position: 0px -23px; color: #55524c; width:100%}
#jsSlideShow img { position: absolute; z-index: 2; left:0px;width:100%; height:475px}
#jsSlideShowControls { position: absolute; z-index: 9999; width:100%; height: 475px;margin:0 auto }
a#jsSlideShowPrev {
	display: block;
	width: 59px;
	height: 59px;
	background: url(../images/jsSlideShow_left.png) no-repeat center top;
	position: absolute;
	z-index: 9999;
	top: 300px;
	left: 20px
}
a#jsSlideShowNext {
	display: block;
	width: 59px;
	height: 59px;
	background: url(../images/jsSlideShow_right.png) no-repeat center top;
	position: absolute;
	z-index: 9999;
	top: 300px;
	right: 20px
}
/* For logo */
.topbg{width:100%;float:left;background:#35aea7;height:40px}
.topcenter{width:1000px;margin:0 auto}
.mail{width:16px;height:10px;float:left;margin:10px 5px 10px 10px;background: url(../images/mail.png) no-repeat center top}
.mailtxt{float:left;font:400 14px/30px  'Roboto Condensed', sans-serif; color:#FFF}
.call{width:16px;height:11px;float:left;margin:14px 5px;background: url(../images/top2.png) no-repeat center top}
.fax{width:16px;height:15px;float:left;margin:14px 5px;background: url(../images/top3.png) no-repeat center top}
.dd{width:11px;height:17px;float:left;margin:14px 5px;background: url(../images/top4.png) no-repeat center top}
.logosec{width:100%;float:left;height:124px;background:#fff}
.logosec1{width:1020px; height:124px; margin:0 auto }
.Logo{width:382px;height:124px;float:left}
/* For social */
.top_contact{ float:left; padding:14px 0px 0px 320px;} 
.social{ float:left; padding:40px 0px 0px 80px;}
.email{text-align:left;font:400 20px/20px 'Roboto Condensed', sans-serif; color:#000; float:left; padding:5px 0px 0px 5px;}

 /* MENU */
.Menubg{width:100%;height:46px;float:left;background: url(../images/menu_bg.jpg) repeat-x; }
.menudiv{width:1000px; margin:0 auto; height:40px;}
#nav {float: left;margin: 0; padding: 0;border-bottom: none}
#nav li a, #nav li {float: left}
#nav li {list-style: none;position: relative;font:400 15px/15px 'Oswald', sans-serif;color:#fff}
#nav li a {padding: 1em 2.5em 1em 2.5em;text-decoration: none;color: white;color:#fff;text-transform:uppercase}
#nav li a:hover {color: #fff; background:#dc2329;}
/* Submenu */
.hasChildren {position: absolute;width: 5px; height: 5px;right : 0;bottom: 0}
#nav li ul {z-index:9999;display: none;background:#fff;position: absolute;left: 0;top: 100%;padding: 0; margin: 0;color:#fff}
#nav li:hover > ul {display: block;background:#1b4486;color:#fff}
#nav li ul li, #nav li ul li a {float: none; border:solid #fff;border-width:0 0 1px 0;color:#ffff;font:400 16px/16px 'Oswald', sans-serif;text-transform:none}
#nav li ul li {_display: inline; /* for IE6 */}
#nav li ul li a {width:222px;display: block}
#nav li ul li ul {display: none}
#nav li ul li:hover ul {left: 100%;top: 0;color:#fff}
/* SUBSUB Menu */
.Shadow{width:100%;float:left;background:url(../images/shadow.jpg) no-repeat center top;height:40px}
.logoparade{ height:100px;}
.home_heading{background:url(../images/head_bg.jpg) no-repeat center top;height:23px; text-align:center;font:500 20px/20px 'Roboto Condensed', sans-serif; text-transform:uppercase}
.mdiv{margin:0 auto;width:100%}
.mdiv1{float:left;width:100%}
.mdivinner{float:left;width:1020px;background:#fff}
.welcome{background: url(../images/welcome_bg.jpg) left top no-repeat; width:1000px; height:179px; margin:0 auto;width:100%}
.welcome_wrap{text-align:left; padding:10px 20px 0 0px; width:570px; text-align:justify; font:500 12px/16px  'Oxygen', sans-serif;float:left; color:#fff; float:left; }
.Welcometxt{text-align:left;color: #177c76;font:500 20px/20px  'Roboto Condensed', sans-serif;color:#fff; padding-bottom:10px; text-transform:uppercase;}
.homegallery{ width:409px; height:179px; float:left;}

.service{background: url(../images/service_bg.jpg) left top no-repeat; width:1000px; height:240px; margin:0 auto;width:100%}



.productlogo{ float:left; padding:30px 0 0 265px; }
.home_address1{text-align:left;color: #177c76;font:400 20px/20px  'Josefin Slab', sans-serif;color:#fff; padding-bottom:10px; padding-top:175px;}

.innercontent{font:400 14px/20px 'Oxygen', sans-serif; color:#000; text-align:justify;}
.bluetext{font:800 14px/20px 'Oxygen', sans-serif; color:#1b4486; text-align:justify;}
.whitetext{font:800 20px/20px 'Roboto Condensed', sans-serif; color:#fff; text-align:left; text-transform:uppercase; padding-bottom:10px;}
.redtext{font:800 20px/20px 'Oxygen', sans-serif; color:#dc2329; text-align:justify; font-weight:bold;}


.txt{text-align:justify;color: #177c76;font:300 15px/15px  'Open Sans', sans-serif;color:#000;letter-spacing:normal !important}
.txtbotom{text-align:left;color: #fff;font:300 15px/15px  'Roboto Condensed', sans-serif; color:#fff;letter-spacing:normal !important}
.address_yellow{ color:#dc232a; float:left; font:500 18px/15px}


.blueheading{ text-align:left;color: #103383;font:400 14px/20px 'Roboto Condensed', sans-serif;float:left;; font-weight:bold; text-transform:uppercase; padding:7px 5px 5px 10px; border-radius:5px;}
.subtxt{text-align:left;color: #177c76;font:400 24px/24px  'Open Sans', sans-serif;padding:15px 0 15px 15px;float:left;width:100%}
.lidiv{width:485px;float:left;margin:0 0 0 15px}
.Li1{width:100%;margin:5px 0;float:left}
.liarw{width:12px;height:20px;background:url(../images/li-arw.jpg) no-repeat  center top;float:left}
.litxt{text-align:left;font:300 15px/20px  'Open Sans', sans-serif;padding:0 0 0 5px;float:left;text-decoration:none;color: #177c76}
.litxt a{text-align:left;font:300 15px/20px  'Open Sans', sans-serif;float:left;text-decoration:none;color: #177c76}
.litxt a:hover{color: #000;text-decoration:none;}
.Fourimages{width:255px;height:255px;float:left}
.fourtxt{text-align:center;color: #fff; font:400 18px/21px  'Open Sans', sans-serif;margin:212px 0 0;float:left;width:255px;position:absolute}
.fourtxt a{text-align:center;color: #fff;font:400 18px/21px  'Open Sans', sans-serif;float:left;width:255px;}
.fourtxt a:hover{color: #ddd}
.Footer{width:100%;float:left;background:#1e1e1e;height:300px}
.Footermid{width:1000px; margin:0 auto}
.footsubtxt{text-align:left;color: #fff;font:400 14px/14px  'Roboto Condensed', sans-serif;padding:5px 0 5px 0;float:left;width:100%}
.Footerimages{width:80px;height:80px; border: 2px solid #FFF; float:left;margin:0 25px 25PX 0}
/* Slider */
.product{ width:1000px;}
.innerpage{ width:960px; padding:20px; font:400 14px/16px  'Open Sans', sans-serif; color: #000;}

.product_wrapper{ width:243px; float:left; padding-bottom:25px; }
.pr10{ float:left; padding-right:9px}
.productbg{ width:237px; height:147px; float:left;  background: url(../images/product_bg.jpg) left top no-repeat; padding:3px 3px 3px 3px; text-align:center;}
.Thumb{width:300px;height:240px;float:left;-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.56);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.56);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.56);margin:0 20px 0 0}
.productsubhead{text-align:center;color:#fff;font:700 16px/26px 'Roboto Condensed', sans-serif;float:left;padding:0 10px; background:#2b2d41; width:223px; text-transform: uppercase;}

.ArtNo{width:140px;height:26px;float:left;background:#35aea7;font:300 16px/26px 'Oxygen', sans-serif;float:left;color:#000;text-transform:uppercase;padding:0 5px;margin:5px 10px}
/* contact Menu */
#contact-area {
	width: 600px;float:left;
	margin-top: 25px;font:700 14px/26px 'Oxygen', sans-serif;COLOR:#666;background:#fff;-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.56);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.56);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.56);padding:20px 0 0 }

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 460px;
	background:#efeeee;
	margin: 0px 0px 28px 0px;
	border: 1px solid #ccc;
	
}

#contact-area textarea {
	height: 90px;background:#efeeee
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: LEFt;background:#171a35;border-radius:6px;color:#fff;font:700 14px/26px 'Oxygen', sans-serif;Margin:0 0 20px 113px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}
.Map{width:100%;float:left;background:url(../images/contactworlmap.png) no-repeat  center top}

.input_field{
	width:240px;
	height:28px;
	border:1px solid #6a6969;	
	color:#fff;
	background:#4c4b4b;
	padding:0px; margin:0px;
	
	}
	
	.input_field2{
	width:300px;
	height:28px;
	border:1px solid #b8d0f7;	
	color:#000;
	background:#4b7cca;
	padding:0px; margin:0px;
	
	}
	
	.input_field3{
	width:700px;
	height:28px;
	border:1px solid #6a6969;	
	color:#000;
	background:#e8ecec;
	padding:0px; margin:0px;
	
	}
	
	
.textarea1{
	width:240px;
	height:90px;
	border:1px solid #6a6969;	
	color:#fff;
	background:#4c4b4b;
	padding:0px; margin:0px;
	}
	
	
.textarea2{
	width:300px;
	height:50px;
	border:1px solid #b8d0f7;	
	color:#000;
	background:#4b7cca;
	padding:0px; margin:0px;
	
	}
	
	
.textarea3{
	width:700px;
	height:100px;
	border:1px solid #fff;	
	color:#000;
	background:#e8ecec;
	padding:0px; margin:0px;
	
	}


.reachus{text-align:left;color: #000;font:400 16px/26px 'Roboto Condensed', sans-serif;float:left;padding:0 10px;}
.roadmap{text-align:left;color: #fff;font:400 16px/26px 'Roboto Condensed', sans-serif;float:left;padding:0 10px; width:300px;}

.linebg{ background:url(../images/line_bg.png) repeat-x left top; height:118px;}

.career_wrap{text-align:left;color: #fff;font:400 16px/26px 'Roboto Condensed', sans-serif;float:left;padding:0 10px; width:900px; background:#313439}



.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;	box-shadow: 10px 10px 5px #888888;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
background:#c12a2f;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{

}
/*.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }*/


.CSSTableGenerator td{
vertical-align:middle;
border:0px;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:14px;
font-family:arial;
font-weight:normal;
color:#FFF;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.success_message {
    background-color: #efffb9;
    border: 2px solid #99c600;
    clear: both;
    color: #000000;
    display: none;
    font-size: 12px;
    min-height: 10px;
    padding: 5px 5px 5px 20px;
}