/* Null
===============================*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD{
	margin:0;
	padding:0;
	border:0 none;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	background:transparent;
	}

:focus{
	outline:0;
	}

BODY{
	color:#000;
	background:#FFF;
	}

UL{
	list-style:none;
	}

TABLE{
	border-collapse:collapse;
	border-spacing:0;
	}

CAPTION, TH, TD{
	text-align:left;
	font-weight:normal;
	}
	

/* Layout
===============================*/

HTML{
	height:100%;
	font-size:100.01%;
	}

BODY{
	height:100%;
	font-size:0.75em;
	font-family:Tahoma;
	background:#3F4A52;
	color:#FFF
	}
	
DIV#canvas{
	height:100%;
	position:relative;
	}

BODY > DIV#canvas{
	height:auto;
	min-height:100%;
	}
	
	#header,
	#header-inner{
		position:relative;
		width:100%;
		height:23em;
		min-height:276px;
		background:#1E5486 url("/img/header-bg.gif") repeat-x 0 100%;
		}
		
	BODY > #header,
	BODY > #header-inner{
		overflow:hidden;
		}
		
	#header SPAN.cork{
		display:none;
		}
		
		#base-icons{
			position:absolute;
			right:0;
			top:0;
			height:18px;
			padding:14px 39px;
			letter-spacing:6px;
			}
		
		#header-inner{
			background:url("/img/head.jpg") no-repeat 204px 100%;
			}
		
		#top{
			padding-bottom:22px;
			text-align:center;
			}
			
			#top STRONG{
				font-weight:normal;
				}
		
		#top DIV{
			display:inline-block;
			display:-moz-inline-stack;
			background:#1C89A3 url("/img/top-bg.gif") repeat-x 0 100%;
			}
			
		#top DIV DIV{
			margin:0 0 0 -11px;
			background:url("/img/top-bg-l.gif") no-repeat 0 100%;
			}
			
		#top DIV DIV DIV{
			margin:0 -11px 0 0;		
			padding:0.8em 1.2em 0.95em 1.2em;			
			font-size:1.289em;
			background:url("/img/top-bg-r.gif") no-repeat 100% 100%;
			}
			
		#top-menu{
			width:203px;
			float:left;
			font-size:0.975em;
			color:#63DCFF
			}
			
			#top-menu UL{
				margin-left:65px;
				}
				
			#top-menu LI{
				margin-bottom:2.1em;
				}
			
			#top-menu A{
				text-decoration:underline;
				color:#FFF
				}
				
			#top-menu A:hover{
				color:#63DCFF
				}
				
		#logo{
			position:absolute;
			right:0;
			bottom:0;
			width:323px;
			height:185px;
			}
			
		#logo STRONG{
			display:block;
			margin:-10px 0 0 -0.5em;
			font-size:1.563em;
			font-weight:normal;
			}

#middle{
	padding-bottom:165px;
	overflow:hidden;
	}
	
	#bread-crumb{
		padding:20px 61px 5px 61px;
		font-size:1.167em;
		}
		
		#bread-crumb A{
			color:#FFF
			}
			
			#bread-crumb A:hover{
				color:#CCC
				}
			
		#bread-crumb STRONG{
			font-weight:bold
			}
	
		
	#left{
		float:left;
		}
	
		
	#right{
		float:right;
		}
		
	#footer{
		position:absolute;
		width:100%;
		left:0;
		bottom:0;
		height:116px;
		}
		
		.footer-inner{
			margin:0 90px;
			padding:15px 0;
			border-top:1px solid #5E676E;
			overflow:hidden;
			background:url("/img/footer.gif") repeat-x 0 -1px;
			}
	
/* Common
===============================*/

A{
	color:#89ADC6
	}
	
A:hover{
	color:#CCC
	}

.nobr{
	white-space:nowrap;
	}
	
.lefted-fl{
	float:left;
	}
	
.righted-fl{
	float:right;
	}
	
#content H1,
#content H2,
#content H3{
	margin:1em 0;
	padding:0;
	font-weight:bold;
	}

#content P{
	margin:1em 0;
	padding:0;
	}
	
#content STRONG,
#content B{
	font-weight:bold;
	}
	
#content EM,
#content I{
	font-style:italic;
	}
	
/* Content
===============================*/

	/* News */
		
.news #left{
	width:203px;
	min-height:422px;
	border-right:2px solid #636C73
	}
	
	.news #left H2{
		margin:0;
		padding:0;
		text-align:center;
		font-size:1em;
		font-weight:normal;
		}
	
	UL.icon-stairs{
		margin:17px 0;
		}
		
		UL.icon-stairs LI{
			margin-bottom:25px;
			text-align:center;
			}
			
			.icon-stairs IMG{
				vertical-align:middle;
				}
	
.news #right{
	width:204px;
	min-height:422px;
	overflow:hidden;
	border-left:2px solid #636C73
	}
	
	/*	
	.news #right STRONG.action{
		display:block;
		padding:0 15px;
		text-align:center;
		font-weight:normal;
		font-size:1.667em;
		}
		
	.news #right P{
		padding:182px 15px 0 15px;
		text-align:center;
		background:url("/img/wheel.gif") no-repeat 50% 17px;
		}
	*/
		
.news #bread-crumb{
	display:none;
	}
	
.news #header{
	margin-bottom:45px;
	}	

.news #content{
	margin:0 204px 0 203px;
	border-left:2px solid #636C73;
	border-right:2px solid #636C73;
	padding:0 46px 0 52px;
	}
	
	#content .news-block H3{
		position:relative;
		margin:0 0 -1px 67px;
		padding:0;
		border-bottom:1px solid #8C9297;
		font-size:1em;
		font-weight:normal;
		z-index:100;
		}
		
		#content .news-block H3 SPAN{
			position:relative;
			display:block;
			width:4.2em;
			margin-bottom:-4px;
			padding-right:11px;
			background:#3F4A52;
			z-index:150		
			}	
		
		#content .news-item{
			margin-left:71px;
			padding:27px 5px 24px 5px;
			border-top:1px solid #656e74
			}
			
	#hatco{
		background:url("/img/hatco.gif") no-repeat 0 10px;
		}
		
	#ny-sale{
		background:url("/img/snow.gif") no-repeat 0 10px;
		}
		
	#new-parts{
		background:url("/img/parts.gif") no-repeat 0 10px;
		}
		
		
	/* Services */
	
.services #left{
	width:203px;
	/*height:210px;	*/
	/* background:url("/img/gear.gif") no-repeat 81px 100%; */
	}
	
.services #right{
	width:220px;
	padding:0 15px;
	overflow:hidden;
	}
	
	.services #right H3{
		margin:0;
		padding:0;
		font-size:1em;
		font-weight:bold;
		color:#B1D1E7
		}
		
	.services #right P{
		margin:0.3em 0;
		}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.services #bread-crumb DIV{
	width:236px;
	float:left
	}

.services #bread-crumb UL{
	display:inline;
	margin:0;
	padding:0;
	}
	
	.services #bread-crumb UL LI{
		display:inline;
		margin:0 36px 0 0;
		padding:0;
		font-size:1.143em;
		color:#5ADCFF
		}
		
		.services #bread-crumb UL LI A{
			font-size:0.732em;
			color:#FFF
			}
			
			.services #bread-crumb UL LI A:hover{
				color:#CCC
				}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
.services #content{
	margin:0 250px 0 203px;
	padding:0 0 0 47px;
	}
	
	.services #content A{
		color:#ADCDE2
		}
	
	.services #content A:hover{
		color:#CCC
		}
	
	.services #content H1{
		margin:0;
		padding:0;
		font-size:1.167em;
		font-weight:bold;
		}
		
	.services #content UL{
		margin:0;
		padding:0 47px 0 2.2em;
		}
		
	.services #content UL H2{
		margin:0 0 0.3em 0;
		padding:0;
		font-size:1.167em;
		font-weight:normal;
		}
		
		.services #content UL LI{
			margin:0 0 1.1em 0;
			padding:0;
			}
		
			.services #content UL UL{
				margin:0;
				padding:0;
				}
				
				.services #content UL LI LI{
					margin:0 0 0.35em 0;
					padding:0 0 0 1em;
					background:url("/img/bullet.gif") no-repeat 1px 0.3em;
					}

.services .icons-block{
	margin:38px 0 0 45px;
	}
	
.services .icons-block H3{
	margin:0;
	padding:0;
	font-size:1.5em;
	}
	
	.services .icons-block H3 A{
		font-size:0.667em;
		}
		
.services #content .icons-block UL,
.services #content .icons-block LI{
	margin:0;
	padding:0;
	}

.services #content .icons-block UL{
	margin-top:20px;
	}
		
.services .icons-block H4{
	margin:0.3em 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	}
	
	.services #content .icons-block H4.att A{
		color:#B4b1E7
		}
	
	.services #content .icons-block H4.att A:hover{
		color:#CCC
		}

.services .icons-block DIV{
	margin-left:70px;
	}
	
.services .icons-block TABLE{
	width:100%;
	}
	
	.services .icons-block TABLE TD{
		padding:5px;
		vertical-align:middle;
		text-align:center
		}
		
	/* Price */

.price #bread-crumb DIV{
	width:236px;
	float:left
	}

.price #bread-crumb UL{
	display:inline;
	margin:0;
	padding:0;
	}
	
	.price #bread-crumb UL LI{
		display:inline;
		margin:0 36px 0 0;
		padding:0;
		font-size:1.143em;
		color:#5ADCFF
		}
		
		.price #bread-crumb UL LI A{
			font-size:0.732em;
			color:#FFF
			}
			
			.price #bread-crumb UL LI A:hover{
				color:#CCC
				}

	
.price #left{
	width:291px;
	height:210px;	
	background:url("/img/rubl.gif") no-repeat 81px 100%;
	}
	
.price #content{
	margin:0 90px 0 291px;
	}
	
.price #content TABLE{
	position:relative;
	width:100%;
	}

.price #content TH,
.price #content TD{
	padding:0.5em;
	}

.price #content THEAD TH{
	padding-top:2em;
	color:#89ADC6
	}
	
.price #content TBODY TH{
	padding-left:2em;
	}
	
.price #content TD{
	text-align:right
	}
	
	.price #content TD SPAN{
		position:relative;
		}
		
		.price #content TD SPAN SPAN{
			position:absolute;
			left:0;
			bottom:0.25em;
			width:0.4em;
			height:0;
			overflow:hidden;
			border-top:1px solid #FFF
			}
		
/* Contacts */


.contacts #bread-crumb DIV{
	width:236px;
	float:left
	}

.contacts #bread-crumb UL{
	display:inline;
	margin:0;
	padding:0;
	}
	
	.contacts #bread-crumb UL LI{
		display:inline;
		margin:0 36px 0 0;
		padding:0;
		font-size:1.143em;
		color:#5ADCFF
		}
		
		.contacts #bread-crumb UL LI A{
			font-size:0.732em;
			color:#FFF
			}
			
			.contacts #bread-crumb UL LI A:hover{
				color:#CCC
				}

	
.contacts #left{
	width:336px;
	height:287px;	
	background:url("/img/navigator.gif") no-repeat 81px 69px;
	}
	
.contacts #content{
	margin:0 90px 0 336px;
	}

/*	
.contacts #header{
	margin-bottom:69px;
	}



.price #content TABLE{
	position:relative;
	width:100%;
	}

.price #content TH,
.price #content TD{
	padding:0.5em;
	}

.price #content THEAD TH{
	padding-top:2em;
	color:#89ADC6
	}
	
.price #content TBODY TH{
	padding-left:2em;
	}
	
.price #content TD{
	text-align:right
	}
	
	.price #content TD SPAN{
		position:relative;
		}
		
		.price #content TD SPAN SPAN{
			position:absolute;
			left:0;
			bottom:0.25em;
			width:0.4em;
			height:0;
			overflow:hidden;
			border-top:1px solid #FFF
			}
		
/* Setup
===============================*/

DIV#canvas{
	min-width:83.3em; /* Минимальная щирина */
	}
