@charset "UTF-8";

* { margin: 0; padding: 0; line-height: 1; outline: none }

body { background: #323232 url(../images/bg.png) repeat; font-family: Arial }

h1 { background-color: #BBBBBB; padding: 50px 0 0 50px; line-height: 70%; text-transform: uppercase; color: #FFFFFF }
h2 { font-size: 22px; margin-bottom: 20px; font-weight: normal; line-height: 150% }

p { margin: 20px 0; line-height: 150%; color: #333333 }
a { color: blue }
img { outline: none; border: 0 }
.container { width: 1000px; margin: 0 auto  }

.header { padding: 60px 10px 0 10px; background-image: url(../images/black-trans-30.png); border-bottom: 10px solid #DD0B00 }

.header .logo { float: left; font-size: 0 }

.header ul { list-style-type: none; float: left; width: 320px;   }
.header ul li { float: left }
.header ul li a { font-size: 16px; font-weight: bold; display: block; font-size: 18px; text-transform: 
uppercase; color: #FFFFFF; display: block; padding: 44px 5px 0; text-decoration: none }
.header ul.left li a { padding-left: 20px; padding-right: 20px; }
.header ul.right li a { padding-left: 13px; padding-right: 13px; }
.header ul li a.active { color: #DD0B00 }
.header ul li a:hover { color: #DD0B00 }
#home-slide { font-size: 0px }

#fact-strip { background-color: #DD0B00; color: #FFFFFF; text-align: center; line-height: 150%; font-size: 27px; padding: 30px 75px; }
#fact-strip p { margin: 0; color: #FFFFFF; padding: 0}
#fact-strip > div { margin-top: 10px }

#home-content { color: #444444; font-size: 20px; background-color: #FFFFFF; padding: 20px; text-align: center; font-weight: bold }

#interior-content { background-color: #FFFFFF; padding: 50px}


#footer { color: #FFFFFF; text-align: center; font-size: 12px; padding: 20px }

.btn { background-color: #8C0000; color: #FFFFFF; padding: 8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 0; font-size: 14px; text-decoration: none }


#facts { list-style-type: none }
#facts > div { background-color: #BBBBBB; margin: 35px 0;  color: #FFFFFF; font-size: 18px; line-height: 130%; clear: both; margin-right: 100px }
#facts > div p { padding: 20px; line-height: 150%; margin: 0 }

#facts div span { display: block; background-color: #888888; padding: 25px; font-size: 50px; color: #FFFFFF; float: left; margin-right: 20px; font-weight: bold }
#facts div.r { margin-right: 0px; margin-left: 100px }
#facts div.r span { float: right; margin-right: 0 }

#photos img { margin: 22px }

#package div { float: left; width: 250px; height: 250px; text-align: center; margin: 25px; text-transform: uppercase; color: #888888; font-size: 17px }
#package div img { text-align: center; margin: 0 auto; display: block }
#package div b { display: block; margin-top: 10px; color: #DD0B00; font-size: 40px }

#price { text-align: center; width: 400px; margin: 50px auto 0; font-size: 35px; font-weight: bold; color: #DD0B00; height: 170px; background: #FFFFFF url(../images/best-price.jpg ) no-repeat; padding: 30px 0 0 80px}
#price a {  margin-top: 30px }
#price .btn { background-color: #DD0B00; padding: 20px }

#press div { margin: 20px 0; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px; line-height: 150% }
#press div img { float: right }


.form-field { margin: 10px 0 }
.form-field label { display: block; padding: 5px 0 }
.form-field .field { width: 500px; border: 1px solid #BBBBBB; font-size: 15px; padding: 10px }

.clr { clear: both }