@charset "UTF-8";
/* CSS Document */

html, body { margin: 0; padding: 0; height: 100%; width: 100%; min-width: 980px; background-color: transparent; }
body { overflow: auto; background-color: #000; min-width: 980px; }

a { text-decoration: none; }

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

}

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

}

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

}

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

}

.clear { clear: both; }

/* Splash Start */

.splash_box { position: absolute; min-width: 980px; padding: 30px; z-index: 1000;  }
.promo { width: 912px; height: 400px; border: solid #FFF 4px; margin-top: 50px; }
.twitter { font-family: 'MuseoSans300', sans-serif; color: #999; font-size: 16px; line-height: 12px; text-transform: uppercase; }
.twitter:hover { background-color: #999; color: #FFF; }
.bird { margin-right: 7px; vertical-align: middle; }
#twitter_update_list li { list-style: none; margin-bottom: 5px; font-size: 30px; line-height: 28px; font-family: 'Bebas', sans-serif; color: #FFF; text-transform: uppercase; text-align: center; }
#twitter_update_list a { color: #993399; }

/* Nav Start */

.nav_box { width: 610px; padding: 5px; overflow: hidden; background-color: #000; margin-bottom: 10px; }

.nav_select { font-family: 'Muli', sans-serif; color: #FFF; font-size: 17px; line-height: 10px; text-decoration: none; margin-right: 10px; padding: 5px; }

.nav_select:hover { background-color: #666; }

.nav_select_alt_c { font-family: 'Muli', sans-serif; color: #FFF; font-size: 15px; font-weight: 300; line-height: 10px; text-decoration: none; margin-right: 10px; padding: 5px; }

.nav_select_alt_c:hover { background-color: #666; }

.bg_rr { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 1800px; z-index: -100; background: url(../imgs/bg_RR.jpg) no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_RR.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_RR.jpg', sizingMethod='scale')"; }

.bg_wheels { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 4500px; z-index: -100; background: url(../imgs/bg_wheels.jpg) no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_wheels.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_wheels.jpg', sizingMethod='scale')"; }
			
.bg_vf { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 3000px; z-index: -100; background: url(../imgs/bg_VF-Engineering.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_VF-Engineering.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_VF-Engineering.jpg', sizingMethod='scale')"; }
			
.bg_vf_b { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 3000px; z-index: -100; background: url(../imgs/bg_VF-Engineering_b.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_VF-Engineering_b.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_VF-Engineering_b.jpg', sizingMethod='scale')"; }
			
.bg_ess { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 3000px; z-index: -100; background: url(../imgs/bg_ESS-Tuning.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_ESS-Tuning.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_ESS-Tuning.jpg', sizingMethod='scale')"; }
			
.bg_carbonio { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; min-height: 3000px; z-index: -100; background: url(../imgs/bg_Carbonio.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_Carbonio.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_Carbonio.jpg', sizingMethod='scale')"; }

.frame { min-width: 980px; padding: 30px; }

#featured { margin-top: 34px; margin-bottom: 50px; }

.ft_hdr_img { width: 632px; height: 272px; border: 4px solid #FFF; float: left; margin-right: 20px; } 

.ft_hdr_txt { width: 222px; height: 217px; padding: 35px 15px 20px 15px; border: 4px solid #FFF; float: left; background: url(../imgs/bg_diag_pattern.png); }
.ft_hdr_txt .hdr { font-family: 'BarrettPrime', sans-serif; font-size: 30px; color: #999; }
.ft_hdr_txt .txt { font-family: 'MuseoSans300', sans-serif; color: #FFF; font-size: 14px; line-height: 16px; }

.section_hdr_txt { font-family: 'BarrettPrime', sans-serif; color: #FFF; font-size: 22px; letter-spacing: 5px; margin-top: 25px; margin-bottom: 12px; text-indent: 14px; }

.product_feature { width: 912px; height: 142px; border: 4px solid #FFF; margin-bottom: 25px; position: relative; background-color: #000; }
.product_feature .txt_box { font-family: 'MuseoSans500', sans-serif; position: absolute; top: 46px; left: 40px; }
.product_feature .hdr { color: #FFF; font-size: 30px; text-transform: uppercase; }
.product_feature .sub_hdr { font-family: 'MuseoSans300', sans-serif; color: #999; font-size: 18px; line-height: 12px; }
.product_feature .img { position: absolute; top: 18px; right: 18px; width: 500px; height: 106px; background-color: #666; }
.product_feature .play { position: absolute; top: 30px; left: 224px; opacity: 0.5; filter: alpha(opacity=50); width: 48px; height: 48px; background-image: url(../imgs/play.png); z-index: 200;  }
.product_feature .play:hover { opacity: 1.0; filter: alpha(opacity=100); }

.photos { margin-top: 25px; }
.photos .lg { width: 298px; height: 298px; border: 1px #FFF solid; float: left }
.photos .mid {  width: 298px; height: 298px; border: 1px #FFF solid; margin-left: 10px; margin-right: 10px; float: left }
.photos .btn { position: absolute; bottom: 15px; right: 15px; z-index: 100; width: 27px; height: 26px; background-image: url(../imgs/btn_circle-plus.png); }
.photos .icon { position: absolute; top: 5px; left: 5px; height: 48px; width: 48px; background-image: url(../imgs/icon_link.png); z-index: 1000; }

.catalogue { position: relative; height: 180px; }
.catalogue .pdf_ico { position: absolute; top: 50px; left: 50px; background-image: url(../imgs/pdf_icon.png); height: 88px; width: 57px; }
.catalogue .txt_wrapper { position: absolute; top: 70px; left: 125px; } 
.catalogue .hdr { font-family: 'MuseoSans300', sans-serif; font-size: 30px; color: #FFF; }
.catalogue .txt { font-family: 'MuseoSans300', sans-serif; color: #999; font-size: 18px; line-height: 16px; }

.gallery { width: 920px; overflow: hidden; margin-top: 30px; }
.gallery .sm { width: 143px; height: 143px; margin-right: 10px; margin-bottom: 10px; float: left; border: 1px solid #999; position: relative; background-color: #000; }
.gallery .img:hover { opacity: 0.3; filter: alpha(opacity=30); border: 0px; }
.gallery .end { margin-right: 0px; }

.video { width: 912px; height:513px; border: 4px solid #FFF; margin-bottom: 25px; position: relative; background-color: #000; }

.hor_div { width: 920px; margin-top: 20px; margin-bottom: 50px; border-top: 1px #666 dashed; }

.hor_div_block { width: 920px; height: 30px; margin-top: 20px; margin-bottom: 20px; background: url(../imgs/div_diag.png); border-bottom: 1px solid #000; border-top: 1px solid #000; position: relative; font-family: 'MuseoSans300', sans-serif; }
.hor_div_block .txt { font-size: 11px; color: #333; position: absolute; right: 20px; top: 10px; }
.hor_div_block .hdr { font-size: 18px; line-height: 26px; color:#999; }

.ftr { width: 860px; border-top: 1px solid #333; padding: 10px 30px; font-family: 'MuseoSans300', sans-serif; font-size: 14px; line-height: 18px; color: #666; margin-top: 40px; }

.content_box { width: 920px; font-family: 'MuseoSans300', sans-serif; color: #FFF; margin-top: 10px; margin-bottom: 30px; }
.content_box .txt { font-size: 14px; line-height: 16px; }
.content_box .hdr { font-size: 18px; line-height: 24px; color:#999; }
.content_box a { text-decoration: none; color: #FFF;  }
.content_box a:hover { background-color: #999; }

/* Super Header */
.supr_hdr { border-top: 1px solid  #999; padding: 20px 0px 20px 0px; margin-top: 40px; width: 920px; }
.supr { font-size: 100px; font-family: 'Bebas', sans-serif; color: #FFF; line-height: 90px; text-transform: uppercase; }

/* Contact Form */
fieldset { padding: 20px; border: none; }
.form-stacked label{ display: block; float: none; width: auto; text-align: left; }
.formField { width: 360px; height: 20px; margin-top: 5px; margin-bottom: 20px; padding: 3px; font-size: 14px; color: #09C; }
.formField_sm { width: 150px; height: 20px; margin-top: 5px; margin-bottom: 20px; padding: 3px; font-size: 14px; color: #09C; }
.textarea { resize: none; }
.checkbox { margin-right: 20px; margin-left: 5px; }
.formTextBox { width: 800px; height: 120px; margin-top: 5px; margin-bottom: 20px; overflow: auto; resize: none; padding: 3px; font-size: 14px; color: #09C; }
.selectBox select { width: 150px;margin-top: 5px; margin-bottom: 20px; padding: 3px; font-size: 12px; color: #09C; }
.error_txt { font-size: 20px; font-family: 'Bebas', sans-serif; color: #09F; }
.form_btn { border: dashed 1px #CCC; padding: 10px; }

/* Large Hover Effect Formatting */

.view { width: 298px; height: 298px; float: left; border: 1px solid #fff; overflow: hidden; position: relative; text-align: center; cursor: default; font-family: 'MuseoSans300', sans-serif; }
.view .mask,.view .content { width: 298px; height: 298px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: #000; margin: 20px 0 0 0; }
.view p { font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

/* Large Hover Effect */

.view-third img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-third h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-third:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-third:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-third:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/* SPLASH [A] INSTAGRAM

//////////////////////////////////////////////////////////// */

.instagram { overflow:hidden; float: left; width: 820px; margin-bottom: 30px; padding: 0px 50px 20px 50px; border-bottom: 1px solid #999; }
.instagram-placeholder { float:left; margin-right: 20px; margin-bottom:20px; border: 4px solid #CCC; }
.last { margin-right:0; }
.instagram-placeholder a img { height:180px; width:180px; }
.instagram-placeholder a img:hover { opacity: 1; }


/* SPLASH [B] SLIMBOX

//////////////////////////////////////////////////////////// */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../imgs/slim/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../imgs/slim/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../imgs/slim/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../imgs/slim/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }