/***** fonts *****/
@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; }

/***** 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; text-decoration:none; vertical-align:baseline; background:transparent; }
ol, ul { list-style-type:none; }
:hover, :focus { outline:0; }
table { border-collapse:collapse; border-spacing:0; }

/***** classes *****/
.clear { clear:both; }

/***** grid *****/
.grid1-1 { width:100%; float:left; }
.grid3-4 { width:75%; float:left; }
.grid2-3 { width:66.66%; float:left; }
.grid1-2 { width:50%; float:left; }
.grid1-3 { width:33.33%; float:left; }
.grid1-4 { width:25%; float:left; }
.grid1-5 { width:20%; float:left; }
.grid1-6 { width:16.66%; float:left; }
.grid1-8 { width:12.5%; float:left; }

/***** body *****/
body { height:100%; width:100%; background:#000 url(../img/bgs/bg.png); color:#fff; font-weight:normal; font-size:100%; font-family:Arial, sans-serif; line-height:1; }

/***** page *****/
#page { position:relative; width:960px; left:50%; margin:0 0 0 -480px; }

/***** logo *****/
#logo { position:absolute; width:320px; height:120px; top:75px; left:20px; z-index:10; }
#logo a.logo { display:block; width:320px; height:120px; background:url(../img/buttons/logo.png); text-indent:-99999px; }

/***** contact *****/
#contact { position:relative; width:960px; height:100px; font-family:"BebasNeueRegular"; font-size:16px; font-weight:normal; text-shadow:0 1px 1px #000; float:left; }
#contact .box { position:absolute; right:20px; width:280px; height:50px; background:#000 url(../img/bgs/content.png); box-shadow:inset 0 -2px 5px #000; border-right:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; border-left:1px solid #2f2f2f; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; }
#contact .box li { display:block; height:20px; width:94px; margin:15px 10px; padding:2px 0 0 25px; float:left; }
#contact .box li.phone { background:url(../img/icons/phone.png) no-repeat left center; }
#contact .box li.letter { background:url(../img/icons/letter.png) no-repeat left center; }
#contact .box a { color:#fff; }
#contact .box a:hover, #contact .box a:focus, #contact .box a:active { color:#444; }

/***** navigation *****/
#nav { position:relative; width:960px; height:60px; font-family:"BebasNeueRegular"; font-size:24px; font-weight:normal; background:#000 url(../img/bgs/nav.png); float:left; }
#nav ul { position:absolute; top:18px; right:10px; }
#nav li { display:block; float:left; }
#nav a { color:#e30613; padding:0 8px; text-shadow:0 1px 1px #000; }
#nav a.first { border-right:1px solid #000; }
#nav a.center { border-right:1px solid #000; border-left:1px solid #2f2f2f; }
#nav a.last { border-left:1px solid #2f2f2f; }
#nav a.active { color:#fff; }
#nav a:hover, #nav a:focus, #nav a:active { color:#444; }

/***** header *****/
#header { position:relative; width:960px; height:380px; background:#222; float:left; }
#header .headlinesmall { position:absolute; top:40px; right:40px; font-family:"BebasNeueRegular"; font-size:40px; font-weight:normal; text-shadow:0 1px 1px #000; line-height:.6; text-align:right; z-index:1000; }
#header .headlinesmall span { font-size:20px; margin-right:9px; }
#header .headlinesmall sup { font-size:20px; vertical-align:super; }
#header .headlinelarge { position:absolute; top:250px; left:40px; font-family:"BebasNeueRegular"; font-size:120px; font-weight:normal; text-shadow:0 1px 1px #000; z-index:1000; }
#header a { color:#fff; }
#pager { position:absolute; width:90px; height:40px; top:485px; right:35px; z-index:100; }
#pager a { width:30px; height:40px; margin:0; text-indent:-99999px; display:block; background:url(../img/buttons/pager.png) 0 -40px; float:left; }
#pager a.activeSlide { color:#fff; background:url(../img/buttons/pager.png) 0 0; }
#pager a:hover { color:#313131; background:url(../img/buttons/pager.png) 0 40px; }

/***** warranty *****/
#warranty { position:relative; width:960px; height:240px; background:#222 url(../img/bgs/warranty.png); float:left; }
#warranty h2 { font-family:"BebasNeueRegular"; font-size:40px; color:#e30613; font-weight:normal; margin-top:40px; text-shadow:0 1px 1px #000; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#warranty h2 span { color:#fff; font-size:60px; }
#warranty p { font-family:"BebasNeueRegular"; font-size:24px; font-weight:normal; text-shadow:0 1px 1px #000; margin-top:20px; }
#warranty p span { color:#e30613; }
#warranty .left { margin-left:40px; }

/***** content *****/
#content { position:relative; width:960px; font-size:12px; line-height:1.8; background:#222 url(../img/bgs/content.png); padding:0 0 60px 0; float:left; }
#content h1 { font-family:"BebasNeueRegular"; font-size:32px; font-weight:normal; margin-top:20px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content h2 { font-family:"BebasNeueRegular"; font-size:32px; font-weight:normal; margin-top:20px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content p { margin-top:20px; margin-bottom:20px; }
#content a { color:#e30613; }
#content a:hover, #content a:focus, #content a:active { color:#444; }
#content ul { margin:20px 40px 20px 13px; }
#content li { list-style-type:disc; color:#777; }
#content .left { margin-left:40px; }
#content .center { margin-left:20px; margin-right:20px; }
#content .right { margin-right:40px; }
#content strong { font-weight:normal; }
#content a.big { display:block; width:280px; height:56px; padding:2px 0; font-family:"BebasNeueRegular"; color:#fff; font-size:32px; text-align:center; text-shadow:0 1px 1px #000; background:url(../img/buttons/big.png); }
#content a.big:hover { background-position:0 60px; text-shadow:0 -2px 1px #000; }

/***** footer *****/
#footer { position:relative; width:960px; height:300px; color:#777; font-size:12px; line-height:1.6; background:#222 url(../img/bgs/footer.png); float:left; }
#footer h3 { font-family:"BebasNeueRegular"; color:#fff; font-size:20px; margin-top:40px; font-weight:normal; }
#footer a { color:#fff; }
#footer a:hover, #footer a:focus, #footer a:active { color:#444; }
#footer a.active { color:#e30613; }
#footer ul { margin:0 10px 20px 10px; }
#footer .left { margin-left:40px; }
#footer .center { margin-left:10px; margin-right:10px; }
#footer .right { margin-left:10px; margin-right:40px; }
#footer .expand { display:block; width:70px; float:left; }
#footer .fb-like { margin:10px 0 0 40px; }

/***** bo *****/
#bo { position:relative; width:960px; height:100px; color:#777; font-size:12px; line-height:1.6; background:#222 url(../img/bgs/bo.png); float:left; }
#bo p { text-align:right; margin:25px 40px 0 0; }
#bo a { color:#fff; }
#bo a:hover, #bo a:focus, #bo a:active { color:#444; }

/***** POPUP *****/
#fadeinbox { position:absolute; width:500px; height:340px; padding:3px; z-index:100; visibility:hidden; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important;}
#close img { position:absolute; top:-10px; right:-10px; }



.hidden {
    display: none !important;
}