@import url(reset.css);
@import url(typography.css);

body{
	background: #8F2323 url(../Images/body.png) repeat-x left top; 
}

.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear{
	clear: both;
}

* html .clear { 
	height: 1px; 
}

.out{
	background: transparent url(../Images/out.png) repeat-x 0% 100%; 
}

.container{
	width: 950px;
	margin: auto; 
/*	background: transparent url(../Images/container.png) no-repeat left top; 	*/
}

.left{
	float: left;
	width: 230px;
	margin: 0px 0px 80px 0px; 
}

.right{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 230px; 
	background: transparent url(../Images/footerimage.png) no-repeat 0% 100%; 
}

* html .right{
	padding: 0px 0px 0px 220px; 
	background: none; 	
}

.footerimg{
	background: transparent url(../Images/footerimage.png) no-repeat 0% 0%; 
	width: 224px;
	height: 226px;
}

* html .left{
	width: 210px;
}

/* menu */

.menu{
	
}

.menu ul{
	 margin: 20px 8px 30px 27px; 	
	 padding: 0px 0px 100px 0px; 
	 background: transparent url(../Images/menuul.png) no-repeat left bottom; 
}

html* .menu ul{
	 margin: 20px 0px 30px 16px; 	
}

.menu ul li.corner{
	width: 149px;
	height: 29px;
	background: transparent url(../Images/menulicorner.png) no-repeat left top; 
}

.menu ul li{
	font-weight: bold; 
	text-decoration: none;
	border: 1px solid #861818; 
}

.menu ul li a, .menu ul li span{
	height: 20px;
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 4px 0px 0px 44px; 	
}

html* .menu ul li a, .menu ul li span{
	height: 22px;
}

.menu ul li a.submenu{
	font-weight: normal; 
	height: auto;
	padding: 0px 0px 0px 44px; 
}

.menu ul li span.submenu{
	font-weight: normal; 
	height: auto;
	padding: 0px 0px 0px 44px; 
	color: White;
}

.menu ul li.contacts{
	background: transparent url(../Images/contacts.png) no-repeat left top; 
}

.menu ul li.company{
	background: transparent url(../Images/company.png) no-repeat left top; 
}

.menu ul li.start{
	background: transparent url(../Images/start.png) no-repeat left top; 
}

.menu ul li.quality{
	background: transparent url(../Images/quality.png) no-repeat left top; 
}

.menu ul li.products{
	background: transparent url(../Images/products.png) no-repeat left top; 
}

.menu ul li.catalogue{
	background: transparent url(../Images/catalogue.png) no-repeat left top; 
}

.menu ul li.current{
	background: transparent url(../Images/current.png) no-repeat left top; 
}

.menu ul li.contacts span{
	background: transparent url(../Images/contactsc.png) no-repeat left top; 
}

.menu ul li.company span{
	background: transparent url(../Images/companyc.png) no-repeat left top; 
}

.menu ul li.start span{
	background: transparent url(../Images/startc.png) no-repeat left top; 
}

.menu ul li.quality span{
	background: transparent url(../Images/qualityc.png) no-repeat left top; 
}

.menu ul li.products span{
	background: transparent url(../Images/productsc.png) no-repeat left top; 
}

.menu ul li.catalogue span{
	background: transparent url(../Images/cataloguec.png) no-repeat left top; 
}

/* header */

.header{
	width: 720px;
	height: 105px;
	background: transparent url(../Images/header.png) no-repeat left top; 	
}

.quickmenu{
	position: absolute;
	margin: 22px 0px 0px 490px; 
	background: transparent url(../Images/quickmenu.png) no-repeat left top; 
	height: 16px;
}

.quickmenu a{
	margin: 0px 9px 0px 22px; 
}

/* image */

.image{
	margin: -35px 0px 0px 15px; 
}

/* content */

.content{
	margin: 15px 0px 15px 0px; 
	padding: 0px 13px 0px 13px; 
}

.homecontent{
	margin: 10px 0px 30px 0px; 
	padding: 0px 13px 0px 13px; 	
}

* html .homecontent{
	margin: 10px 9px 30px 0px; 	
}

.homecontent p{
	line-height: 170%;
}

.imgright{
	float: right;
	margin: 0px 0px 10px 20px; 
}

.imgleft{
	float: left;
	margin: 0px 20px 0px 0px; 
}

.assortment{
	height: 151px;
	background: transparent url(../Images/assortment.png) no-repeat left top; 
	margin: 20px 0px 0px 0px; 
}

.assortment div{
	position: absolute;
	margin: 50px 0px 0px 40px; 
	width: 400px;
	line-height: 150%; 
}

.assortment a{
	position: absolute;
	margin: 132px 0px 0px 370px; 
	font-weight: bold; 	
}

.doorthumb{
	float: left;	
	margin: 0px 3px 10px 3px; 
}

.doorthumb a{
	display: block;
	width: 100px;
	color: White;
	text-decoration: none;
}

img.description{
	margin: 10px 0px 10px 0px; 
}

/* footer */

.footer{
	height: 73px;
	background: transparent url(../Images/footer.png) no-repeat left top; 
}

.footer div{
	position: absolute;
	margin: 45px 0px 0px 300px; 
	color: #841A1A;
	font-size: 90%;
}

.footer a{
	color: #841A1A;	
}

* html .footer{

}

.data table{
	border-spacing: 1px;
	width: 312px;
}

.data table td{
	background-color: #741616;
}

form select{
	font-size: 90%;
	border: 1px solid #dd6733;
	background-color: #f3b599;
}