body { background: #131313 url(images/site_bg.jpg) repeat-x fixed top; margin: 0px; padding: 0px; }
object { outline: none; }
.clearboth { clear: both; }



/* Head */
#head { clear: both; height: 60px; margin: 24px auto 24px auto; width: 970px; }
#head #logo { float: left; margin: 0px 0px 0px 20px; }
#head #facebook { float: left; margin: 0px 0px 0px 30px; }
#head #TopText { color: #ffe300; float: right; margin: 24px 10px 0px 0px; font: bold 10px Verdana; text-transform: uppercase; }


/* Infobar */
#infobar { background-color: #000000; border: solid 1px #262626; clear: both; color: #ffe300; font: bold 10px Verdana; margin: 0px auto 0px auto; padding: 12px 0px; text-align: center; text-transform: uppercase; width: 970px; }



/* Menu */
#menu { background-color: #000000; border: solid 1px #262626; clear: both; color: #ffffff; font: bold 10px/32px Verdana; height: 32px; margin: 0px auto 0px auto; padding: 0px; text-align: right; text-transform: uppercase; width: 970px; }
#menu ul { list-style-type: none; margin: 0px auto; padding: 0px; width: 970px; }
#menu ul.dropdown { padding-left: 15px; }
#menu li { float: left; margin: 0px 7px; text-align: center; width: auto; }
#menu li.divider { color: #a1a1a1; margin: 0px; padding: 0px; text-align: center; width: 5px; }
#menu a { color: #ffffff; text-decoration: none; }
#menu a:hover { color: #ffe300; }
#menu a.selected { color: #ffe300; }
#menu ul ul { background: #000; display: none; padding: 0px 12px 12px 12px; position: absolute; visibility: hidden; width: 180px; z-index: 999; }
#menu ul ul li { clear: both; line-height: 17px;; margin: 0px; padding: 0px; text-align: left; }



/* CONTENT */
#content { margin: 0px auto; width: 970px; }
.col2 { background: url(images/right_bg.jpg) repeat-y right; }
#content #contentLeft { background-color: #f7f7f7; color: #333333; float: left; font: 13px Arial; padding: 25px; text-align: justify; width: 666px; }
#content #contentLeft h1 { color: #333333; font: bold 24px Arial; text-transform: uppercase; }
#content #contentLeft p { line-height: 1.5em; }
#content #contentLeft p img { border: solid 1px #444444; }
#content #contentRight { float: left; width: 254px; }
#content #contentRight h3 { font: bold 14px Arial; margin: 30px 0px 0px 20px; }
#content #contentRight ul { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 20px; }
#content #contentRight li { font: 13px/18px Arial; list-style: none; margin: 0px 22px 0px 0px; border-bottom: dotted 1px #000000; padding: 3px 0px; }
#content #contentRight li span { color: red; }
#content #contentRight li a { color: black; font: 12px Arial; text-decoration: none; }
#content #contentRight li a:hover { text-decoration: underline; }

/* News */
#content div.news { border: solid 1px #e7e7e7; margin-bottom: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content div.news div.head { background-color: #ffffff; border-bottom: solid 1px #edda13; border-left: solid 2px #ffffff; border-right: solid 2px #ffffff; color: #333333; height: 30px; padding: 0px 12px; text-transform: uppercase; }
#content div.news h2 { display: block; float: left; font: bold 14px/30px Arial; margin: 0px; padding: 0px; width: 510px; }
#content div.news h2 a { color: #000000; text-decoration: none; }
#content div.news h2 a:hover { color: orange; }
#content div.news .head .date { color: #b2b2b2; display: block; float: right; font: 11px/30px Arial; text-align: right; width: 70px; }
#content div.news .body { background-color: #f3f3f3; font: 12px/20px Arial; padding: 12px; }
#content div.news .body p { margin: 0px; }
#content div.news .body .picture { float: left; width: 134px; }
#content div.news .body .picture img { border: solid 1px #d1d1d1; margin-bottom: 12px; }



/* Photo gallery */
#content div.photogallery { }
#content div.photogallery .description { margin: 20px 0px 0px 0px; }
#content div.photogallery .thumb { border: none; margin: 10px 0px 10px 0px; padding: 10px; }
#content div.photogallery .thumb .picture { border: solid 1px #414141; cursor: pointer; display: block; float: left; height: 100px; overflow: hidden; width: 100px; }
#content div.photogallery .thumb .title { float: left; font: bold 14px Arial; margin: 0px 0px 8px 15px; width: 460px; }
#content div.photogallery .thumb .title a { color: #000; text-decoration: none; }
#content div.photogallery .thumb .title a:hover { color: orange; }
#content div.photogallery .thumb .description { color: #313131; float: left; font: 12px/20px Arial; margin: 0px 0px 0px 15px; width: 460px; }
#content div.photogallery .back { }
#content div.photogallery .back a { color: #000000; font: bold 14px Arial; text-decoration: none; }
#content div.photogallery .back a:hover { color: orange; }



/* Footbox */
#footBox { clear: both; margin-top: 14px;  width: 970px; }
#footBox h3 { color: #ffffff; font: bold 11px Verdana; margin: 17px 0px 15px 15px; text-transform: uppercase; }

#footBox #footBox1 { background-color: #101010; float: left; padding-bottom: 12px; width: 640px; }
#footBox #footBox1 div.news { background: #000000; border: dotted 1px #000000; margin: 8px; padding: 12px; }
#footBox #footBox1 div.newsOver { background: #000000; border: dotted 1px #3d3d3d; cursor: pointer; margin: 8px; padding: 12px; }
#footBox #footBox1 .picture { border: soli 1px #515151; float: left; margin-right: 15px; width: 75px; }
#footBox #footBox1 .title { color: #ffe300; float: left; font: 11px Verdana; }
#footBox #footBox1 .intro { color: #ffffff; float: left; font: 11px/17px Verdana; margin-top: 6px; width: 500px; }
#footBox #footBox1 .date { color: #4e4e4e; float: right; font: 9px Verdana; }

#footBox #footBox2 { background-color: #101010; float: right; height: 205px; width: 300px; }
#footBox #footBox2 .picture { float: left; margin: 0px 0px 0px 20px; width: 64px; }
#footBox #footBox2 .car { color: #ffffff; float: left; font-family: Verdana; font-size: 12px; font-weight: bold; line-height: 20px; margin-left: 14px; width: 180px; }
#footBox #footBox2 .performance { color: #ffffff; float: left; font-family: Verdana; font-size: 10px; line-height: 16px; margin-left: 14px; }
#footBox #footBox2 .price { clear: both; color: #FFE300; float: left; font-family: Verdana; font-size: 11px; margin: 12px 0px 0px 20px; text-align: center; width: 260px; }
#footBox #footBox2 .text { clear: both; color: #FFE300; float: left; font-family: Verdana; font-size: 11px; margin: 8px 0px 0px 20px; text-align: center; width: 260px; }

#footBox #footBox3 { background-color: #101010; float: right; margin-top: 28px; width: 300px; }
#footBox #footBox3 img { margin: 0px 20px 20px 20px; }


#footer { color: #f1f1f1; font: 11px Verdana; margin: 20px auto 20px auto; text-align: center; width: 970px; }
#footer a { color: #e1e1e1; text-decoration: none; }
#footer a:hover { color: #ffe300; }
