body { margin: 0; padding: 0; background: #fff url("main.body.bg.png") top left repeat-x; }
* { margin:0; padding:0 }
.clear { height: 1px; font-size: 1px; clear: both; }

/* Hat */
#hat-container { min-width: 790px; background: url("main.hat.bg.png") center top no-repeat; text-align: center; }
#hat { padding-top: 15px; height: 331px; }
#hat #logo { position: absolute; top: 86px; width: 142px; height: 51px; }
#hat #logo h2 a {
	width: 142px;
	height: 51px;
	color:#9E1907;
	font-size:3em;
	margin: 0.8em 0;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	left: -78px;
	top: 84px;
}
#hat #slogan { position: absolute; top: 220px; width: 255px; height: 43px;  }
#hat #slogan h4 {
	width: 366px;
	height: 40px;
	color:#5D7B2D;
	;
	font-size:2em;
	margin: 0.8em 0;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	left: -149px;
	top: 7px;
	
}
#hat #main-menu-container-0 { background: url("main.main-menu-top.gif") left top no-repeat; }
.center2 {clear:both; float:right; margin:0px 0 0px 0px; padding:1px; border:0px solid rgb(150,150,150);}       
.right2 {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}          
.left2 {clear:both; float:left; margin:3px 10px 7px 0px; padding:1px; border:0px solid rgb(150,150,150);}
#hat #main-menu-container-1 { padding-left: 14px; background: url("main.main-menu-both.gif") left bottom no-repeat; }
#hat #main-menu-container-2 { padding: 0; background: url("main.main-menu-both.gif") right bottom no-repeat;  }
#hat #main-menu-container-3 { padding-right: 14px; background: url("main.main-menu-top.gif") right top no-repeat; }
#hat #main-menu-container-4 { padding: 5px 0 5px 0; background-color: #425b1e; }
#hat #main-menu { list-style: none; display: block; text-align: center; }
#hat #main-menu li { display: inline; padding: 5px 10px; }
#hat #main-menu li a { color: #c2c9b6; text-decoration: none; }

/* Content */
#content { padding-bottom: 4em; }
#content .left { width: 210px; float: left; }
#content .right { width: 540px; float: right; }

#content .left .news-header { background: #9e1907 url("main.news-header.gif") top right no-repeat; padding: 1.2em 10px .6em 15px; }
#content .left .info-header { background: #999933 url("main.info-header.gif") top right no-repeat; padding: 1.2em 15px .6em 15px; }
#content .left #main-news { margin: 1.2em 10px;  }
#content .left #main-news dd { margin-bottom: 1.2em; }
#content .left #main-news a { text-decoration: none; color: black; }
#content .left ul { margin: 1.2em 10px; list-style: none; }
#content .left ul li { margin-bottom: 1.2em; }
#content .left #main-articles li { margin-bottom: 0.2em; }
#content .right .txt { margin-top: -50px; }

#content .right .items { list-style: none; }
#content .right .items li { width: 20%; float: left; margin-bottom: 2em; }
#content .right .items li .image { width: 85px; height: 85px; border: 5px solid #EFF7BF; margin-bottom: 5px; }
#content .right .items li .image a { color: #fff; }
#content .right .items li .image img { width: 85px; height: 85px; border: none; }
#content .right .items li .title { background: url("http://www.womenwork.ru/main.hat.gif") 0px -127px no-repeat; padding-left: 17px; clear: both; }
#content .right .items li .price { padding-left: 16px; color: #9E1907; }

#content .right .image { width: 300px; height: 300px; border: 5px solid #EFF7BF; float: left; margin-right: 20px; }
#content .right .image img { width: 300px; height: 300px; }

#content .right .order-header { background: #999933 url("internal.order-header.right.gif") top right no-repeat;  }
#content .right .order-header div { background: url("internal.order-header.left.gif") top left no-repeat; padding: 1.2em 15px .6em 15px; }

#content .right #news {  }
#content .right #news dt { margin: 1.2em 0; }
#content .right #news dd { margin: 1.2em 0; }


/* Footer */
#footer-container { background: url("main.footer.bg.png") left bottom repeat-x; text-align: center; }
#footer-container-img { min-width: 790px; background: url("main.footer-img.bg.png") center bottom no-repeat; text-align: center; }
#footer { padding-bottom: 4em; }
#footer .left { width: 210px; float: left; }
#footer .right { width: 540px; float: right; }
#footer .left #f-slogan { margin-top: 30px; width: 210px; height: 29px;  }
#footer .left #f-slogan h2 {
	color:#9E1907;
	font-size:2em;
	margin: 0.8em 0;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	left: 325px;
	top: 1369px;
	
}


#hat, #content, #footer { width: 790px; text-align: left; margin: 0px auto 0px auto; }