/* CSS Document */
.headerbg{ background:url(../images/image-header.png) left top repeat-x; height:184px; padding:0px 20px 0px 20px;}
.logo{ margin:26px 0px 0px 0px;}
.topseaction{ overflow:hidden;}

.bact-image{ float:right; margin:18px 0px 0px 0px;}


.nav{ overflow:hidden;}
.nav ul{ overflow:hidden; margin:0px 0px 0px 0px; padding:0px;}
.nav ul li{ float:left; font: bold 14px Arial, Helvetica, sans-serif; color:#102045; list-style:none; margin-top:11px; }
.nav ul li a{color:#102045; text-decoration:none; display:block; padding:10px 20px 16px 20px; line-height:24px;}
.nav ul li a:hover, .nav ul li a.active{ background:url(../images/hover-bg.jpg) left top  repeat-x; color:#fff;}

.cantent-outer{ background:url(../images/outer.jpg)  left 2px repeat-x;}
.cantent-top{ background:url(../images/banner0bg.jpg) center top no-repeat; min-height:863px;margin-top:-8px;}
.cantent-top .content-bg{ background:url(../images/bg-inner.png) left top repeat;  margin-left:0px; margin-top:41px; padding:0px 20px 20px 20px;-webkit-box-shadow: #666 2px 3px 6px;
-moz-box-shadow: #666 2px 3px 6px; overflow:hidden; margin-top:20px;
box-shadow: #666 2px 3px 6px;}
.cantent-top .content-bg h1{ color:#484e57; font-size:40px;font-family: 'Rokkitt', serif;}
.cantent-top .content-bg p{ font-size:24px; color:#484e57;font-family: 'Rokkitt', serif; padding:36px 0px 0px 0px; line-height:21px; margin:0px!important;}
.cantent-top .content-bg a{ width:199px; height:25px; background:#fa5d00; text-align:center; color:#fefefe; float:right; line-height:25px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.cantent-top .content-bg a:hover{ text-decoration:none; background:#c9c9cb; color:#000;}

.cantent-top .content-bg.none{ padding:66px 0px 30px 0px; margin-top:20px!important;}
.cantent-top .content-bg.none h2{ font-size:22px; line-height:20px; font-weight:400; line-height:28px;font-family: 'Rokkitt', serif;}
.cantent-top .content-bg.none p{ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 0px 0px;}
.cantent-top .content-bg.none .leftarea{ width:715px;}


.list-pro{ overflow:hidden; margin:43px 0px 0px 0px;}
.box{--webkit-box-shadow: #666 0px 3px 6px; overflow:hidden;
-moz-box-shadow: #666 0px 3px 6px;
box-shadow: #666 0px 3px 6px;background:#fff; margin-bottom:10px; min-height:242px; padding-bottom:20px;}

.box h2{ height:36px; background:#1a4c00; color:#ffffff; font-size:26px;font-family: 'Rokkitt', serif; text-transform:uppercase; line-height:40px; height:36px; margin:1px; padding:0px 0px 0px 10px;}
.box .imageproduct{ overflow:hidden; margin:15px 0px 0px 15px;}
.box p{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#102045; float:left; width:175px; margin-left:10px;}

.box .imagearea{ float:left;}
.box a{ width:105px; height:26px; background:#d1d2d4; font-family:Arial, Helvetica, sans-serif; color:#102045; font-size:18px; line-height:26px; text-align:center; text-decoration:none; float:right; margin-right:20px;}
.box a:hover{ background:#fa5d00;}

.color2box{ background:#484e57!important;}
.color3box{ background:#484e57!important;}

.iphonenav{ display:none; margin:60px 20px 0px 0px; float:right;}
nav{ display:none;}


.heading-image{ background:url(../images/heading-image.png) left top no-repeat; width:242px; height:67px; position:absolute; right:-13px; top:8px;font-family: 'Rokkitt', serif; font-weight:700; color:#fff; font-size:32px; line-height:50px; text-align:center;}
nav ul li{ font-weight:bold;}

.cantent-outer.none-innner{ background:none!important;}

.cantent-top.none-innner1{ background:none!important;}
.cantent-top .content-bg.none .span4{ margin:0px 20px 0px 0px;}

.contentgallery{background: url("../images/bg-inner.png") repeat scroll left top transparent;
    box-shadow: 2px 3px 6px #666666;
    margin-left: 0;
    margin-top: 20px;
    overflow: hidden;
   }


.contentgallery .gallerdiv{ margin:60px 0px 0px 0px;}
.contentgallery .example-sites{ padding: 0 33px!important;}
.contentgallery .gallerdiv p{ padding-left:30px; padding-right:20px;}
.contentgallery h3{ padding-left:30px;font-family: 'Rokkitt',serif; font-size:40px;color:#484E57}
.main-area p{line-height:30px!important;}





