* {margin: 0; padding: 0;}

body {
	font: 12px Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #3D3D3D;
	text-align: center;
	color: #3d3d3d;
}
a:link, a:visited, a:active, a:hover {color: #056020; text-decoration: underline;}
a:hover { color: #810e0e;}

img {border: none;}
select, input{vertical-align: middle;}
ul li{list-style: none;}
.clear{ clear: both;}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #232323 url(images/cont_bg.gif) repeat-y;
	text-align: left;
}
#wrapper .wpadd{ padding: 0 5px; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 120px;
	background: url(images/header_bg.jpg) no-repeat left top;
	color: #fff;
	text-align: right;
	overflow: hidden;
}
#header .book{ width: 709px; float: left; }
#header .book .padd{ padding: 93px 0 0; }
#header .hta{ width: 235px; float: right; text-align: left; }
#header .hta p{ padding: 6px 0 0; }

/* Middle
-----------------------------------------------------------------------------*/
#content {
}
.wide_title{ width: 100%; height: 39px; background: #CEB067 url(images/title_bg.jpg) no-repeat; line-height: 39px; overflow: hidden; }
.wide_title h1{ font-size: 30px; color: #6e1e2c; font-weight: 400; padding: 0 20px; }

.thumbs{ width: 100%; text-align: center; }
.thumbs img{ background: #232323 url(images/thumb_bg.png) no-repeat center; width:175px; height:215px;}
.thumbs a img{ border: 1px solid #0E4C21; }
.thumbs a:hover img{ border: 1px solid #810E0E; }

.col2_block{ width: 100%; background: #BCBAA4 url(images/2col_top.png) no-repeat top; }
.col2_block .padd{ padding: 45px 10px 20px; background: url(images/2col_bttm.jpg) no-repeat bottom; }
.col2_block ul{ width: 49%; float: left; font-weight: 700; font-size: 14px; }
.col2_block ul li{ padding: 5px 0 5px 25px; background: url(images/bullet_lul.gif) no-repeat left 4px; }

.tmb_block{ width: 100%; background: #BCBAA4 url(images/tmb_block_top.png) no-repeat top; font-size: 14px; }
.tmb_block h2{ font-size: 20px; color: #056020; text-decoration: underline; }
.tmb_block .padd{ padding: 45px 10px 20px; }
.tmb_block img{ float: left; padding: 0 10px 0 5px;}
.join{ width: 100%; height: 38px; line-height: 38px; background: #fff url(images/join_bttn_bg.png) no-repeat; text-align: center; }
.join h2{ font-size: 20px; color: #ff0505; }
.join a:link, .join a:visited, .join a:active, .join a:hover {color: #ff0505; text-decoration: underline; display: block;}
.join a:hover { color: #280606; }

.top_list_block{ width: 100%; background: #BCBAA4 url(images/2col_bttm.jpg) no-repeat bottom; font-size: 14px; color: #056020; font-weight: 700; }
.top_list_block .padd{ padding: 0 0 20px; }
.top_list_block ul{ width: 237px; float: left; padding: 5px 0 0; margin: 0; }
.top_list_block ul li{ padding: 2px 5px 2px 10px; }

/*block thumb s dvd ikonkami*/
.thumb2_block{ width: 100%; background: #1C1C1C url(images/bord_bg.gif) repeat-x top; font-size: 14px; margin: 10px 0; }/*zadayem shirinu blocka, i background, a tak zhe verhnii uzor*/
.thumb2_block .padd{ width: 100%; background: url(images/bord_bg.gif) repeat-x bottom; padding: 15px 0; }/*zadayem nizhnii uzor, i vnutrennii otstup*/
.thumb2_block ul{ text-align: center; }/*tsentruem elementi v spiske*/
.thumb2_block ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative; z-index: 99; *margin: 0 2px 0 1px; width: 160px;}/* width: 160px; - eto shirina elementa , ostal'noe v etoi stroke ne trogat'!!!*/
.thumb2_block img{ display: block; background: #1C1C1C; margin: 0 auto; }/*zadaem svoistva imadgei, back, viravnivanie po seredine elementa spiska*/
.thumb2_block a img{border: 1px solid #0E4C21; }/*zadaem border imadgu*/
.thumb2_block a:hover img{border: 1px solid #810E0E; }/*zadaem border imadgu pri hover*/
.thumb2_block .descr{ display: block; line-height: 20px; }/*visota opisania*/
.thumb2_block .descr a{ background: url(images/ico_dvd.png) no-repeat left 0; padding: 0 0 0 20px; }/*zadaem back dlya opisania (ico_dvd.gif), i sdvigaem vpravo opisanie, chob ne napolzalo na ikonku*/
/*stili dlya textovih ssilok berutsa global'nie*/
/* okonchanie blocka thumb s dvd ikonkami*/

.text_block{ width: 100%; background: #BCBAA4 url(images/text_block_top.png) no-repeat top; color: #056020; font-weight: 700; }
.text_block .padd{ padding: 20px 10px 20px; background: url(images/text_block_bttm.png) no-repeat bottom; }
/* Footer
-----------------------------------------------------------------------------*/
#footer { height: 176px; text-align: center; color: #5f5f5f; }
.footer_bar{ width: 100%; height: 83px; overflow: hidden; background: url(images/footer_bg.png) no-repeat; font-size: 18px; color: #fff; text-align: left; }
.footer_bar img{ float: right; }
.footer_bar .padd{ width: 725px; padding: 23px 0 0 25px; float: left; }
#footer p{ padding: .4em 0; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color: #5f5f5f; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
