html{height:100%;}
body{padding:0;margin:0;font-family:Arial,verdana,sans; font-size:14px;text-align:center;color:#333333;background:#fff;height:100%;}
img{border:0;padding:0;margin:0;}
input,textarea{font-family:Arial,verdana,sans; font-size:13px;color:#333333;resize:none;}
a img{border:0;padding:0;margin:0;text-decoration:none;}
a{text-decoration:none;color:#F60;}
p{line-height:20px;margin:0;margin-bottom:18px;}
li{line-height:20px;}
a:hover{text-decoration:underline;}
.textwidget p{font-size:12px;}
h1,h2,h3{font-weight:normal;}
h1{font-family:YanoneKaffeesatzRegular,arial;font-size:36px;margin:0 0 10px;}
h2{font-family:YanoneKaffeesatzRegular,arial;font-size:28px;margin:0 0 10px;}
h2 .welcome{background:url(../images/icon-welcome.png) no-repeat 0 0;padding-left:38px;}
h2 .comment{background:url(../images/icon-comment.png) no-repeat 0 center;padding-left:38px;}
h2 .badge{background:url(../images/icon-rack.png) no-repeat 0 center;padding-left:38px;}
h2 .cloud{background:url(../images/icon-cloud.png) no-repeat 0 center;padding-left:38px;}
h2 .speed{background:url(../images/icon-down.png) no-repeat 0 center;padding-left:38px;}
h2 .colo{background:url(../images/icon-badge.png) no-repeat 0 center;padding-left:38px;}
h3{font-family:YanoneKaffeesatzRegular,arial;font-size:18px;margin:0 0 10px;}
/*GLOBAL STYLE*/
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.font13{font-size:13px !important;}
.bigButton{background:url(../images/button-bg.png) repeat-x 0 0 #ff9933;padding:20px;display:inline-block;border:1px solid #bcbcbc;font-family:arial black,arial;color:#000;font-size:20px;font-weight:bold;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;box-shadow:0px 5px 5px -2px #000;-moz-box-shadow:0px 5px 5px -2px #000;-webkit-box-shadow:0px 5px 5px -2px #000;-khtml-box-shadow:0px 5px 5px -2px #000;}
.bigButton:hover{text-decoration:none; }
/*GENERAL LAYOUT*/
#wrappers{width:100%;overflow:hidden;position:relative;min-width:980px;}
.wrapps{width:960px;text-align:left;position:relative;margin:0 auto;}
/*HEADER STYLE*/
#headers{background:url(../images/header-bg.png) 0 0;height:112px;}
#headers .logo{float:left;margin-top:28px;}
#headers .rightHeader{float:right;height:112px;margin:0;padding:0;list-style:none;}
#headers .rightHeader li{float:left;height:77px;background:url(../images/header-divider.png) no-repeat 0 0;padding-left:15px;margin-left:15px;color:#666;padding-top:45px;}
#headers .rightHeader li.first{background:transparent;}
#headers .rightHeader li .info{background:url(../images/icon-info.png) no-repeat 0 center;padding-left:32px;font-size:18px;}
#headers .rightHeader li .users{background:url(../images/icon-users.png) no-repeat 0 center;padding-left:32px;font-size:18px;}
#headers .rightHeader li .sub{padding-top:0px;padding-let:32px;font-size:10px;color:#999;}
#headers .rightHeader li .lock{background:url(../images/icon-lock.png) no-repeat 0 center;padding-left:32px;min-height:20px;display:inline-block;line-height:23px;}
#headers .rightHeader li a{color:#41ac01;font-size:12px;font-weight:bold;}
/*TOP NAVIGATION*/
#navigation{height:67px;background:url(../images/nav-bg.png) repeat-x 0 0;position:relative;z-index:5;}
#navigation .wrapps{}
#navigation ul{list-style:none;margin:0;padding:0;height:67px;}
#navigation ul li{height:67px;position:relative;float:left;margin-right:35px;}
#navigation ul li:hover,#navigation ul li.active{background:url(../images/arrow-nav-active.png) no-repeat center bottom;}
#navigation ul li a{text-decoration:none;font-family:OswaldBook,arial;font-size:16px;color:#fff;padding:25px 0 0;display:block;height:40px;text-transform:uppercase;}
#navigation ul li ul{position:absolute;top:60px;left:0;width:220px;height:auto;display:none; background:url(../images/nav-bg2.png) repeat 0 0; border: 0px none;}
#navigation ul li:hover ul{display:block;}
#navigation ul li ul li{float:none;display:block;text-align:left;height:auto; }
#navigation ul li ul li a{font-size:14px;padding:15px 10px;height:auto;}
#navigation ul li ul li a:hover{ background:url(../images/nav-bg2.png) repeat 0 0;}
/*CONTENT STYLE*/
#contents{background:url(../images/background.png) repeat-x 0 0;}
/*BANNER PAGE*/
.banners{height:340px;width:960px;overflow:hidden;position:relative;}
.banners a{color:#4b8a01;}
.banners a:hover{text-decoration:none;}
.banners .image{float:left;text-align:center;padding-top:13px;margin-right:30px;}
.banners .detail{float:left;width:490px;color:#303030;padding-top:30px;}
.banners .detail h1{margin:0;font-family:OswaldBook,arial;font-size:54px;color:#4b8a01;text-transform:uppercase;}
.banners .detail h2{margin:0;font-family:OswaldBook,arial;font-size:36px;color:#4b8a01;text-transform:uppercase;}
.banners .detail h3{margin:0;font-family:OswaldBook,arial;font-size:28px;color:#4d4d4d;text-transform:uppercase;}
.banners .detail h3.grey{color:#737373;}
.banners .detail p{margin:15px 0 0;line-height:normal;}
.banners .big-arrow{width:322px;height:322px;background:url(../images/arrow-big.png) no-repeat 0 0;position:absolute;right:0;bottom:-135px;}
/*THREE COLOUMN HOME PAGE*/
.promotionBlock{margin-bottom:50px;margin-top:35px;}
.promotionBlock .promotion{width:260px;float:left;margin-right:26px;background:url(../images/coloumn3-bg.png) repeat 0 0;border:1px solid #c5c5c5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;padding:20px;position:relative;}
.promotionBlock .last{margin:0}
.promotionBlock .promotion .promotion-head{background:url(../images/coloumn3-bg-head.png) repeat-x 0 0;height:53px;color:#fff !important;margin:-20px -20px 0 !important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;padding:15px 0 0 20px;border-bottom:1px solid #c5c5c5;}
.promotionBlock .promotion .promotion-body{padding-top:35px;padding-bottom:15px;height: 145px;}
.promotionBlock .promotion .promotion-body p{font-size:15px;line-height:22px;}
.promotionBlock .promotion .promotion-body h2{text-align:center;font-family:'lobster_1.3regular',georgia;}
.promotionBlock .promotion .promotion-body ul{list-style:none;margin:0 0 15px;padding:0;}
.promotionBlock .promotion .promotion-body li{background:url(../images/list-arrow.png) no-repeat 0 4px;padding-left:20px;color:#0a0a0a;font-weight:bold;font-size:12px;padding-bottom:4px;}
.promotionBlock .promotion .promotion-foot{height: 70px;text-align:center;}
.promotionBlock .promotion .promotion-badge{background:url(../images/badge-promotion.png) no-repeat 0 0;position:absolute;top:-2px;right:-2px;height:119px;width:137px;z-index:1;}
.promotionBlock .promotion .promotion-shadow{background:url(../images/shadow-box-3.png) no-repeat 0 0;position:absolute;bottom:-13px;left:0;height:42px;width:301px;z-index:-1;}
.promotionBlock h2 { margin:0px !important;}
.promotion2Block{margin-bottom:50px;margin-top:35px;}
.promotion2Block .promotion{width:85%;float:left;margin-right:26px;background:url(../images/coloumn3-bg.png) repeat 0 0;border:1px solid #c5c5c5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;padding:20px;position:relative;}
.promotion2Block .last{margin:0}
.promotion2Block .promotion .promotion-head{background:url(../images/coloumn3-bg-head.png) repeat-x 0 0;height:53px;color:#fff !important;margin:-20px -20px 0 !important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;padding:15px 0 0 20px;border-bottom:1px solid #c5c5c5;}
.promotion2Block .promotion .promotion-body{padding-top:35px;padding-bottom:15px;height: 145px;}
.promotion2Block .promotion .promotion-body p{font-size:15px;line-height:22px;}
.promotion2Block .promotion .promotion-body h2{text-align:center;font-family:'lobster_1.3regular',georgia;}
.promotion2Block .promotion .promotion-body ul{list-style:none;margin:0 0 15px;padding:0;}
.promotion2Block .promotion .promotion-body li{background:url(../images/list-arrow.png) no-repeat 0 4px;padding-left:20px;color:#0a0a0a;font-weight:bold;font-size:12px;padding-bottom:4px;}
.promotion2Block .promotion .promotion-foot{height: 70px;text-align:center;}
.promotion2Block .promotion .promotion-badge{background:url(../images/badge-promotion.png) no-repeat 0 0;position:absolute;top:-2px;right:-2px;height:119px;width:137px;z-index:1;}
.promotion2Block .promotion .promotion-shadow{background:url(../images/shadow-box-3.png) no-repeat 0 0;position:absolute;bottom:-13px;left:0;height:42px;width:301px;z-index:-1;}
.promotion2Block h2 { margin:0px !important;}
.specialBlock{margin-bottom:50px;margin-top:35px;}
.specialBlock .special{width:520px;float:left;margin-right:26px;background:url(../images/coloumn3-bg.png) repeat 0 0;border:1px solid #c5c5c5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;padding:20px;position:relative;}
.specialBlock .last{margin:0;}
.specialBlock .special .special-head{background:url(../images/coloumn3-bg-head.png) repeat-x 0 0;height:53px;color:#fff !important;margin:-20px -20px 0 !important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;padding:15px 0 0 20px;border-bottom:1px solid #c5c5c5;}
.specialBlock .special .special-body{padding-top:35px;padding-bottom:15px;height: 145px;}
.specialBlock .special .special-body p{font-size:15px;line-height:22px;}
.specialBlock .special .special-body h2{text-align:left;font-family:'lobster_1.3regular',georgia;color: black !important;margin-bottom: 10px !important;}
.specialBlock .special .special-body ul{list-style:none;margin:0 0 15px;padding:0; display:block;}
.specialBlock .special .special-body li{background:url(../images/list-arrow.png) no-repeat 0 4px;padding-left:20px;color:#0a0a0a;font-weight:bold;font-size:12px;padding-bottom:4px; width: 25%; display: inline; float:left; margin-left: 20px;}
.specialBlock .special .special-foot{height: 70px;text-align:center;}
.specialBlock .special .special-badge{background:url(../images/badge-promotion.png) no-repeat 0 0;position:absolute;top:-2px;right:-2px;height:119px;width:137px;z-index:1;}
.specialBlock .special .special-shadow{background:url(../images/shadow-box-3.png) no-repeat 0 0;position:absolute;bottom:-13px;left:0;height:42px;width:301px;z-index:-1;}
.specialBlock h2 { margin:0px !important;}
/*Block HOME SMALL*/
.block{background:url(../images/block-bg.png) 0 0;padding:25px 10px;border:1px solid #c5c5c5;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;position:relative;margin-bottom:50px;}
.block .block-shadow{position:absolute;left:0;bottom:-24px;background:url(../images/shadow-box.png) no-repeat 0 bottom;height:24px;width:960px;}
.block .leftBlock{float:left;width:450px;}
.block .rightBlock{float:right;width:450px;margin-right:15px;}
.commentText{font-family:georgia,arial;font-style:italic;color:#000;line-height:22px;}
.commentText p{}
.commentText .created{color:#0c5b0c;font-style:normal;font-family:arial;font-size:12px;font-weight:bold;text-align:right;}
.commentText a{color:#0c5b0c;text-decoration:underline;}
/*FOOTERS STYLE*/
#footers{position:relative;margin-top:20px;background:url(../images/footer-bg.png) 0 0;padding-bottom:15px;}
#footers .footerTop{background:url(../images/footer-nav-bg.png) repeat-x 0 0;height:38px;padding-top:19px;margin-bottom:30px;}
#footers .footerTop h3{font-family:OswaldLight,arial;color:#fff;font-size:18px;text-transform:uppercase;}
#footers .footColoumn{float:left;width:50%;}
#footers .nav-foot{list-style:none;margin:0;padding:0;float:left;width: 50%;}
#footers .nav-foot li{font-family:OswaldLight,arial;margin-bottom:10px;}
#footers .nav-foot li a{color:#000;font-size:16px;font-family:OswaldLight,arial;text-transform:uppercase; color:#360;}
#footers #copyright p{font-size:11px;line-height:normal;color:#2e2e2e;}
#footers #credits {font-size:11px;line-height:normal;color:#2e2e2e;}
#footers #credits a{color:#2e2e2e;}
#footers .clients{margin-bottom:20px;}
#footers .clients a{margin-right:15px;}
#pageh {padding-top:0px;}
#pageh .block{padding-left:20px;}
#pageh h2{margin-top:30px; color:#666}
#pageh h3{margin-top:30px; color:#360; font-size:24px;}
#pageh .block2 {padding-left: 40px;background:url(../images/block-bg2.png) repeat-y 0 0;overflow:hidden;}
#pageh h2 {color: #666666;}
#page{padding-top:20px;}
#page .block{padding-left:20px;}
#page h2{margin-top:30px; color:#666}
#page h3{margin-top:30px; color:#360; font-size:24px;}
#page .block2 {padding-left: 40px;background:url(../images/block-bg2.png) repeat-y 0 0;overflow:hidden;}
#page h2 {color: #666666;}
.block2{background:url(../images/block-bg.png) 0 0;padding:25px 10px;border:1px solid #c5c5c5;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;position:relative;margin-bottom:50px;}
.block2 .mainBlock{float:left;width:550px;}
.block2 .mainRightBlock{float:right;width:265px;margin-right: 25px;position:relative;}
.block2 .mainRightBlock-shadow{position:absolute;left:-44px;top:-25px;width:15px;height:340px;background:url(../images/mainRightBlock-shadow.png) no-repeat 0 0;}
.small-gallery{margin:20px 0;}
.small-gallery a{width:85px;height:85px;float:left;margin-right:10px;background:#fff;padding:2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;-o-border-radius:2px;}
.widget{font-size:12px;}
.widget h2{font-family:arial;font-size:16px;font-weight:bold;border-top:1px dotted;border-bottom:1px dotted;padding:10px 0;}
blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding: 15px;
border-left: 3px solid #ccc;
background-color:#eee;
}
#page .block2 {padding-left: 30px;background:url(../images/block-bg2.png) repeat-y 0 0;overflow:hidden;}
#page h2 {color: #666666;}
.block2 .mainBlock{float:left;width:550px;}
.block2 .mainRightBlock{float:right;width:265px;margin-right: 25px;position:relative; line-height:22px;}
.block2 .mainRightBlock-shadow{position:absolute;left:-44px;top:-25px;width:15px;height:340px;background:url(../images/mainRightBlock-shadow.png) no-repeat 0 0;}
.small-gallery{margin:20px 0;}
.small-gallery a{width:85px;height:85px;float:left;margin-right:10px;background:#fff;padding:2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;-o-border-radius:2px;}
.widget{font-size:12px;}
.widget h2{font-family:arial;font-size:16px;font-weight:bold;border-top:1px dotted;border-bottom:1px dotted;padding:10px 0;}
.divider{background:url(../images/divider.png) no-repeat; height:2px; width:936px;margin-top:40px;margin-bottom:40px;}
hr {clear: both; width: 90%; margin-top: 40px; margin-bottom:40px; margin-left:5%; text-align: center;}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
.navigation {
clear: both;
margin: 0 auto;
max-width: 1080px;
min-height: 45px;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0 40px 0 0;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
color: #141412;
display: block;
font-size: 15px;
line-height: 1;
padding: 15px 20px;
text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
/* background-color: #220e10; */
color: #fff;
}
.nav-menu .sub-menu,
.nav-menu .children {
/* background-color: #220e10; */
border: 2px solid #f7f5e7;
border-top: 0;
display: none;
padding: 0;
position: absolute;
left: -2px;
z-index: 99999;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #fff;
margin: 0;
width: 200px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
/* background-color: #db572f; */
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #bc360a;
}
.menu-toggle {
display: none;
}