#wrap {
    border: 1px solid #CCC;
    padding: 20px;
}

/* Header and navigation */
#header{width: 100%; height: 290px; background: url("/images/top_bg.gif") repeat-x scroll;}

#header #logo{height: 231px; background: url("/images/top_bg.gif") repeat-x scroll;}
#header #logo .left{background: url("/images/top_fire_left.jpg") left top no-repeat; height: 231px;}
#header #logo .right{background: url("/images/top_fire_right.jpg") right top no-repeat; height: 231px;}
#header #logo .l_switcher{margin: 12px 0 0 30px; float: left;}
#header #logo .right .pic{background: url("/images/top_wheel.jpg") right top no-repeat; height: 231px;}
#header #logo .right .pic img{margin: 60px 70px;}

#header #navigation{height: 59px; background: url("/images/menu_bg.gif") repeat-x scroll left top;}
#header #navigation .left{ background: url("/images/menu_left.gif") no-repeat scroll left top; height: 59px;}
#header #navigation .right{ background: url("/images/menu_right.gif") no-repeat scroll right top; height: 59px;}
#header #navigation ul{ width: 100%; }
#header #navigation ul li{  float:left; padding: 10px 0 0; text-align: center; vertical-align: top; width: 11%;}

/* Content */
#container{
	background: #000000 url("/images/bot_asfalt.jpg") repeat-x scroll left bottom;
	width: 100%;
	margin: auto;
	max-width:1200px;
	clear: both;}

#container div.block{ background: #000000 url("/images/block_bg.gif") repeat-x scroll left bottom; border: 1px solid #666666; margin: 0 0 10px;}
#container div.block div.l{ background: url("/images/block_tlc.gif") no-repeat; left: -1px; top: -1px; position: relative; height: 100%;}
#container div.block div.r{background: transparent url("/images/block_trc.gif") no-repeat scroll right top; left: 2px; position: relative; height: 100%;}
#container div.block div.br{background: url("/images/block_brc.gif") no-repeat right bottom; top: 2px; position: relative; height: 100%;}
#container div.block div.bl{background: url("/images/block_blc.gif") no-repeat left bottom; left: -2px; position: relative; height: 100%;}
#container div.block div.inner{padding: 12px; }
#container div.block p{text-align: center;}

#container div.vote {height: 50px; float: right;}
#container div.vote span{display: block; text-align: center; font-size: 10px;}
#container div.vote a{float: left;}
#container div.rating{width: 100px; height: 20px; background: url("/images/rating_stars_blank.gif") no-repeat; float: left; padding: 0;}
#container div.rating div.inner{height: inherit; float: left; position: absolute; background: url("/images/rating_stars_filled.gif") no-repeat; padding: 0;}

#container #goods{float: left; width: 18%; padding: 10px 1%;}

#container #goods ul.catalog li{border-bottom: 1px dashed #333; clear: both; margin-bottom: 10px;}
#container #goods ul.catalog li div.image{float: left; margin-right: 7px;}

#container #content{float: left; width: 60%; padding-top: 10px;}

#container #content #big_teaser{text-align: center; width: 100%; overflow: hidden;}

#container #content p a img{padding: 0 8px;}
#container #content div.news div.item{border-bottom: 1px dashed #333333; clear: both; padding: 15px 0;}
#container #content div.news div.item div.thumb{ float: left; height: 85px; overflow: hidden; width: 85px;}
#container #content div.news div.item div.text{ display: block; margin: 0 0 0 100px;}
#container #content div.news div.item div.date{ color: #666; font-size: 9px; line-height: 12pt; }
#container #content div.news div.item h4{ color: #fff; font-size: 14px; font-weight: bold; padding: 0 0 3px; margin: 0;}
#container #content div.news div.item div.description{font-size: 11px; line-height: 14px;}
#container #content div.news div.item div.link{ background: transparent url(/images/icon_maciklist.gif) no-repeat scroll left center; font-size: 10px; padding: 0 0 0 15px;}

#container #content div.order_by{border-bottom: 1px solid #333; color: #666; font-size: 10px; line-height: 24px; margin: 0 0 20px; padding: 0;}
#container #content div.order_by span.selected{background-color: #333; padding: 7px;}
#container #content ul.stunters li{float: left; background: #222 none repeat scroll 0 0; margin: 0 15px 15px 0; padding: 14px 10px; width: 136px;}
#container #content ul.stunters li:hover{background-color: #333;}
#container #content ul.stunters li a{text-decoration: none; color: inherit; width: 100%; display: block;}
#container #content ul.stunters li a.image{text-align: center;}
#container #content ul.stunters li h4{color: #fff; font-size: 14px; font-weight: bold; padding: 5px 0 3px; margin: 0;}
#container #content ul.stunters li p{margin: 0;}

#container #content div.stunter_info{border-bottom: 1px dashed #333333; clear: both; float: left; width: 100%; padding: 10px 0; margin-bottom: 10px;}
#container #content div.stunter_info div.avatar{float: left; text-align: center; padding-right: 3px;}
#container #content div.stunter_info div.quote{height: 146px; float: left; clear: right;}
#container #content div.stunter_info div.quote div.left{background: url('/images/stunters_quote_left.gif'); width: 55px; height: inherit; float: left;}
#container #content div.stunter_info div.quote div.text{background: url('/images/stunters_quote_center.gif'); height: 126px; float: left; padding: 10px 0;}
#container #content div.stunter_info div.quote div.right{background: url('/images/stunters_quote_right.gif'); width: 39px; height: inherit; float: left;}

#container #content div.stunter_info div.photos{text-align: center; clear: both;}
#container #content div.stunter_info div.photos div.thumb{width: 100px; height: 100px; overflow: hidden; margin: 0 5px; display: inline-block;}
#container #content div.stunter_info #big_photo{height: 500px; text-align: center; margin-bottom: 10px; clear: both;}
#container #content div.stunter_info div.video{text-align: center;}

#container #content ul.articles li{border-bottom: 1px dashed #333333; padding: 10px 0; float: left; width: 100%;}
#container #content ul.articles li a{border-bottom: 1px dotted #CC3300; color: #CC3300; font-size: 16px; margin: 0 0 6px; text-decoration: none; font-weight: bold;}
#container #content ul.articles li a.pic{display: block; float: left; border: none; margin: 0 10px 0 0 ;}
#container #content ul.articles li .active{color: #999; border-bottom: 1px dotted #999}
#container #content ul.articles li span.description{color: #999; font-size: 11px; display: block;}
#container #content ul.articles li ul.items{display: none;}
#container #content ul.articles li ul.items li{list-style: square; list-style-position: inside; border: none;}
#container #content ul.articles li ul.items li a{color: #CC3300; text-decoration: underline; font-size: 10pt; line-height: 14pt; border: none;}


#container #content ul.gallery li{border-bottom: 1px dashed #333333; padding: 10px 0; float: left; width: 100%;}
#container #content ul.gallery li a{border-bottom: 1px dotted #CC3300; color: #CC3300; font-size: 16px; margin: 0 0 6px; text-decoration: none; font-weight: bold; clear: both;}
#container #content ul.gallery li a img{text-decoration: none; float: left; padding: 0 10px;}
#container #content ul.gallery li .active{color: #999; border-bottom: 1px dotted #999}
#container #content ul.gallery li span.description{color: #999; font-size: 11px; display: block;}
#container #content ul.gallery li ul.items{display: none; float: left; width: 60%;}
#container #content ul.gallery li ul.items li{/*list-style: square; list-style-position: inside;*/ border: none;}
#container #content ul.gallery li ul.items li a{color: #CC3300; text-decoration: underline; font-size: 10pt; line-height: 14pt; border: none;}
#container #content ul.gallery li ul.items li a img{margin-top: -7px;}
#container #content div.gallery div.thumb{float: left; padding: 6px; background: #333; margin: 10px;}
#container #content div.gallery div.thumb a{width: 100px; height: 130px; overflow: hidden; display: block;}
#container #content div.gallery div.photo{text-align: center; border-bottom: 1px #333 dashed;}
#container #content div.gallery div.page_navigation{clear: both; text-align: center; height: 32px;}
#container #content div.gallery div.page_navigation a, #container #content div.gallery div.page_navigation span{padding: 5px 10px; background-color: #333; color: #ccc; text-decoration: none; margin: 1px 0 10px 0;}
#container #content div.gallery div.page_navigation span{background-color: #555;}
#container #content div.gallery div.navigation{border-bottom: 1px #333 dashed; margin: 2px auto; float: left; width: 100%; clear: both; text-align: center;}
#container #content div.gallery div.navigation div.prev, #container #content div.gallery div.navigation div.next{width: 80; height: 53px; overflow: hidden;}
#container #content div.gallery div.navigation div.prev, #container #content div.gallery div.navigation div.index{float: left; width: 33%;}
#container #content div.gallery div.navigation div.next{float: right; width: 33%;}
#container #content div.gallery div.navigation div.next a{background: #222222 url(/images/gal_switch_arrow_right.gif) no-repeat scroll 65px center;}
#container #content div.gallery div.navigation div.index{text-align: center;}

#container #content div.video{text-align: center;}
#container #content div.video ul.title{clear: both; border-bottom: solid 1px #333; float: left; margin: 7px; width: 100%;}
#container #content div.video ul.title li{float: left; height: 21px; padding: 7px;}
#container #content div.video ul.title li a{border-bottom: 1px dotted #666666; color: #666666; margin: 7px; text-decoration: none;}
#container #content div.video ul.title li.active{background: #333333 none repeat scroll 0 0; font-weight: bold; color: #333; padding: 7px; }
#container #content div.video ul.title li.active a{border: none;}
#container #content div.video ul.items li{border-bottom: 1px dashed #333; float: left; width: 100%; margin-bottom: 5px;}
#container #content div.video ul.items li h3{margin: 0; color: #fff;}
#container #content div.video ul.items li a.pic{float: left; padding: 0 15px 0 0;}
#container #content div.video ul.items li img.hover{background: url("/images/cms/data/video/video_overflow.png") center no-repeat; float: left; width: 123px; height: 100px; position: absolute;}
#container #content div.video ul.items li span.view_count{color: #666; font-size: 10px; line-height: 12px;}
#container #content div.video ul.items{display: none; text-align: left;}
#container #content div.video #russian{display: block;}
#container #content div.video div.video_block{text-align: left; margin: 15px auto; border-top: 1px dashed #333333; float: center; width: 425px; padding: 10px 1px 0 0;}
#container #content div.video ul.related{float: left; width: 50%; font-size: 11px; line-height: 13px;}
#container #content div.video ul.related li{clear: both; margin: 5px 0; float: left; width: 100%;}
#container #content div.video ul.related li img{float: left; margin: 0 10px; }
#container #content div.video ul.related li h6{color: #fff; margin: 0;}


#container #teasers{float: left; width: 18%; padding: 10px 1%; clear: rigth;}
#container #teasers input.image{margin: -4px 0 ;}


/* Footer */

#footer{ background: #181818 url("/images/bot_line.gif") center top repeat-x; height: 80px; padding: 40px; width: auto; clear: both;}
#footer div.copyright{ color: #999; float: left; font-size: 10px; width: 20%;}
#footer span.note{ color: #444;}
#footer div.banner{float: left; text-align: center; width: 59%;}