/* === reset === */
a:hover{text-decoration:none;}
ul, ol{list-style:none;}
img, form, fieldset{border:none;}
ul, ol, form, fieldset{
	margin:0;
	padding:0;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}
table{width:100%; border-collapse:collapse;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
input:focus { outline: none; }
textarea:focus { outline: none; }
select:focus { outline: none; }
/* === end reset === */

table ul, table li{margin-left: 15px;}
body{
	background: url(bg-body.jpg) repeat;
	font: 12px/1.5em arial, sans-serif;
}
.main{
	width:747px;
	margin: 0 auto;
	padding: 27px 0;
}
/*--header--*/
#header{
	background: url(bg-header.png) no-repeat;
	width:747px;
	height: 433px;
}
.header-holder{
	width:731px;
	height: 57px;
	position: relative;
	padding: 175px 8px 0 8px;
}
/*--logo--*/
.logo,
.logo a{
	display: block;
	width:146px;
	height: 144px;
}
.logo{
	background: url(logo.gif) no-repeat;
	position: absolute;
	top:20px;
	left:29px;
}
.logo a{
	text-indent: -9999px;
	overflow: hidden;
}
/*--slogan-box--*/
.slogan-box{
	width: 426px;
	font-family: tahoma, sans-serif;
	position: absolute;
	top: 22px;
	right:63px;
}
.slogan-box p{
	text-align: center;
	font-size: 12px;
}
/*--main-menu--*/
.main-menu h3{display:none;}
.main-menu{
	width: 731px;
	height: 60px;
	overflow: visible;
}
.main-menu li,
.sub-menu li{float: left;}
.main-menu li a,
.sub-menu li a{
	text-decoration: none;
	color:#fff;
}
.sub-menu li a:hover,
.main-menu li a:hover{text-decoration:underline;}
.main-menu li{
	height: 28px;
	line-height: 28px;
	
}
.main-menu li a{font-size: 1.583em;}
/*--sub-menu--*/
.sub-menu{
	height: 27px;
	overflow: hidden;
}
.sub-menu li{
	height: 27px;
	line-height: 27px;
	background: url(line.gif) no-repeat 0 50%;
	padding: 0 14px;
}
.sub-menu li:first-child{background:none;}
.sub-menu li a{font-size: 1.167em;}
/*--conetnt--*/
#content{
	background: #fff url(bg-content.gif) no-repeat 0 100%;
	width:731px;
	margin: 0 auto;
}
.main-img{
	display: block;
	margin-bottom: 49px;
}
/*--products--*/
.products{
	width:100%;
	overflow: hidden;
}
.products li{
	float: left;
	/*height: 2000px;*/
	padding-left: 20px;
}
.products li a{float: left;}
.products li img{display: block;}
/*--footer--*/
#footer{
	background: url(bg-footer.png) no-repeat;
	width:747px;
	height: 49px;
	overflow: hidden;
}
.footer-holder{
	width: 731px;
	margin: 0 auto;
	position: relative;
}
