@import url('reset.css');
@import url('jquery.selectbox.css');
@import url('nivo-slider.css');
@CHARSET "utf-8";

.left{float:left;}
.right{float:right;}
.strong{font-weight:bold;}
.aleft{text-align:left;}
.acenter{text-align:center;}
.aright{text-align:right;}
.ajustify{text-align:justify;}
.nospacing{margin:0!important;padding:0!important;}

.link{color: #F1A41C;}

.error {color: red;}
.success {color: #fff;}

body{background: url('../img/bg.png') repeat top left;font-size:13px;font-family: arial; color:#000000;line-height: 1.5em;}/*'Helvetica Neue', helvetica, */

a {color: #6a6a6a; text-decoration: none!important;}
a:hover {color: #ffde00;}

.inner{ width: 991px; margin: 0 auto;}
.border {
	border: 6px solid rgb(107,107,107);
    border: 6px solid rgba(107,107,107,0.8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    
	/*-moz-box-shadow:    0 0 3px 3px #0f0f0f;
	-webkit-box-shadow: 0 0 3px 3px #0f0f0f;
	box-shadow:         0 0 3px 3px #0f0f0f;*/
}
.separator {display: block;background: transparent url('../img/sprite.png') no-repeat; width: 100%; height:1px; background-position: 0 -1352px;margin:25px 0;}	
	
.header { width: 100%; height: 105px; background: url('../img/header_bg.png') repeat top left;}
#logo {margin: 22px 0 0 0; float: left;}
#social {margin: 36px 0 0 0; float: right;}
#social ul {list-style-type: none;}
#social ul li{display: block; float: left; }
#social ul li a{
	display: block; 
	width: 50px; 
	height: 50px; 
	background: transparent url('../img/sprite.png') no-repeat; 
	text-indent: -9999px;	
	}
#social ul li a#s-fb{ background-position: 0 -69px; }
#social ul li a#s-tw{ background-position: -50px -69px; }
#social ul li a#s-li{ background-position: -100px -69px; }
#social ul li a#s-gp{ background-position: -150px -69px; }
#social ul li a#s-fb:hover{ background-position: 0 -119px; }
#social ul li a#s-tw:hover{ background-position: -50px -119px; }
#social ul li a#s-li:hover{ background-position: -100px -119px; }
#social ul li a#s-gp:hover{ background-position: -150px -119px; }

.nav { width: 100%; height: 55px; background: url('../img/nav_bg.png') repeat top left;}
.nav ul { list-style-type: none;}
.nav ul li { display: inline; margin: 0 20px 0 0;}
.nav ul li a {text-transform: uppercase; font-size: 13px; color: #adadad; line-height: 45px; font-weight: bold;}
.nav ul li a:hover,.nav ul li a.current  {color: #ffde00; }

.content { width: 100%; background: url('../img/content_bg.png') repeat-x top left;}
.content .inner {padding: 7px 0 0;}

#slider {width: 668px; height: 363px; float: left; margin-bottom: 35px;}
#slider-content{width: 668px;height:363px;}


#quote, #newsletter { padding:62px 15px 0; width: 257px; /*height: 301px;*/ float: right; background: #F1A41C url('../img/sprite.png') no-repeat; background-position: 0px -470px;margin-bottom: 35px;}
#newsletter {background-position: -307px -470px; }
#quote p, #newsletter p {margin-bottom: 8px; color: #353535;}
#quote input[type=text], #quote select,#newsletter input[type=text], #newsletter select{padding:3px 5px; width: 241px; height: 23px;border: 3px solid #cb9212; border-radius: 3px; font-size: 15px; color: #353535;}
#quote select,#newsletter select{width: 255px; padding: 0px 0 0px 5px;height:29px;}
#quote input[type=submit],#newsletter input[type=submit]{width: 125px; height: 41px; float: right; background: transparent url('../img/sprite.png') no-repeat; background-position: 0px -174px; border:0; text-indent: -9999px; cursor: pointer;}
#quote input[type=submit]:hover,#newsletter input[type=submit]:hover{background-position: 0 -215px;}

.content-inner #quote,.content-inner #newsletter {margin: 15px 15px 20px 0;}

#news {width: 630px; float: left; margin: 15px 0 0px 15px;}
.newsfeed{}
.newsfeed img {float: left; width: 190px; height: 122px;border: 5px solid #6b6b6b;}
.newsfeed div {float: right; width: 401px;text-align: justify;}
.newsfeed a, .faqfeed a {color: #F1A41C;}
.newsfeed div ul, .faqfeed div ul {padding: 0 0 0 10px;}
.newsfeed div ul li, .faqfeed div ul li {list-style-type: disc; list-style-position: inside;}

.faqfeed div{text-align: justify;}

.content-inner {background: #fff; }
.content-inner h1 {color: #6a6a6a; font-size: 25px; text-align: center; margin: 20px 0px 12px; padding: 0 0 12px; background: url("../img/sprite.png") no-repeat scroll 0 -1322px transparent;}
.content-inner h1 span {color:#141414; }

#breadcrumbs{ color: #181818; font-size: 15px; margin: 10px 15px 0px; padding: 0 0 12px;background: url("../img/sprite.png") no-repeat scroll 0 -1322px transparent;}
#breadcrumbs a{color: #8c8b8b;}

.article {text-align: left; margin: 0 25px 25px;}
.article p {}

.columns-4{margin: 0 0 25px 8px;}
.columns-4 .column{ float: left; width: 237px; margin: 0 5px 0 0;}
h2.headline, h3.headline{ margin: 0 0 15px 0;background: transparent url('../img/sprite.png') no-repeat; background-position: 0px -1260px;padding: 0 20px 21px; color: #0f0f0f; font-size:17px;font-weight: bold;}
.columns-4 .column p {padding: 0 5px;height: 60px;}
.columns-4 .column a.link{display: block; width: 227px; 168px; border: 5px solid #6b6b6b;margin: 15px 0 0; position: relative;}
.columns-4 .column a.link:hover{border: 5px solid #f2b112;}
.columns-4 .column a.link span{position: absolute; bottom:-17px; right: 2px;display: block; width: 125px; height: 41px; background: transparent url('../img/sprite.png') no-repeat; background-position: 0px -261px; border:0; text-indent: -9999px; cursor: pointer;}
.columns-4 .column a.link:hover span {background-position: 0 -302px;}
.columns-4 .column img {vertical-align: top; }

.colors{width: 627px; height: 15px; background: transparent url('../img/sprite.png') no-repeat; margin: 10px auto 10px; text-indent: -9999px;}
#color-gloss {background-position: 0px -888px; }
#color-carbon-fiber {background-position: 0px -908px; }
#color-satin {background-position: 0px -928px; }
#color-matte {background-position: 0px -948px; }
#color-brushed-metal {background-position: 0px -968px; }

.color-available{display: block; margin: 10px auto; text-align: center; width: 627px;}
.color-available li{display: inline;}
/*.color-available li a {display: block;
    float: left;
    height: 35px;
    margin: 5px;
    width: 35px;}*/

.footer { width: 100%; height: 151px; background: url('../img/footer_bg.png') repeat top left; margin-top:45px;}
.footer .inner {position: relative;}
#logo-footer{ display: block; margin: 0 0 0 439px; position: absolute; top: -33px;}

#certified {float: left; width: 350px;margin: 31px 0 0;}
#certified img{padding: 0 5px 0;}
#address {float: right; width: 290px; height: 55px;margin: 31px 0 0; text-align: right;background: transparent url('../img/sprite.png') no-repeat; background-position: -35px -348px;}
#address p {color: #e4e4e4; font-size: 25px; padding: 0 0 10px;}
#address p span{color: #7a7a7a; font-size: 17px;}
#copy{text-align: center; font-size: 12px; font-family: arial; color: #bdbdbd; margin: 25px 0 0 0;}

.qtip-content {font-size:11px;}

#contact-form{text-align: left; margin: 10px 0 0 0}
#contact-form p{display: block; clear: both; margin-bottom: 10px; }
#contact-form p label {float: left; width: 200px; display: block; line-height: 35px;}.contact-info p span{font-weight: bold;}
.c-field {border: 3px solid #D6D6D6; background: #fff; border-radius: 5px; widtH: 251px; display: block; height: 30px;}
textarea.c-field {height: 50px;}
#contact-form .jquery-selectbox{clear: right;}

.submitBtn{width: 125px; height: 41px; float: none; background: transparent url('../img/sprite.png') no-repeat; background-position: 0px -174px; border:0; text-indent: -9999px; cursor: pointer;}
.submitBtn:hover{background-position: 0 -215px;}

.jquery-selectbox .jquery-selectbox-list {border: 1px solid #D2AD63;height: 95px!important; top: 32px; width: 245px!important;}

/* gallery */
.portfolio-categ {margin: 10px 0 0 0;}
.portfolio-area li {margin: auto; width: auto;}
.home-portfolio-text {margin: 0;}
h2.post-title-portfolio {border: 0px solid transparent;text-align:center;}
.image-block {width: 224px; height: 175px; text-align: center;}
.image-block img {border-radius: 0 0 0 0; background: #ebebeb; padding: 5px;max-width: 212px; max-height: 158px; text-align: center;}
.image-block img:hover{border: 1px solid #ffde00;box-shadow:0 0 5px #ffde00;}