* { margin: 0; padding: 0 }
body { background: #4d1512 url(../i/main_bg.jpg) center top no-repeat; font: normal 14px/16px "Tahoma" }
a img { border: 0 none }
a { color: #d5025f; outline: none }
a:hover { text-decoration: none }

h1 { font: normal 24px/28px "Trebuchet MS"; color: #005826; padding: 0 0 12px }

.main-site-box { margin: 0 auto; padding: 20px 0 0 0; width: 972px  }
.site_logo { margin: 0 0 -24px 0; padding: 0 0 0 18px }
.descr_title { height: 48px; background: url(../i/descr_title.gif) right bottom no-repeat; margin: 0 10px 6px 0 }

.top_side_holder { border-top: 5px solid #c3c8c2; border-bottom: 1px solid #c3c8c2; padding: 2px 0 3px 0; position: relative; width: 916px; overflow:hidden }
.top_side_holder div.menu-box { width: 100%; height: 42px; background: url(../i/menu-bg.png) left top repeat-x; position: absolute; left: 0; bottom: 3px }
div.menu-box ul { height: 42px }
div.menu-box li { float: left; list-style: none }
div.menu-box a { font: bold 20px/42px "Corbel"; color: #434343; padding: 0 24px; text-decoration: none; display: block }
div.menu-box a:hover { /*background: url(../i/menu_item-bg.png) left top repeat-x*/ color: #fff }
div.menu-box li.active { background: url(../i/menu_item-bg.png) left top repeat-x }
div.menu-box li.active a { color: #901a1c }

.breadcrumbs { padding: 8px 0 0 26px; font: normal 12px "Trebuchet MS" }

.info_box { padding: 8px 0 0 0; border-top: 1px solid #c3c8c2; margin: 10px 0 0 0; height: 100%; min-height: 300px }

.left_col { width: 245px; float: left }
.main_col { margin: 0 0 0 275px; padding: 0 30px 40px 0 }
.main_col.large { margin: 0; padding: 0 30px 40px 26px; display: table; height: 100% }

.main_col div.content_side ul { margin: 0 0 0 35px }


.left_col h3.title_box { height: 50px; font: normal 19px/50px "Corbel"; text-align: center; color: #fff; background: url(../i/title_box-bg.png) left top repeat-x; text-transform: uppercase }
.left_col div.box { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background: #f4f4f4; position: relative; padding: 5px 7px 8px 84px }
.left_col div.box strong.date { display: block; margin: 0 0 0 -77px; font: normal 14px "Trebuchet MS"; color: #434343 }
.left_col div.box img { width: 70px; height: 70px; position: absolute; left: 7px; _left: -75px; top: 25px }
.left_col div.box a { color: #005826; text-decoration: none; font: normal 16px/16px "Trebuchet MS" }
.left_col div.box a:hover { text-decoration: underline }
.left_col div.box p.box_description { padding: 6px 0 0 0; color: #333; font: normal 12px/16px "Tahoma" }


.main_col div.box { 
	border-bottom: 1px solid #ccc; border-top: 1px solid #fff; 
	background: #fafafa; 
	position: relative; 
	padding: 10px 10px 10px 145px; 
	min-height: 150px; height: 150px
	}
.main_col div.box strong.date { display: block; margin: 0 0 0 -130px; font: normal 14px "Trebuchet MS"; color: #434343 }
.main_col div.box img { width: 120px; height: 120px; position: absolute; left: 15px; _left: 15px; top: 29px }
.main_col div.box a { color: #000; font: normal 16px/16px "Trebuchet MS" }
.main_col div.box p.box_description { padding: 10px 0 0 0 }

/* main col font styles */
.main_col { color: #333 }
.main_col p { padding-bottom: 8px }

.main_col.large div.main_col_content { width: 860px }
.main_col_content ul { margin-left: 35px }


/* SHAPE */
.shape { position: relative; height: 100% }
.shape_bg_top { background: url(../i/main_side_box-bg.png) left top no-repeat }
.shape_bg_bottom { background: url(../i/main_side_box-bg.png) left bottom no-repeat; position: relative; top: 26px }
.shape_content { padding: 0 28px 26px 28px; display: table }

.footer { font: normal 11px "Tahoma"; padding: 10px 0 20px 0; margin: 40px 26px 0; border-top: 1px solid #d4d4d2; text-align: right }
.footer p { color: #999 }
.footer li { list-style: none; display: inline }


/* all blocks */
.productions { padding: 20px 0 0 0; clear: both }

.productions_cat { 
	width: 120px; height: 170px;
	overflow: hidden; 
	text-align: center; 
	display: inline-block; //display: inline; //zoom: 1;
	vertical-align: top; 
	margin: 0 40px 30px 11px;  padding: 5px 5px 0 5px;
	background: #fafafa;
	border-bottom: 1px solid #005826
	}
.productions_cat a { font: normal 16px/18px "Trebuchet MS"; text-decoration: none; color: #005826 }
.productions_cat a:hover { color: #005826 }
.productions_cat img { width: 120px; height: 120px; margin: 0 0 6px 0; border-bottom: 1px solid #999 }

.productions_items { 
	width: 200px;
	overflow: hidden; 
	display: inline-block; //display: inline; //zoom: 1;
	vertical-align: top; 
	text-align: left;
	border-bottom: 1px solid #ccc; border-top: 1px solid #fff;
	background: #fafafa;
	position: relative; 
	padding: 10px 10px 10px 145px; margin: 10px 37px 0;
	min-height: 126px;
	}
.productions_items img { width: 120px; height: 120px; position: absolute; left: 15px; top: 12px }
.productions_items span { color: #000; font: normal 16px/18px "Trebuchet MS"; text-decoration: none }
.productions_items a:hover { color: #666 }
.productions_items p.box_description { padding: 10px 0 0 0; font-size: 12px !important }

.sub_cat { width: 200px; padding: 5px 0 0 0 }
.sub_cat span { font: normal 12px/16px "Tahoma" }


/* feedback form */
.feedback_form { width: 562px; display: none; margin: -15px 0 15px 0 }
.feedback_form p { 
	background: #fafafa; 
	border-bottom: 1px solid #ccc; border-top: 1px solid #fff; 
	padding: 8px 12px
	}
.feedback_form p * { vertical-align: top }
.feedback_form input.name_inp, 
.feedback_form input.email_inp, 
.feedback_form input.vericode_inp, 
.feedback_form input.submit_inp { padding: 2px 4px; width: 290px }
.feedback_form input.submit_inp { width: auto }
 .feedback_form select { padding: 2px 4px }
 
.feedback_form input.vericode_inp { width: 130px; margin: 0 0 0 10px }

.feedback_form p.valid_message { border: none; background: #fff }
.feedback_form textarea { width: 300px; height: 100px; margin: 3px 0 0 0 }
.feedback_form label { width: 200px; display: inline-block; margin: 0 30px 0 0 }
.feedback_form label span { font-size: 12px }
.feedback_form img { border: 1px solid #999 }

.errors { padding: 0 12px 12px; color: red; background: #fcfcfc }
.errors strong { display: block; background: #e20101; border-bottom: 1px solid #d00000; color: #fff; padding: 8px 12px; margin: 0 0 0 -12px; width: 538px }

.phone_info { float: left }
.phone_info li { font: normal 14px "Trebuchet MS"; color: #fff; margin: 0 40px 0 0  }
.phone_info span { font-weight: bold }


.js_get { color: #3399ff; font: normal 16px "Trebuchet MS"; border-bottom: 1px dashed #3399ff; display: inline-block; cursor: pointer; margin: 0 0 15px 0; position: relative; z-index: 2000 }