/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body{font-family: "Droid Sans", Verdana, Arial; background: #b3b2b2;}
a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
b{font-weight: bold;}
strong{font-weight: bold;}
a{color: #595555;}
a:hover{color: #8bbb4c;}

.fixed{width: 1142px; position: relative; margin: 0 auto;}
.clear{clear: both;}
hr{margin: 10px 0px; margin: 0px; border-top: solid 1px #fff; border-bottom: solid 1px #ccc; border-right: 0px; border-left: 0px;}

.header {width: 100%; z-index: 3; height: 100px; background: url(../images/headbg.png);}
.header {
   /*overflow: hidden;*/
}
.logo {float: left;}
.logoright{float: right;}

.nav { height: 48px;}
.nav ul li{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav ul { padding: 0; margin: 0; width: 100%; height: 48px; margin-right: 100px;}
.nav ul li { float: left; list-style: none; height: 48px; line-height: 48px; padding: 0px 12px; position: relative;}
.nav ul li {border-right:solid 1px #fff;border-left:solid 1px #ccc;}
.nav ul li:first-child {border-left: 0px;}
.nav ul li:last-child {border-right: 0px;}
.nav ul li:hover {background: rgba(255,255,255,0.8);}
.nav ul li:hover a{color: #c46212;}
.nav ul li.active{}
.nav ul li.active a{color: #cd503b;}
.nav ul li a { text-decoration: none; font-size: 14px; font-weight: 400; color: #2a2a2a; float: left; text-transform:  uppercase; }

.nav ul li ul{display: none; position: absolute; width: 150%; background: #fff url(../images/bg.png); box-shadow: 2px 2px 5px #000; margin: 0px; left: 0; top: 48px; height: auto; z-index: 5000;}
.nav ul li ul li{float: none; border: 0px; line-height: 30px; height: auto; position: relative; height: 30px;}

.nav ul li ul li ul{display: none; position: absolute; width: 100%; background: #fff url(../images/bg.png); box-shadow: 2px 2px 5px #000; margin: 0px; left: 100%; top: 0px; height: auto; z-index: 5000;}
.nav ul li ul li ul li{float: none; border: 0px; line-height: 30px; height: 30px;}

/*.nav ul > li:hover > ul{display: block;}
.nav ul > li > ul > li:hover > ul{display: block;}*/


.social{margin-right: 33px;}
.social a{height: 51px; width: 36px; background-image: url(../images/socail.png); background-repeat: no-repeat; float: right; display: block;}
.social a.gp{background-position: 0px 0px;}
.social a.tw{background-position: -36px 0px;}
.social a.fb{background-position: -72px 0px;}
.social a.pi{background-position: -108px 0px;}
.social a.li{background-position: -144px 0px;}
.social a.gp:hover{background-position: 0px -45px;}
.social a.tw:hover{background-position: -36px -45px;}
.social a.fb:hover{background-position: -72px -45px;}
.social a.pi:hover{background-position: -108px -45px;}
.social a.li:hover{background-position: -144px -45px;}

.banner{width: 1142px; height: 435px; border-top: solid 1px rgba(204,204,204,0.8); border-bottom: solid 1px rgba(204,204,204,0.8);}
.info_slide{display: none !important;}
.box_skitter{background: none;}
.box_skitter .label_skitter{width: 484px !important; height: 214px !important; position: absolute; left: 100px; bottom: 20px; z-index: 5000; background: none; opacity: 1; letter-spacing: 0.5px;}
.box_skitter .label_skitter p{font-family: Impact; font-size: 60px; line-height: 50px; padding: 0; margin: 0; color: #fff;}
.box_skitter .label_skitter p:nth-child(1){padding-top: 55px;}
.box_skitter .label_skitter p:nth-child(2){letter-spacing: 1px;}
.box_skitter .label_skitter p span.navy{color: #004d5b;}
.box_skitter .label_skitter p span.orange{color: #cd503b;}
.box_skitter .label_skitter p span.lnavy{color: #cae1f3;}
.box_skitter .label_skitter p span.big{font-size: 120px;}
.box_skitter .label_skitter p span.medium{font-size: 40px;}
.box_skitter .label_skitter p span.small{font-size: 36px;}



.content{width: 100%; background: url(../images/bg.png); padding: 20px 0px; box-shadow: inset 0 20px 20px -20px #000000;}

.content_text{padding: 0px 45px;}
.content_text h1{font-size: 22px; padding: 10px 0px; margin: 0px; color: #595555; font-weight: normal;}
.content_text h1 a{font-size: 22px; padding: 10px 0px; margin: 0px; color: #78bd3d; font-weight: normal;}
.content_text h1 a:hover{color: #736161;}
.content_text h1 font{font-size: 14px;}
.content_text h2{font-size: 20px; padding: 10px 0px; margin: 0px; color: #595555; font-weight: normal;}
.content_text h3{font-size: 18px; padding: 10px 0px; margin: 0px; color: #595555; font-weight: normal;}
.content_text h4{font-size: 16px; padding: 10px 0px; margin: 0px; color: #595555; font-weight: normal;}
.content_text h5{font-size: 14px; padding: 10px 0px; margin: 0px; color: #595555; font-weight: 700;}
.content_text p{font-size: 14px; padding: 5px 0px; margin: 0px; color: #595555; text-align: justify; line-height: 20px;}
.content_text td{vertical-align: top;}
.content_text div{}

.contact .content_text h5{color: #000;}
.contact .content_text p{color: #000; padding: 5px 0px 14px 0px;}

.products_scroll{}
.products_scroll ul{}
.products_scroll li{float: left; padding: 20px 6px;}
.products_scroll span{width: 200px; height: 200px; border: solid 1px #c3d5e2; padding: 7px; display: block; border-radius: 50%; position: relative;
	-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;
}
.products_scroll li:nth-child(1) span{background: #eaeae8;}
.products_scroll li:nth-child(2) span{background: #cae1f3;}
.products_scroll li:nth-child(3) span{background: #f4bab0;}
.products_scroll li:nth-child(4) span{background: #e1c4fc;}
.products_scroll li:nth-child(5) span{background: #8a8183;}
.products_scroll li:hover span{background: #004d5b;}
.products_scroll li:hover a.product_title{color: #323232;}
.products_scroll a{}
.products_scroll a img{width: 199px; height: 199px; display: block; border-radius: 50%;}
.product_title{text-align: center; display:  block; padding: 20px 0px 0px 0px; font-size: 24px; font-family: Impact; color: #004d5b;}

.products .prods{width: 138px; height: 475px; background: #bcc3b0; float: left; margin-right: 20px;}
.products .prods h1{color: #eef9ff; text-align: center;}

.products_scroll li span .layer{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.products_scroll li:hover span .layer{display: block; width: 199px; height: 199px;}
.layer{display: block; width: 10px; height: 10px; background: rgba(255,255,255,0.5); position: absolute; border-radius: 50%; display: none;}
.layer a{display: block; width: 199px; height: 199px; text-align: center; font-size: 16px; line-height: 40px;}


.textbox{border: solid 1px #ccc; padding: 3px 5px; width: 95%;}
.textarea {border: solid 1px #ccc; padding: 3px 5px; width: 95%; height: 50px;}
.button{}

.footer { width: 100%; z-index: 3; background: url(../images/footbg.png); height: 134px; }
.footer .copyright{ float: left; padding: 20px 0px 0px 10px;}
.footer .copyright p{color: #b7a6a6; font-size: 10px; padding: 4px 0px 5px 2px;}
.footer .copyright a{color: #fff;}
.footer .copyright a:hover{color: #b7a6a6;}
.footer .links{float: right; line-height: 134px; padding-right: 10px;}
.footer .links a{padding: 0px 10px; font-size: 14px; color: #8bbb4c;}
.footer .links a:hover{color: #fff;}

/* Tiny Carousel */
.products .prods .viewport { float: left; width: 118px; height: 381px; overflow: hidden; position: relative; }
.products .prods .disable { visibility: hidden; }
.products .prods .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 118px; left: 0 top: 0; }
.products .prods .overview li{ float: left; margin: 0 0 5px 0; padding: 1px; height: 127px; width: 118px;}

label.error{color: red; font-weight: bold; position: absolute;}

#slider1,#slider2,#slider3{padding: 0px 10px 0px 10px;}

.download_brochure {
	background-image: url(../images/download_broucher_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	top: 20%;
	right: 0%;
	display: block;
	z-index: 10;
	height: 130px;
	width: 35px;
}