﻿/* CSS Reset */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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
/* CSS Reset */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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {vertical-align:baseline;}
/* CSS Reset */:focus {outline: 0;}body {line-height: 1; background: #FFF; color: #222; font: normal 100% Arial, Helvetica, sans-serif; margin: auto;}ol, ul {list-style: none;}a {color: #2d70bd; text-decoration: none; font-weight: bold;}a:hover {color: #0e6ac0;}
a{cursor:pointer;}
.s{background:transparent url(../images/sprite.png);}
.sBg{background:transparent url(../images/spriteBg.png) repeat-x;}
.FL{float:left;}
.FR{float:right;}
.mTop0px{margin-top:0px!important;}
.mTop10px{margin-top:10px!important;}
.mTop20px{margin-top:20px!important;}
.mBot0px{margin-bottom:0px!important;}
.mBot10px{margin-bottom:10px!important;}
.mBot20px{margin-bottom:20px!important;}
.mBot30px{margin-bottom:30px!important;}
.mBot40px{margin-bottom:40px!important;}
.mBot50px{margin-bottom:50px!important;}
.mLeft10px{margin-left:10px!important;}

.globalCaption{width:100%; height:auto; display:inline-block; font:normal 18px DroidBold; color:#7f7f7f;}
.globalCaption small{color:#100e0f; margin-left:5px;}

@font-face {
    font-family: 'DroidRegular';
    src: url('../fonts/Droid/DroidSans-webfont.eot');
    src: url('../fonts/Droid/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Droid/DroidSans-webfont.woff') format('woff'),
         url('../fonts/Droid/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/Droid/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidBold';
    src: url('../fonts/Droid/DroidSans-Bold-webfont.eot');
    src: url('../fonts/Droid/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Droid/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/Droid/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Droid/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrapper{width:100%; height:auto;}
#wrapper .blackLine{width:100%; height:7px; overflow:hidden; background-color:#231f20;}
#wrapper .mainContent{width:970px; height:auto; margin:0 auto;}
.header{width:970px; height:75px; overflow:hidden;}
.header .logo{width:210px; height:75px; display:inline-block;}
.header .logo img{width:210px; height:67px; display:block; border-top:4px solid #231f20; border-bottom:4px solid #fff;}
.header ul.menu{max-width:750px; height:75px; display:inline-block;}
.header ul.menu li{height:75px; display:inline-block; float:left;}
.header ul.menu li a{height:35px; display:inline-block; padding:20px 30px; text-align:left;}
.header ul.menu li a span{height:22px; display:block; color:#221e1f; font:normal 18px/22px DroidBold;}
.header ul.menu li a small{height:13px; display:inline-block; color:#bdbec0; font:normal 11px/13px DroidRegular;}
.header ul.menu li a:hover{background-color:#312e2f;}
.header ul.menu li a:hover span{color:#fff;}
.header ul.menu li.selected a{background-color:#231f21;}
.header ul.menu li.selected a span{color:#fff;}

.slider{width:970px; height:auto; display:inline-block;}
.slider .captions{width:210px; height:auto; display:inline-block; background-color:#231f20; position:relative;}
.slider .captions ul{width:210px; height:auto; display:inline-block; margin:5px 0 10px; position:relative; z-index:2;}
.slider .captions ul li{width:195px; height:32px; display:inline-block; padding-left:13px; cursor:pointer;}
.slider .captions ul li h2{width:175px; height:18px; display:inline-block; padding:7px 10px 7px 13px; color:#e5e5e5; font:normal 14px/18px DroidRegular; background:transparent url(../images/menu_icon_w.gif) no-repeat 0 12px;}
.slider .captions ul li.item:hover{background-color:#333;}
.slider .captions ul li.selected h2{color:#231f20; background:url(../images/menu_icon_b.gif) no-repeat 0 12px;}

.slider .captions .hoverBox{width:240px; height:44px; display:inline-block; position:absolute; top:5px; left:-12px; z-index:1;}
.slider .captions .hoverBox span{width:240px; height:44px; display:block; background-position:0 0;}

.slider .items{width:760px; height:335px; display:inline-block; position:relative;}
.slider .items .images{width:760px; height:335px; display:inline-block; overflow:hidden; position:relative;}
.slider .items .images a{width:760px; height:335px; display:none; position:absolute; left:0; top:0;}
.slider .items .images a img{width:760px; height:335px; display:block;}

.slider .items .text{width:680px; height:26px; display:inline-block; overflow:hidden; padding:5px 15px; position:absolute; left:25px; bottom:15px; background-color:#231f20;}
.slider .items .text a{display:none; color:#fff; font:normal 20px/26px DroidRegular; font-style:italic;}


#wrapper .subWrapper{width:100%; height:auto; display:inline-block; background:url(../images/grayBg.gif) repeat;}
#content{width:970px; height:auto; overflow:hidden; margin:20px auto;}
#content .products{width:320px; height:252px; display:inline-block; margin-left:30px; position:relative;}
#content .products .items{width:320px; height:220px; display:inline-block; background:transparent url(../images/imgBg.png) no-repeat; position:relative;}
#content .products .items img{width:291px; height:190px; display:none; padding:13px 0 0 15px; position:absolute; left:0; top:0;}

#content .products .text{width:291px; display:inline-block; position:absolute; left:15px; bottom:17px; background-color:#fff; zoom:1; filter:alpha(opacity=75); opacity:0.75;}
#content .products .text p{width:271px; display:none; padding:5px 10px; color:#231f21; font:normal 16px DroidRegular; text-align:right; font-style:italic;}


#content .qualities{width:620px; display:inline-block;}
#content .qualities ul.qualMenu{width:620px; display:inline-block;}
#content .qualities ul.qualMenu li{width:300px; height:37px; display:inline-block; margin:10px 0 10px 20px; float:left;}
#content .qualities ul.qualMenu li span{width:290px; display:inline-block; padding-left:10px; color:#231f21; font:normal 15px DroidRegular; font-style:italic; background:transparent url(../images/icon.png) no-repeat 0 3px;}
#content .qualities ul.qualMenu li small{width:290px; display:inline-block; padding-left:10px; color:#7f7f7f; font:normal 12px Arial; margin-top:3px;}

#footer{width:970px; height:auto; overflow:hidden; margin:20px auto;}
#footer .copyright{width:570px; height:auto; overflow:hidden;}
#footer .copyright p{width:570px; height:15px; display:inline-block; color:#999; font:normal 11px/15px Arial;}
#footer .arti{width:400px; overflow:hidden;}
#footer .arti img{max-width:100%;}

/* contact */
.subPage{width:970px; height:auto; display:inline-block;}
.subPage .pageImg{width:970px; height:230px; display:inline-block; position:relative;}
.subPage .pageImg img{width:970px; height:230px; display:block;}
.subPage .pageImg .pageLabel{width:280px; height:75px; display:inline-block; position:absolute; left:-10px; bottom:0;}
.subPage .pageImg .pageLabel .left{width:10px; height:75px; display:inline-block; background-position:0 -44px;}
.subPage .pageImg .pageLabel .right{width:250px; height:50px; display:inline-block; padding:8px 10px 7px; margin-top:10px; background-color:#231f21;}
.subPage .pageImg .pageLabel .right span.pageCaption{width:250px; height:28px; overflow:hidden; display:inline-block; color:#bdbec0; font:normal 24px/28px DroidRegular;}
.subPage .pageImg .pageLabel .right span.pageSubCaption{width:250px; height:22px; overflow:hidden; display:inline-block; color:#fff; font:normal 18px/22px DroidRegular;}

.subPage .subContent{width:970px; display:inline-block;}
.subPage .subContent .cDetails{width:300px; display:inline-block;}
.subPage .subContent .cDetails .row{width:300px; display:inline-block; margin-top:15px;}
.subPage .subContent .cDetails .row small{width:20px; height:20px; display:block; margin:2px 10px 0 0;}
.subPage .subContent .cDetails .row small.address{background-position:-11px -44px;}
.subPage .subContent .cDetails .row small.phone{background-position:-31px -44px;}
.subPage .subContent .cDetails .row small.fax{background-position:-51px -44px;}
.subPage .subContent .cDetails .row small.mail{background-position:-71px -44px;}
.subPage .subContent .cDetails .row span.text{width:270px; display:inline-block; color:#231f21; font:normal 14px/18px DroidRegular;}
.subPage .subContent .cDetails .row:first-child{margin-top:0px;}
.subPage .subContent .map{width:650px; height:200px; display:inline-block; border:2px solid #bdbec0;}

/* about us */
.subPage .subContent .aboutUs{width:600px; display:inline-block;}
.subPage .subContent .aboutUs p{width:600px; display:inline-block; text-align:justify; color:#231f21; font:normal 13px/17px DroidRegular; margin-top:15px; text-indent:20px;}
.subPage .subContent .aboutUs p:first-child{margin-top:0px;}
.subPage .subContent .profile{width:300px; display:inline-block; border:2px solid #bdbec0;}
.subPage .subContent .profile img{width:300px; height:250px; display:block;}

/* all products */
.subPage .allProducts{width:970px; display:inline-block; background-color:#231f21;}
.subPage .allProducts ul{width:954px; display:inline-block; margin:5px 5px 5px 11px;}
.subPage .allProducts ul li{width:159px; display:inline-block; float:left;}
.subPage .allProducts ul li a{width:139px; display:inline-block; padding:7px 7px 7px 12px; color:#bdbec0; font:normal 13px/18px DroidRegular; background:transparent url(../images/menu_icon_w.gif) no-repeat 0 12px;}
.subPage .allProducts ul li:hover a{color:#fff;}
.subPage .allProducts ul li.selected a{color:#fff;}

/* products listing */

.subPage .subContent .proItem{width:310px; height:230px; overflow:hidden; display:inline-block; float:left; margin:20px 0 0 20px; position:relative;}
.subPage .subContent .proItem img{width:310px; height:230px; display:block;}
.subPage .subContent .proItem .text{width:290px; display:inline-block; color:#fff; font:normal 16px/19px DroidRegular; font-style:italic; text-align:right; padding:10px; position:absolute; left:0; bottom:0; background-color:#231f21; zoom:1; filter:alpha(opacity=80); opacity:0.80;}




@media only screen and (max-width: 1200px) {
    
}




