body, html {
	margin:0px;
	height:100%;
	background: #FFF;
	font: normal 11px Tahoma, Arial, Verdana; 
	color: #4c4c4c; 
	text-align:left;
}

img {margin: 0px; border: 0px;}
input, select {font:11px Verdana, Arial;}
form {margin:0px; padding:0px;}

.clear {
	clear:both;
}

ul {padding:12px; margin:0px;}
li {margin:0px; padding:0px; list-style:none;}

/* ссылки */ 

a {outline: 0;}
a:link, a:visited, a:active {color:#08b1e2; text-decoration:underline;}
a:hover {color:#08b1e2; text-decoration:none;}


/* заголовки */ 

h1 {
	font:normal 49px "Myriad Pro", Tahoma, Verdana; 
	color:#777777;
	display:block;
	margin:0px;
	height:129px;
	padding:0 0 0 42px;
	text-transform:uppercase;
}

h2 {
	margin:0px;
	padding:20px 0 20px 0;
	font:normal 22px "Myriad Pro", Tahoma, Arial;
	color:#3b3b3b;
}

#main {
	width:1000px;
	padding:0px;
	margin:0 auto;
	_height: 100%;
}
html>body #main {height: auto !important; min-height: 100% !important; }

#top {
	height:399px;
	padding:111px 20px 0 29px;
	background:url(../images/top.jpg) no-repeat top left;
}

#top span {
	float:right;
	font:normal 11px Tahoma, Arial;
	padding:0 80px 0 0;
}

#top span a,
#top span span {
	float:left;
	color:#08b1e2;
	background: url(../images/top_span_a.gif) no-repeat center left;
	padding:5px 25px 5px 40px;
}

#top span span.act {
	color:#909090;
	background:#f0f0f0 url(../images/top_span_act.gif) no-repeat center left;
}

#top h4 {
	width:310px;
	height:91px;
	padding:0px;
	margin:0px;
	text-align:right;
	font:normal 19px "Myriad Pro", Tahoma, Arial;
	color:#c2c2c2;
}

#top h4 A{
	color:#C2C2C2;
	text-decoration:none;
}

#top h4 A:HOVER{
	text-decoration: underline;
}

#top dl {
	float:right;
	width:232px;
	margin:0px;
	padding:0 40px 0 0;
}

#top dl dd {
	width:49%;
	float:left;
	padding:35px 0 0 0;
	text-align:center;
	font:normal 14px Tahoma, Arial;
	margin:0px;
	background:url(../images/about.gif) no-repeat top center;
}

#top dl a {
	color:#FFF;
}

#product {
	margin:0px;
	width:300px;
	float:right;
	padding:0 0 0 0;
}

#product li {
	float:left;
	width:133px;
	font:normal 15px Tahoma, Arial;
	background:url(../images/top_li.gif) no-repeat top left;
	margin:0px;
	padding:0 0 15px 17px;
}

#illustration {
	margin:0px;
	float:left;
	padding:0px;
}

#illustration li {
	margin:0px;
	padding:0 6px 0 0;
	float:left;
	width:154px;
	height:171px;
}

#illustration li a {
	margin:0px;
	padding:0px;
	width:154px;
	display:block;
	height:171px;
}

#bar {
	margin:0px;
	float:right;
	width:273px;
	padding:25px 6px 0 0;
}

#bar li {
	margin:0px;
	padding:0px;
	width:90px;
	font:normal 9px Tahoma, Arial;
	text-align:center;
	float:left;
}

#bar a {
	color:#808080;
	text-decoration:none;
}

#bar a:hover {
	color:#808080;
	text-decoration:none;
}

#bar li img {
	margin:0 auto 7px auto;
	display:block;
	text-align:center;
}

#bar li.home {
	padding-top:37px;
}

#bar li.mail {
	padding-top:22px;
}

#data {
	min-height:388px;height:auto !important;height:388px;
	padding: 0 19px 103px 30px;
	background:url(../images/left.jpg) no-repeat bottom left;
}

#right {
	float:right;
	width:289px;
}

#right h2 {
	padding:0 0 2px 20px;
}

#right dl {
	background:url(../images/right_dl.gif) repeat-y top left;
	margin:5px 0 0 0;
	padding:0px;
}

#right dd {
	background:url(../images/right_dd.gif) no-repeat top left;
	margin:0px;
	color:#3b3b3b;
	padding:20px 10px 0 16px;
}

#right dt {
	background:url(../images/right_dt.gif) no-repeat bottom left;
	margin:0px;
	padding:8px 44px 0 10px;
	height:30px;
	text-align:right;
}

#right dt a {
	background:url(../images/right_dt_a.gif) no-repeat center left;
	padding-left:20px;
}

#right h6 {
	padding:0 0 8px 0;
	margin:0px;
	font:normal 9px Tahoma, Arial;
}

#right h6 span {
	color:#FFF;
	padding:4px;
	background:#08b1e2;
}

#left {	
	padding:0 300px 20px 215px;
}

#bottom {
	background:url(../images/bottom.gif) no-repeat bottom right;
	height:95px;
	margin-top:-95px;
}

#copyright {
	padding:32px 25px 0 53px;
	color:#FFF;
	width:604px;
	background:#08b1e2;
	height:58px;
	border-top:5px solid #3b3b3b;
}

#copyright li {
	float:right;
	margin:0px;
	padding:0 0 0 10px;
}

#copyright li.text {
	float:left;
	margin:0px;
	padding:0px;
}

#dev {
	float:right;
	width:250px;
	padding:40px 0 0 0;
	color:#3b3b3b;
}

#dev img {
	float:left;
	margin:3px 6px 0 0;
}

#left .product-list TD A{
	/*float: left;*/
}

#left .product-list TD h4 A{
	color:#3B3B3B;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}

#left .product-list TD h4 A:HOVER{
	text-decoration: underline;
}

TABLE.product-list{
	width: 100%;
	margin-top: 20px;
}