@charset "utf-8";
/* CSS Document */

* {
	margin: 0; padding: 0;
}

p {
	margin: 10px 0;
}

body, html {
	height: 100%;
}

body {
	background-color: #e8e7c7; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif; color: #66ab00; font-size: 26px; margin-bottom: 30px; font-weight: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif; color: #a5a495; font-size: 20px; border-bottom: 1px solid #a5a495; margin: 15px 0; font-weight: normal;
}

a {
	color: #8f3f0f; text-decoration: none;
}

a:hover {
	text-decoration: underline
}

#left img {
	background-color: #efeac0; border: 1px solid #cecf81; padding: 5px; margin: 5px
}

#container {
	width: 846px; margin: 0 auto;
}

#top {
	 height: 279px; background: url(images/top.jpg) no-repeat;
}

#menu{
	/*width: 541px;*/
	height: 61px;
}

#menu li{
	height: 61px; float: left;
	display: block;
}

#menu a{
	height: 61px;
	display: block;	
}

#menu #about {
	background: url(images/menu1.jpg) no-repeat; width: 249px;
}

#menu #about:hover {
	background: url(images/menu1h.jpg) no-repeat;
}

#menu #offer {
	background: url(images/menu2.jpg) no-repeat; width: 194px;
}

#menu #offer:hover {
	background: url(images/menu2h.jpg) no-repeat;
}

#menu #promo {
	background: url(images/menu3.jpg) no-repeat; width: 163px;
}

#menu #promo:hover {
	background: url(images/menu3h.jpg) no-repeat;
}

#menu #contact {
	background: url(images/menu4.jpg) no-repeat; width: 175px;
}

#menu #contact:hover {
	background: url(images/menu4h.jpg) no-repeat;
}

#menu #fill {
	background: url(images/menu_fill.jpg) no-repeat; width: 65px;
}

#left {
	width: 427px; padding: 40px 30px; float: left; background: url(images/left.jpg) repeat-x; min-height: 398px;
}

#left li {
	list-style-image: url(images/li.gif); margin: 8px 0 8px 20px;
}

#right {
	float: left; width: 359px; height: 398px; background: url(images/right.jpg) no-repeat; padding-top: 100px;
}

#offer1 {
	display: block; width: 359px; height: 147px; background: url(images/offer1.jpg) no-repeat; margin-bottom: 5px; cursor: pointer
}

.clear {
	clear: both;
}

#offer1:hover {
	background: url(images/offer1h.jpg); cursor: pointer
}

#offer2 {
	display: block; width: 359px; height: 147px; background: url(images/offer2.jpg) no-repeat; cursor: pointer
}

#offer2:hover {
	background: url(images/offer2h.jpg); cursor: pointer
}

#separator {
	margin: 4px 0 2px 0; height: 1px; background: url(images/footer.jpg) no-repeat;
}

#footer {
	background-color: #e1e0b7; padding: 15px 0; text-align: center; color: #361100;
}

#footer div {
	margin-top: 15px;
}