html{height:100%;font-size: 62.5%;background:#fff;}
body{
	margin:0;
	font:1.1em/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	background:#eee url(/resource/bg-pagewidth.gif) repeat-y 50% 0;
	min-height:100%;
	position:relative;
	min-width:798px;
}
* html body{height:100%;}
img{display:block;border:none;}
a{color:#000000;text-decoration:none;}
a:hover{text-decoration:underline;}
#pagewidth{
	width:798px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 160px;
}
/* footer */
#footer{
	left:0;
	bottom:0;
	width:100%;
	height:128px;
	overflow:hidden;
	position:absolute;
}
* html #footer{bottom:-1px;}
.foo{
	background:url(/resource/bg-foo.gif) repeat-x 0 0;
	width:770px;
	margin:0 auto;
	color:#e0e0e0;
}
.foo .frame{
	background:url(/resource/bg-foo-t.gif) no-repeat 0 0;
	width:770px;
	height:101px;
	overflow:hidden;
	padding:27px 0 0;
}
.foo ul.nav{
	margin:0;
	width:158px;
	padding:0 0 0 46px;
	list-style:none;
	float:left;
}
.foo ul.nav a{
	color:#e0e0e0;
	background:url(/resource/divider.gif) no-repeat left;
	padding:0 0 0 8px;
}
.foo address{
	float:left;
	font-style:normal;
}
.foo address span{display:block;}
.foo address a{color:#e0e0e0;}
.foo .img{
	margin:0;
	padding:0 30px 7px 0;
	list-style:none;
	float:right;
}
.foo .img li{
	float:left;
	padding:0 0 0 20px;
}
/* header */
#header{
	width:770px;
	height:70px;
	background:#000 url(/resource/bg-header.gif) no-repeat 0 100%;
	position:relative;
	margin:0 auto;
}
#header h1{
	margin:0;
	position:absolute;
	top:22px;
	left:21px;
}
#header h1 a{
	width:137px;
	height:28px;
	background:url(/resource/logo.gif);
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
/* mani navigation */
#header ul{
	margin:0;
	padding:0;
	list-style:none;
	top:35px;
	position:absolute;
	left:213px;
}
#header ul li{
	float:left;
	padding:0 8px 0 0;
}
#header ul a{
	color:#ccc;
	float:left;
	font-size:14px;
	overflow:hidden;
	background:url(/resource/bg-l.gif) no-repeat 0 0;
}
#header ul a span{
	float:left;
	padding:0 13px 0 14px;
	cursor:pointer;
	height:35px;
	line-height:42px;
	background:url(/resource/bg-r.gif) no-repeat 100% 0;
}
#header ul .sel a,
#header ul a:hover{
	text-decoration:none;
	color:#010000;
	background:#fff url(/resource/bg-l-hover.gif) no-repeat 0 0;
}
#header ul .sel a span,
#header ul a:hover span{
	line-height:35px;
	background:url(/resource/bg-r-hover.gif) no-repeat 100% 0;
}
/* main */
#main{
	width:770px;
	overflow:hidden;
	margin:0 auto;
	padding:35px 0 0;
}
#left{
	width:512px;
	float:left;
	padding:0 0 0 25px;
}
#right{
	float:right;
	width:190px;
}
.twocolumn{
	width:770px;
	overflow:hidden;
	background:url(/resource/bg-x.gif) repeat-y 557px 0;
}
/* left column */
h2{
	font-size:1.63em;
	font-weight:normal;
	line-height:normal;
	color:#900;
	margin:0;
}
big{
	font-size:1.091em;
	color:#2c2c2c;
	margin:9px 0 7px;
	font-weight:bold;
	display:block;
}
p{margin:7px 0 0 0;}
h3{
	font-size:1.27em;
	color:#666;
	margin:16px 0 0;
	font-weight:normal;
}
#right h3{
	font-size:1.091em;
}
.im-right{
	float:right;
	margin:0 0 0 15px;
}
.im-left{
	float:left;
	margin:10px 15px 0 0;
}
#right ul{
	margin:8px 0 0;
	padding:0;
	list-style:none;
	line-height:1.27;
	font-size:1em;
}
#right ul li{
	padding:0 0 0 13px;
	background:url(/resource/bullet.gif) no-repeat 0 4px;
}
#right ul ul{
	margin:0;
	padding:0 0 8px 12px;
}
#right ul ul li{
	padding:0 0 0 9px;
	background:url(/resource/bullet2.gif) no-repeat left;
}
.garanty{
	width:175px;
	line-height:normal;
	padding:15px 0;
	background:url(/resource/x2.gif) repeat-x 0 100%;
}
.garanty p{
	margin:11px 0 0;
}
.garanty img{
	margin:0 auto;
}
.separator{
	width:175px;
	overflow:hidden;
	height:3px;
	display:block;
	margin:13px 0 0 0;
	background:url(/resource/x2.gif);
}
/* three */
.three{
	margin:0 auto;
	overflow:hidden;
	padding:0;
	background:url(/resource/bg-three.gif);
	list-style:none;
	position:relative;
	width:710px;
}
.three p{margin:8px 5px 0 0;}
.three li{
	line-height:normal;
	padding:0 0 0 2px;
	font-size:.909em;
	color:#930;
	float:left;
	overflow:hidden;
}
.three li.col1{width:224px;}
.three li.col2{width:237px;}
.three li.col3{width:243px;}
.three h4{
	text-align:center;
	margin:0;
	font-size:1.4em;
	font-weight:normal;
	text-transform:uppercase;
	color:#645e5d;
}
.three img{
	float:left;
	margin:9px 10px 0 0;
}
a.more{
	width:63px;
	height:25px;
	background:url(/resource/a-more.gif);
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	margin:14px 0 0;
}
.midlle{
	width:710px;
	overflow:hidden;
	margin:21px auto 0;
	padding:26px 0 0;
	background:url(/resource/x2.gif) repeat-x 0 0;
}
