/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 69%;
	color: #656249;
	background: #90842e url("../img/bg.jpg") no-repeat center 180px;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.hidden {
	visibility: hidden;
	}
.clear {
	margin: 0;
	height: 0;
	float: left;
	clear: both;
	}


/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 990px;
	}
	
	
/* ___| menu |_____________________ */


menu {
	margin: 30px 0 0 48px;
	padding: 0;
	width: 942px;
	}
menu li {
	margin: 0;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	float: left;
	}
menu li a {
	margin: 0 5px 0 5px;
	padding-top: 14px;
	width: 118px;
	height: 26px;
	text-align: center;
	display: block;
	background: #786D20 url("../img/bg_item.png") no-repeat;
	background-position: 0 0;
	text-decoration: none;
	color: #fff;
	float: left;
	}
menu li#now a {
	background: #9E0303 url("../img/bg_item.png") no-repeat;
	background-position: 0 -80px;
	}
menu li a:hover {
	background-position: 0 -40px;
	}


/* ___| head |_____________________ */


#head {
	margin: 0;
	width: 990px;
	height: 110px;
	background: #9E0303 url("../img/bg_head.png") no-repeat;
	float: left;
	clear: both;
	}
#head p {
	margin: 36px 0 0 34px;
	color: #c53939;
	font-size: 400%;
	}
h1 {
	margin: 13px auto 0 auto;
	width: 158px;
	height: 50px;
	background: url("../img/logo_moptik.png") no-repeat;
	}
h1 a {
	text-decoration: none;
	width: 158px;
	height: 50px;
	display: block;
	}
	
	
/* ___| content |_____________________ */


#content {
	margin: 0;
	width: 990px;
	min-height: 380px;
	background: #fffffe;
	float: left;
	clear: both;
	}
#textarea {
	margin: 0;
	padding: 36px 30px 0 30px;
	width: 590px;
	float: left;
	}
#textarea h2 {
	margin-bottom: 10px;
	font-size: 160%;
	text-transform: uppercase;
	color: #b3a646;
	}
#textarea h3 {
	margin-bottom: 4px;
	font-size: 155%;
	text-transform: uppercase;
	color: #930606;
	}
#textarea h4 {
	margin-bottom: 4px;
	font-size: 130%;
	text-transform: uppercase;
	color: #b3a646;
	}
#textarea p {
	margin-bottom: 26px;
	font-size: 120%;
	line-height: 1.6em;
	}
#textarea p#motto {
	margin-bottom: 20px;
	font-size: 160%;
	color: #656249;
	line-height: 1.3em;
	}
#textarea p a {
	text-decoration: none;
	color: #b8a63d;
	}
#textarea p a:hover {
	text-decoration: underline;
	}
#textarea img#right_i {
	margin: 10px -20px 0 15px;
	float: right;
	}
#textarea ul#right_ul {
	margin: 0;
	padding: 0;
	width: 240px;
	float: right;
	}
#textarea ul#right_ul li {
	margin: 0;
	padding: 0 0 0 22px;
	list-style: none;
	color: #c53939;
	line-height: 1.7em;
	font-size: 120%;
	font-weight: bold;
	background: url("../img/bg_arr.png") no-repeat left 8px;
	}
#textarea ul#right_ul li a {
	text-decoration: none;
	color: #c53939;
	}
#textarea ul#right_ul li a:hover {
	color: #e61515;
	}
ul#submenu {
	margin: 0 -30px 18px -5px;
	padding: 3px 0 0 8px;
	width: 618px;
	height: 35px;
	background: url("../img/bg_submenu.png") no-repeat;
	position: relative;
	clear: both;
	}
ul#submenu li {
	margin: 0;
	list-style: none;
	font-weight: bold;
	font-size: 110%;
	float: left
	}
ul#submenu li a {
	margin: 0;
	padding: 5px 10px 0 10px;
	height: 22px;
	color: #6b601e;
	display: block;
	background: #f0eac3;
	text-decoration: none;
	float: left
	}
ul#submenu li a:hover {
	background: #e4d999;
	}
	
	
/* ___| right column |_____________________ */


#right_col {
	margin: -24px 0 0 7px;
	width: 320px;
	background: url("../img/bg_shadow.jpg") no-repeat bottom;
	position: relative;
	float: left;
	}
#in {
	margin: 0 0 25px 15px;
	padding: 12px 0 2px 1px;
	width: 289px;
	min-height: 190px;
	background: #fffdec;
	}
#in p {
	text-align: center;
	}
#in h3 {
	margin-bottom: 13px;
	font-size: 140%;
	text-transform: uppercase;
	text-align: center;
	color: #9e0303;
	}
p#more {
	margin: 2px 0 0 40px;
	width: 250px;
	float: left;
	}
p#more a {
	margin: 0;
	padding-left: 30px;
	min-height: 14px;
	text-decoration: none;
	color: #a70000;
	background: url("../img/bg_arr_big.png") no-repeat left 6px;
	font-size: 150%;
	font-weight: bold;
	display: block;
	}
p#more a:hover {
	color: #e80000;
	}
	
	
/* ___| banners |_____________________ */


#banners {
	margin: 0;
	width: 990px;
	min-height: 180px;
	background: #90842e url("../img/bg_banner.png") no-repeat bottom;
	float: left;
	clear: both;
	}
#banners p {
	margin: 5px 0 0 0;
	text-align: center;
	}
#banners p img {
	margin: 0 23px 0 23px;
	}

	
/* ___| footer |_____________________ */


#footer {
	margin: 0 0 30px 0;
	width: 990px;
	height: 120px;
	background: url("../img/bg_footer.png") no-repeat;
	clear: both;
	}
#footer p {
	padding: 12px 0 0 0;
	text-align: center;
	line-height: 1.6em;
	font-weight: bold;
	color: #e6dd99;
	}
#footer p a {
	text-decoration: none;
	color: #f5eebc;
	}
#footer p a:hover {
	text-decoration: underline;
	color: #fff;
	}
	
	/*  links  */
#links {text-align: center;}
#links ul {}
#links ul li {display: inline;font-size:100%;}
#links ul li a {margin: 0 5px 0 0;text-decoration: none;color: #f5eebc;}
#links ul li a:hover {margin: 0 5px 0 0;text-decoration: underline;color: #fff;}