@charset "utf-8";

/* -----------------------------------
Free HTML/CSS Web Template
Designed by ModBlackmoon 2012.
http://modblackmoon.narod.ru/
-----------------------------------*/

* {margin: 0; padding: 0 }

body {font-family: Verdana, Geneva, Helvetica, Arial sans-serif;
	font-size: 16px; color: #180c03; background-color: #1a1c1a;
	background-image:url('images/mb_bgr_main.jpg'); }
	
p { padding: 11px 22px; text-align: justify; text-indent: 22px; line-height: 20px; }
hr {width: 0; height: 0; clear: both; visibility: hidden;}	
img {
	margin: 16px 22px;
	float: left;
	box-shadow: 1px 0 6px #000;
	box-shadow: 1px 0 6px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 0 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 0 6px rgba(0,0,0,.5);
}

h1 { font-size: 20px; font-weight: bold; 
	text-transform: capitalize; color: #b8a385;
	margin: 9px 22px; clear: both;
	display: block; 
	text-shadow: 1px 1px 4px rgba(0,0,0,.5); }
	h1 + p {text-indent: 0;}
	
a:link, a:visited {color: #b8a385; font-weight: bold; text-decoration: none;
	-webkit-transition: color .3s; -moz-transition: color .3s;
	-o-transition: color .3s; -ms-transition: color .3s; transition: color .3s;}
a:hover, a:active, a:focus {color: #dacaae; font-weight: bold; text-shadow: 0 0 4px rgba(218,202,174,.5); }

#wrapper { width: 980px; margin: 50px auto 30px auto;
background-image:url('images/mb_bgr_wrap.png');
	box-shadow: 2px 2px 14px #000; 
	box-shadow: 2px 2px 14px rgba(0,0,0,.6); 
	-moz-box-shadow: 2px 2px 14px rgba(0,0,0,.6); 
	-webkit-box-shadow: 2px 2px 14px rgba(0,0,0,.6); }
 
#header {width: 980px; height: 135px; float: left;
background-image:url('images/mb_header.png'); position: relative; }
#title { width: 470px; height: 45px; padding-top: 35px; margin: 0 auto; text-align: center; }
#title a { font-family: Tahoma, Verdana, Geneva, Arial sans-serif;
font-size: 51px; font-weight: bold; text-transform: uppercase; 
line-height: 51px; color: #000; display: block;
text-shadow: 2px 2px 5px rgba(229,220,198,.7);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6; opacity: 0.6;}
	#title a:hover {color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,1.0); 
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1);
	transform: scale(1.1); -o-transform: scale(1.1);
	-webkit-transition-duration: .6s; transition-duration: .6s; 
	-moz-transition-duration: .6s; -o-transition-duration: .6s; }
#title	 h3 {margin-top: -5px; clear: both; font-size: 17px; line-height: 17px; font-weight: bold; text-transform: uppercase; text-align: center;
display: block; color: #f5f4f2; text-shadow: 2px 2px 5px rgba(0,0,0,.9);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6; opacity: 0.6; }

#wrap_content {width: 980px; float: left; 
background-image:url('images/mb_bgr_cont.png'); }

#content {width: 602px; float: left; }
#content p a {font-weight: normal;}

.sidebar {width: 189px; float: left; margin-top: -67px; }
.panel_wrapper {width: 189px; float: left;}
.panel_left_head {width: 189px; height: 57px; float: left; 
background-image:url('images/mb_panel_l_top.png'); }
.panel_left_head p, .panel_right_head p { width: 170px; padding: 0; margin: 26px 0 0 0px;
font-size: 17px; font-weight: bold; font-variant: small-caps;
text-align: center; text-shadow: 1px 1px 4px rgba(199,183,160,.6);}
.panel_left_content {width: 153px; float: left; margin-left: 2px;
background-image:url('images/mb_panel_l_body.png'); padding: 17px;}
.panel_left_content li, .panel_right_content li {color: #7e6247;
list-style: none; margin-left: 15px;}
.panel_left_content li a, .panel_right_content li a {color: #7e6247;
font-variant:small-caps; line-height: 21px; font-weight: bold;}
.panel_left_content li a:hover, .panel_right_content li a:hover {color: #b8a385;
 font-weight: bold;}
.panel_left_bottom {width: 187px; height: 61px; float: left; margin-left: 2px;
background-image:url('images/mb_panel_l_bot.png');}

.panel_right_head {width: 189px; height: 57px; float: right; 
background-image:url('images/mb_panel_r_top.png');}
.panel_right_content {width: 187px; float: left; 
background-image:url('images/mb_panel_r_body.png'); padding-top: 3px; }
.panel_right_content p {color: #84664d;
font-size: 12px; text-align: left; text-indent: 0; }
.panel_right_bottom {width: 187px; height: 61px; float: left; 
background-image:url('images/mb_panel_r_bot.png');}
	
#menu_panel { position: absolute; right: 22px; top: 10px; list-style: none;}
#menu_panel li {float: left; display: inline; padding: 0 6px;}
#menu_panel li a { font-size: 14px; font-weight: normal; 
	text-decoration: none; float: left; display: block; line-height: 14px;
	color: #fff; text-shadow: 0 0 4px rgba(255,255,255,.7);}
#menu_panel li a:hover {color: #3d2310; text-shadow: 1px 0 4px rgba(137,137,137,.7);  }
 
#footer { width: 980px; height: 72px; clear:both; position: relative;
	background-image:url('images/mb_footer2.png'); }
		#footer p { font-size: 12px; text-align: center; padding-top: 42px;}
		#footer a {font-weight: bold; text-decoration: none; }
		#credits {position: absolute; right: 43px; top: 42px;}

.banner { width: 90%; text-align: center; padding-top: 14px; }
.banner img {margin: 6px auto; padding: 0; float: none; border: 1px solid #000;} 
.banner img:hover { border: 1px solid #7e6247; }

.gallery_wrap { float: none; margin: 2px auto; text-align:center; }
.gallery_wrap ul { list-style: none; display: inline; }
.gallery_wrap li { display:inline; }

.gallery_wrap li img {
border: 2px solid #180c03; margin: 11px; float: none;
box-shadow: 2px 2px 6px #000; 
box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-webkit-transition: border .3s; -moz-transition: border .3s;
	-o-transition: border .3s; -ms-transition: border .3s; transition: border .3s; }

.gallery_wrap li img:hover { border: 2px solid #7e6247; }

.top_grad {
	background:url('images/mb_top_grad.png') top fixed repeat-x;
	padding: 0;
	margin: 0;
	height: 163px;
	width: 100%;
	position: absolute;
	top: 13px;
	left: 3px;
	z-index: -1;
}
