@charset "utf-8";
/* CSS Document */
body { background:url(../images/main_bg.jpg) repeat top #fff; font-size:12px; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
#main-wpr { width:100%;}
#content-wpr { width:980px; margin:0px auto;}
.home-bg { background:url(../images/shadow.png) repeat-y center top;}
header { height:80px; background:url(../images/header_bg.gif) repeat-x; padding:0 20px;}
header h1 { width:235px; height:64px; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat;}
nav { height:40px; float:right; font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:16px; font-weight:normal; margin-top:20px;}
nav ul { height:40px;}
nav ul li { height:40px; line-height:40px; float:left; display:block;}
nav ul li a { padding:0 20px; display:block; color:#3e3e3e;}
nav ul li a.active { background:url(../images/nav_hover.jpg) repeat-x; color:#fff;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;text-shadow: 0px 1px 1px #666;
filter: dropshadow(color=#666, offx=0, offy=1);}
nav ul li a.last-child { border-right:none;}
.btm-shadow { height:11px; background:url(../images/btm_shadow.png) no-repeat top;}
#banner { height:359px; }
#sub-banner { height:190px; background:#fff; padding:5px; overflow:hidden;}

#tabs { height:39px; background:url(../images/tab_bg.gif) repeat-x;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:7px;}
#tabs ul { height:39px;}
#tabs ul li { float:left; height:39px; line-height:39px;}
#tabs ul li a { display:block; padding:0 12px; border-right:1px solid #000; color:#fff;}
#tabs ul li a.last-child { border-right:none;}
#tabs ul li a.active { background:#7f25a1;}

#slider { height:139px; background:url(../images/slider_bg.gif) repeat-x bottom #fff; padding-top:22px;}
#slider ul { height:117px; width:auto;}
#slider ul li { height:115px; width:128px; overflow:hidden; float:left; margin:0 25px; border:1px solid #ccc;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; overflow:hidden;-webkit-box-shadow: 0px 0px 5px 0px #cccccc;
box-shadow: 0px 0px 5px 0px #cccccc;}

section.home { padding:20px; background:#fff; overflow:auto;}
section.sub { background:#fff; padding:30px 20px 30px 20px; overflow:auto;}
article.left { margin-right:260px; background:#f2f2f2;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; overflow:hidden; padding:20px;}
article.left h2, article.left-column h2, aside.right h3, #pro h2 {font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:24px; margin-bottom:20px; color:#ce1d1d;}
article.left h2, article.left-column h2 { margin-bottom:2px;}
article.left p, article.left-column p, aside.right p  { line-height:180%; margin-bottom:15px;}
article.left-column { float:left; width:640px; margin-right:40px;background:#f2f2f2;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; overflow:hidden; padding:20px;}

article.right h2, article.right-column h2, #pro h2 {font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:24px; margin-bottom:20px; color:#ce1d1d;}
article.right h2, article.right-column h2 { margin-bottom:2px;}
article.right p, article.right-column p, aside.right p  { line-height:180%; margin-bottom:15px;}
article.right-column { float:right; width:640px; margin-right:0px;background:#f2f2f2;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; overflow:hidden; padding:20px;}


aside.right { width:220px; float:right;}
aside.right img { margin-bottom:5px;}

#brands { background:url(../images/slider_bg.gif) repeat-x bottom #fff; padding-bottom:15px;  overflow:hidden;}
#brands h3 { background: url(../images/brand_bg.gif) repeat-x #f2f2f2;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:16px; color:#333; padding:0 20px; margin-bottom:15px; height:30px; line-height:30px; border-top:1px solid #e4e4e4;}

#cat { width:220px; float:left; margin-right:40px;}
#cat ul li { border-bottom:1px dotted #ccc; background:url(../images/bullet1.gif) no-repeat 5px center; padding:1px; padding:10px 0 10px 15px; }
#cat ul li a { color:#333333;}
#cat h3 { background:#f2f2f2;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; font-size:16px; padding:10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#pro { float:right; width:680px;}
#pro ul li { width:146px; height:170px; margin:0 11px 20px 11px; border:1px solid #ccc; float:left;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow:hidden; background:#fff;-webkit-box-shadow: 0px 0px 5px 0px #cccccc;
box-shadow: 0px 0px 5px 0px #cccccc;}
#pro ul li p { height:24px; line-height:24px; padding:0 3px; text-align:center; background:#f2f2f2;}

#lab { float:right; width:680px;}
#lab ul li { width:146px; height:170px; margin:0 11px 20px 11px; border:1px solid #ccc; float:left;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow:hidden; background:#fff;-webkit-box-shadow: 0px 0px 5px 0px #cccccc;
box-shadow: 0px 0px 5px 0px #cccccc;}


footer {background:url(../images/footer_bg.gif) repeat-x; height:161px;}
#footer-wpr { width:940px; margin:0px auto; height:161px; padding:0 20px;}
#f-top { height:125px;}
#f-top ul { float:left; margin:15px 50px 0 0; line-height:200%; border-right:1px solid #383838; padding-right:50px;}
#f-top ul li a { color:#606060;}
#f-btm { height:36px; line-height:36px; color:#161513; font-size:11px;}
#f-btm p.left { float:left;}
#f-btm p.right { float:right;}

#contact-form {}
#contact-form form { margin-top:30px;}
#contact-form form label { display:block; float:left; width:120px; height:25px; line-height:25px; margin:0 20px 20px 0; background:#f1f1f1; padding:0 0 0 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#contact-form form input, #contact-form form select, #contact-form form textarea { display:block; float:left; width:300px; height:23px; border:1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 5px 20px 0;}
#contact-form form textarea { height:90px;}#contact-form form button { padding:3px 5px; border:1px solid #116f8e; background:#C6E7EC; cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}#contact-form form button:hover { background:#E8F4F7; border:1px solid #9ACFDC;}
#contact-form form input:focus, #contact-form form textarea:focus {border:1px solid #3399FF;}

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

.cn-slideshow{
    width: 980px;
    height: 359px;
    position: relative;
    margin: 0 auto;
    /*background: #fff;    
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}
.cn-loading{
    position: absolute;
    z-index:999;
    text-indent: -9000px;
    opacity:0.6;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:#000 url(../images/ajax-loader.gif) no-repeat center center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.cn-images{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.cn-images img{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.cn-bar{
    background: transparent url(../images/bar.png) repeat top left;
    height: 74px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    color: #f8f8f8;
	z-index: 999;
}
.cn-nav-content{
    position: absolute;
    top: 0px;
    height: 100%;
    right: 70px;
    left: 70px;
    overflow: hidden;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.cn-nav-content div{
    float: left;
    width: 130px;
    color:#aaa;
}
.cn-nav-content span{
    color:#777;
}
.cn-nav-content div.cn-nav-content-current{
    text-align: center;
    width: 280px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-140px;
}
.cn-nav-content h2,
.cn-nav-content h3{
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height:24px;
    font-family:Georgia, serif;
    font-style:italic;
}
.cn-nav-content h2{
    font-size:18px;
    color:#fff;
}
.cn-nav-content-current span{
    color:#d0ab47;
}
.cn-nav-content div.cn-nav-content-prev{
    margin-left: 20px;
}
.cn-nav-content div.cn-nav-content-next{
    text-align: right;
    margin-right: 20px;
    float:right;
}
.cn-nav-content div span{
    display: block;
    padding-top: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.cn-nav > a{
    position: absolute;
    top: 0px;
    height: 70px;
    width: 70px;
}
a.cn-nav-prev{
    left: 0px;
}
a.cn-nav-next{
    right: 0px;
}
.cn-nav a span{
    width: 46px;
    height: 46px;
    display: block;
    text-indent: -9000px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: 17px 25px;
    margin: -23px 0 0 -23px;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cn-nav a.cn-nav-prev span{
    background: #666 url(../images/prev.png) no-repeat center center;
}
.cn-nav a.cn-nav-next span{
    background: #666 url(../images/next.png) no-repeat center center;
}
.cn-nav a div{
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.cn-nav a:hover span{
    width: 100px;
    height: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.6;
    margin: -50px 0 0 -50px;
    background-size: 22px 32px;
    background-color:#a8872d;
}
.cn-nav a:hover div{
    width: 90px;
    height: 90px;
    background-size: 120% 120%;
    margin: -45px 0 0 -45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px; 
}



section.home-left { margin-right:21px; padding-left:10px; border-right:0px solid #dbdbdb; padding-right:20px}
	section.home-left h1, .home-column h2, section.home-right h3 { font-size:18px; color:#c51414;font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing:1px; margin-bottom:15px;}
	.content { border-bottom:1px solid #dbdbdb; padding-bottom:15px; margin-bottom:25px;}
	.img { padding:4px; width:218px; height:136px; float:left; background:#e7e7e7;}
	.img img { border:1px solid #bcbcbc;}
	.content p { margin-left:246px;}
	.home-column { width:307px; float:left; position:relative;}
	.column-mr { margin-right:33px;}

	.home-column p.cont { margin-left:122px;}
	div.readmore { height:26px;}
	div.readmore a { display:block; float:right; background:url(../images/btn_more.gif) no-repeat; width:87px; height:26px; text-align:center; color:#fff; line-height:26px;}
	.column-text { height:105px; overflow:hidden;}
	.branches h5 { font-size:13px; font-weight:bold; color:#398600; margin-bottom:10px;}