html { height:100%; }
body, form, div, p, img, table, table tr td { padding: 0px; margin: 0px; border: none; background: none; border-collapse: collapse; }
body {
	position: relative;
	min-height: 100%;
	color: #fff;
	background: #000 url(../i/car.jpg) no-repeat 0 0px;
	font: 12px/18px Arial, sans-serif;
	padding: 0px;
	min-width: 1010px;
	max-width: 1070px;
}
a:link, a:visited, a:hover {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #f7dd90;
}
h1 {
	font: normal 18px/22px sans-serif;
	color: #f7dd90;
	padding: 0px;
	margin: 0px;
}
h2 {
	margin-left: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
	margin-top: 0px;
	font: normal 16px/20px Arial, sans-serif;
	color: #f7dd90;
	padding: 0px;
}
h3 {
	font: 14px/16px Arial, sans-serif;
	color: #f7dd90;
	padding: 0px;
	margin: 0px;
}
h4 {
	font: normal 12px/14px Arial, sans-serif;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p {
	padding: 0px 0px 18px 0px;
}
ul {
	padding: 0px 0px 12px 23px;
	margin: 0px;
}
div.clear {
	clear: both;
	font-size: 0px;
}


/* Header */
div.header {
	height: 259px;
}
div.header .info {
    background: black;
	top: 0px;
	visibility: visible;
	font-size: 11px;
	color: #f7dd90;
	padding: 0px 0px 0px 10px;
}
div.header .about {
	font-size: 14px;
	line-height: 17px;
	color: #f8c406;
	position: absolute;
	top: 182px;
	padding: 0px 15% 0px 454px;
}
div.header div.logo {
	position: absolute;
	left: 452px;
	top: 59px;
}
div.header div.logo img {
	width: 180px;
	height: 59px;
}
div.header div.logo h1 {
	font-size: 16px;
	line-height: 20px;
	font-family: Arial, sans-serif;
	color: #f7dd90;
	padding-top: 3px;
}
div.header div.logo a:link, div.header div.logo a:visited {
	color: #f7dd90;
	text-decoration: none;
}
div.header div.logo a:hover {
	text-decoration: underline;
}
div.header div.phone {
	position: absolute;
	right: 0px;
	top: 22px;
	height: 191px;
	padding-right: 110px;
	background: url(../i/phone-bg.jpg) no-repeat 100% 0;
}
div.header div.spb {
	position: absolute;
	right: 0px;
	top: 139px;
	height: 191px;
	padding-right: 110px;
}

div.header div.phone img {
	width: 171px;
	height: 53px;
	margin-top: 72px;
}


/* Footer */
div.footer {
	width: 100%;
	height: 112px;
	position: absolute;
	bottom: 0px;
}
div.footer div.block {
	margin: 0px 43px 0px 60px;
	padding: 18px 17px 12px 17px;
	height: 56px;
	background: #471e00;
	position: relative;
}
div.footer img.phone {
	position: absolute;
}
div.footer p {
	text-align: center;
	padding-top: 15px;
}
div.footer div.counters {
	position: absolute;
	top: 28px;
	right: 16px;
	text-align: right;
	max-width: 340px;
}


/* Main Menu - */
div.navigation {
	min-width: 780px;
	height: 133px;
	background: url(../i/nav-bg-right.gif) no-repeat 100% 16px;
	width: 600px;
	padding-right: 100px;
	margin-left: 24px;
}
div.navigation div {
	padding: 39px 0px 40px 61px;
	margin: 0px;
	background: url(../i/nav-bg-left.gif) no-repeat 0 0;
}
div.navigation table {
	width: 98%;
	background: url(../i/nav-bg.gif) repeat-x 0 0;
}
div.navigation table tr td {
	height: 42px;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 8px;
	width: 1%;
}
div.navigation table tr td.wraper {
	width: 30px;
	background: url(../i/nav-wraper.gif) no-repeat 50% 15px;
}
div.navigation a:link, div.navigation a:visited, div.navigation a:hover {
	font-size: 18px;
	line-height: 22px;
	color: #f7dd90;
	text-decoration: none;
}
div.navigation a:hover {
	text-decoration: underline;
}



/* Body */
div.body {
	padding: 0px 0px 147px 60px;
}

div.content {
	float: left;
	width: 62%;
	max-width: 680px;
	background: #471e00;
	padding: 4px 16px 10px 17px;
}
div.content h1 {
	padding: 8px 0px 6px 0px;
	border-bottom: 1px solid #6c4b33;
	margin-bottom: 6px;
	font-size: 18px;
}

div.content h2 {	
}
div.content h3 {
	padding: 10px 0px 10px 18px;
}
div.content p.date {
	padding-bottom: 0px;
}
div.content p.details {
	margin-top: -10px;
	padding-bottom: 0px;
}
div.content div.column-left {
	clear: both;
	float: left;
	width: 47%;
}
div.content div.column-right {
	float: right;
	width: 47%;
}
ul.line {
	padding: 0px 0px 12px 24px;
	list-style-type: none;
}
ul.line li {
	background: url(../i/ul-line.gif) no-repeat 0 10px;
	padding-left: 18px;
}

/* ----- price ----- */
.price { margin-bottom: 30px; padding: 10px 20px 10px 14px; background-color: #401b00; }
.price table { width: 100%; margin-bottom: 10px; position: relative; }
.price tr.sep { background: url(../price/i/line.gif) 0 bottom repeat-x; position: relative; }
.price tr.sep td { padding-bottom: 1px; }
.price td { font: 14px/20px 'Arial'; vertical-align: middle; white-space: nowrap; }
.price .td1 { padding-right: 14px; width: 200px;  }
.price .td1 span span { font-size: 12px; }
.price .td2 { padding-right: 14px; }
.price .f { display: inline-block; padding: 8px; background-color: #401b00; width: 140px;}
.price big { font: bold 24px 'Arial'; color: #f09a07; }



/* r */
div.r {
	float: left;
	margin-left: 30px;
	width: 31%;
	max-width: 300px;
	background: #401b00;
}
div.r div.right {
	padding: 0px 22px 0px 19px;
}
div.r h1 {
	padding-left: 0px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-top: 16px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 6px;
}



/* Styled Table */
table.styled {
	width: 100%;
	border: 1px solid #cebd5f;
}
table.styled tr td {
	border: 1px solid #cebd5f;
	padding: 1px 3px 2px 3px;
	white-space: nowrap;
}
table.styled tr td {
	line-height: 14px !important;
}
td.photo {
	vertical-align: top;
	padding-top: 2px !important;
}
td.photo img {
	float: left;
}


.minimum {
	width: 1%;
}
.auto {
	width: auto;
}
.full {
	width: 100%;
}
.ten {
	width: 10%;
}
.fifteen {
	width: 15%;
}
.twenty {
	width: 20%;
}
.twenty-five {
	width: 25%;
}
.thirty {
	width: 30%;
}
.fourty {
	width: 40%;
}
.fifty {
	width: 50%;
}
.sixty {
	width: 60%;
}
.seventy {
	width: 70%;
}
.eighty {
	width: 80%;
}
.ninty {
	width: 90%;
}

.rubl { position: absolute; font-size: 80%; line-height: 155%; } 

div#counter{
	display: none;
	position: absolute;
	visibility: hidden;
}

/* cars */

#carsPhotos { width: 100%; overflow: hidden; }

#carsPhotos .block { position: relative; overflow: hidden; float: left; width: 200px; height: 220px; text-align: left; margin-right: 20px; padding-bottom: 25px; }											
#carsPhotos .rcar { position: relative; overflow: hidden; float: left; width: 200px; height: 220px; text-align: left; margin-right: 20px; padding-bottom: 10px; }											
#carsPhotos .block h2 { margin-top: 3px; margin-bottom: 6px; margin-left: 0px; font-size: 14px; line-height: 14px; text-align: left; color: #febf36; font: normal Arial, sans-serif; vertical-align: middle; white-space: nowrap;}
#carsPhotos .block img { width: 200px; height: 150px; margin-bottom: 3px; border: none; }
#carsPhotos .block a.zoom { position: absolute; left: 5px; top: 28px; width: 17px; height: 17px;
															background: url(../i/zoom.png) no-repeat; }

#carsPhotos .block ul { width: 204px; margin: 0px; padding: 0px; }
#carsPhotos .block ul li { float: left; display: block; width: 64px; height: 50px; margin: 0; padding: 0;
													margin-right: 4px; list-style: none; }

#carsPhotos .block ul li img { width: 58px; height: 44px; cursor: pointer; border: 3px solid #febf36;
															margin-bottom: 5px; }
#carsPhotos .block ul li img:hover { border: 3px solid #cebd5f; }