/*
	spoiler factory style sheet

*/

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, caption, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { background: #fff; font:1.2em Helvetica,Arial,sans-serif; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { font-family: "open sans",Helvetica,Arial,sans-serif; }

/* Typography */

body { font-size: 0.85em; color: #4f4f4f; background:#efefef; font-weight: 300; font-family: "open sans",Helvetica,Arial,sans-serif; line-height: 1.7em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #999; }
h1, h2 { font-family: "open sans",Helvetica,Arial,sans-serif; }
h1 { font-size:2.5em; line-height: 1em; margin-bottom:0.5em; text-align: center; }
h2 { font-size:2.5em; margin-bottom: 0.75em; line-height: normal; }
h3 { font-size:1.5em; line-height: 1.5em; margin-bottom: 1em; }
h4 { font-size:1.2em; line-height: 1.25em; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size:1em; margin-bottom:1.5em; }
h6 { font-size:1em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p { margin:0 0 1.5em; }
a:focus { outline: none; }
a:focus, a:hover { color: #000; }
a { color: #01488d; text-decoration: underline; }
blockquote { margin: 1.5em; color:#666; font-family: Georgia,Times,serif; font-style: italic; }
strong {font-weight: 800; font-family: "open sans",Helvetica,Arial,sans-serif; }
em, dfn { font-family: Georgia,Times,serif; font-style: italic; }
dfn { font-weight: 700; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
abbr[title="et"] { border: 0; }
address { margin:0 0 1.5em; }
del { color: #666; }
pre, code { margin:1.5em 0; white-space: pre; }
pre, code, tt { font: 1em "lucida console",monospace; line-height: 1.5; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight: 700; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width:100%; }
th {font-weight: 800; background: #ccc; }
th, td { padding:4px 10px 4px 5px; }
tr.alt td { background: #eee; }
tfoot { font-family: Georgia,Times,serif; font-style: italic; }
caption { background: #eee; }

/*  Menu CSS   */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#menu {margin: 0; padding:0; list-style:none; background:url(./images/back.gif); text-align:center; font-size:15px; font-family: "open sans", arial, sans-serif; height:41px; width:1120px; position:absolute; left:50px; top:2px;}
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:240px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(./images/button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
ul#menu li a.sub {background:url(./images/button-arrow.gif) right top;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(./images/button.gif) left top; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#fff;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:195px; top:41px;}
* html ul#menu :hover ul {top:36px;}

ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:185px; background:#ddd; color:#000;}
ul#menu :hover ul li a.fly {background:#ddd url(./images/arrow.gif) no-repeat right center;}
ul#menu :hover ul li a:hover {background:#c60; color:#fff;}
ul#menu :hover ul li:hover > a {background:#c60; color:#fff;}

ul#menu :hover ul li a.fly:hover {background:#c60 url(./images/arrow-over.gif) no-repeat right center;}
ul#menu :hover ul li:hover > a.fly {background:#c60 url(./images/arrow-over.gif) no-repeat right center;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:240px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}





/* Structure */
body {background: #efefef url('./images/sf-page-background.jpg') fixed }

/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:350px;
	width: 1220px;
	margin: 1px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #faf2e5;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#masthead {
	border: 1px solid #fff;
	border-width: 1px 0;
	display: block;
	position: relative;
	width: 1220px;
	margin: 1px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #faf2e5;
	text-align: left;
}

/* Page specific */


#homepage-body {

width: 300px;
margin: 90px 50px 0 ;
float: left;
}
#homepage-body H2 {
color: #ff9507;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 0.5em;}

#homepage-news {
background-color: #f7d6bb;
width: 250px;
margin: 90px 50px 0 0 ;
padding: 15px;
float: right;}
#homepage-news p {

margin-bottom: .7em;}
#homepage-news H2 {
color: #ff9507;
margin-bottom: 0em;}
#homepage-news H3 {
font-weight: 800;
letter-spacing: 0.2em;
color: #01488d;
text-align: center;
margin-bottom: 0em;
}

.truck-body {

width: 300px;
margin: 90px 50px 0 ;
float: left;
}
.truck-body H2 {
color: #ff9507;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 0.5em;}

.truck-news {
background-color: #f7d6bb;
width: 250px;
margin: 90px 50px 0 0 ;
padding: 15px;
float: right;}
.truck-news p {

margin-bottom: .7em;}
.truck-news H2 {
color: #ff9507;
margin-bottom: 0em;}
.truck-news H3 {
font-weight: 800;
letter-spacing: 0.2em;
color: #01488d;
text-align: center;
margin-bottom: 0em;
}
.price-block{
border-style: solid;
border-width: 2px;
border-color: #01488a;
margin: 1em;


}
.spoiler-name {
font-weight: 800;
font-size: 2em;
color: #01488a;
margin-top: 2em;
margin: 20px 50px 0 ;
clear: both;
}
.spoiler-info {
width: 750px;
margin: 20px 50px 0 ;
}
.spoiler-price {
background-color: #f7d6bb;
font-weight: 600;
color:#01488a;
width: 150px;
margin: -25px 0px -25px 980px;
padding: 15px;
}




#contact-news {
background-color: #f7d6bb;
width: 250px;
margin: 90px 50px 0 0 ;
padding: 15px;
float: right;
}
#contact-news p {
font-size: 1.2em;
margin-bottom: .7em;}
#contact-news H2 {
color: #ff9507;
margin-bottom: 0em;}
#contact-news H3 {
font-weight: 800;
letter-spacing: 0.1em;
color: #01488d;
text-align: center;
margin-bottom: 0em;
}

#faq-body{
width: 600px;
margin: 90px 50px 0 ;
float: left;
}
.faq-question {
font-size: 1.2em;
font-weight: 800;
padding: .8em 0 0 0;
margin: 0;
color: #01488d;
}
.faq-answer {
font-size: 1.1em;
margin: 0;
margin-left: 1.4em;
margin-top: 0.1em;
padding: 0;
}

#faq-body H2 {
color: #ff9507;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 0.5em;}

#about-body{
width: 320px;
margin: 90px 50px 0 ;
float: left;
}
#about-body H2 {
color: #ff9507;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 0.5em;}



#footer {
text-align: center;
padding: 10px;
clear: both;
}