ühtml {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #edf0f0; font-family: Georgia, "Times New Roman", Times, serif; background: #2f3033 fixed repeat-y 1280px url('/img/border.gif');}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px; min-height: 100%; background: no-repeat 100% 80px url('/img/bg_spots.jpg');}
*html #body {height: 100%;}
#index #body {background: no-repeat 100% 92px url('/img/bg_spots_index.jpg');}
img {border: 0;}
a {color: #85d5e5;}
span.direct {color: #14a9c7; border-bottom: 1px #14a9c7 dashed;}
a:visited {color: #a697d1;}
a:hover {color: #ff5360;}
	a.win {white-space: nowrap;}
		a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
a:active {color: #ff5360;}
.direct {color: #259bb8; text-decoration: none; border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
.error_message {color: #cc2229;}
p {font-size: 75%; padding: 0; margin: 0 0 1.2em 0; line-height: 1.5em;}
	.prelist {margin-bottom: 0.6em;}
	.also {margin-top: 1.2em;}
ul, ol {font-size: 75%; padding: 0; margin: 0 0 0.9em 0; line-height: 1.5em;}
	ul li {list-style: none; background: no-repeat 0 0.7em url('/img/li.gif'); margin: 0 0 0.3em 20px; padding-left: 20px; position: relative;}
	ol li {margin: 0 0 0.3em 40px; position: relative;}
		li p, li ul, li ol {font-size: 100%;}
h1 {color: #e05e5e; font-size: 290%; font-weight: normal; margin: 0 0 0.6em;}
h2 {color: #b1b2b3; font-size: 140%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
	h2 a {color: #b1b2b3;}
h2.date {position: relative; left: -8.5%; margin-top: 0;}	
h3 {color: #b1b2b3; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
	h3 a {color: #b1b2b3;}
h4 {color: #cc2229; font-size: 80%; margin: 1.2em 0 0.3em 0;}
.first {margin-top: 0;}
table {font-size: 75%; border: 0; border-collapse: collapse; margin-bottom: 1.2em; border-bottom: 1px solid #2f3033;}
th {text-align: left; padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
td {padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
form {margin: 0; color: #99948a;}
    form table {margin: 0; width: 100%;}
	form td {font-size: 90%;}
	td.field {width: 100%;}
	.star {color: #cc2229; position: absolute; margin-left: -20px; font-size: 160%;}
	span.error {color: #cc2229;}
	input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0;}
	input.error, textarea.error {border: 2px solid #cc2229;}
.btn {cursor: pointer; cursor: hand; padding: 3px; width: 5em;}
#counter {margin-top: 20px; float: left; display: block; font-size: 120%; height: 2em;}
#counter a,  #counter a:visited, #counter a:active {color: #edf0f0; padding: 0 10px 6px 10px;}
#counter strong {color: #2f3033; font-weight: normal; background: #f1d685; padding: 0 10px 6px 10px;}
#counter span {padding: 2px 7px 3px 7px;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
.red {color: #e05e5e;}
img.png {//background-image: none !important; behavior: url('/img/png.htc');}

#zoom_screen {z-index: 2; position: fixed; width: 100%; height: 100%; background: url('/img/zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
	#zoomed_div {position: absolute; left: 50%; top: 50%;  background: #35363a url('/img/zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
		#zoomed_photo {margin: 7px 9px;}
		#cross {z-index: 3; position: absolute; top: 17px; right: 19px;}

#header {position: relative; width: 100%; height: 122px;}
	#logo {position: absolute; top: 27px; left: 10%; width: 224px; height: 63px;}
	#hsm {position: absolute; top: 52px; right: 16%;}
		#hsm img {width: 19px; height: 19px; margin-left: 60px;}
	#scissors {position: absolute; right: 0; top: 52px; width: 9px; height: 25px;}
#splash {position: relative; width: 100%; height: 250px;}
	#splash div {position: absolute; left: 6%; width: 88%; height: 100%;}
#menu {position: relative; width: 100%; padding: 42px 0 35px 0;}
#index #menu {background: no-repeat 0 51px url('/img/bg_menu.gif'); padding: 27px 0 35px 0;}
	#menu ul {float: left; width: 80%; height: 100%; font-size: 100%; margin: 0; line-height: 1.2em;}
		#menu ul li {display: block; float: left; width: 24.5%; padding: 0 0 2em 0; margin: 0; background: none;}
			#menu ul li a {z-index: 1; position: absolute; color: #f1d685; margin-right: 20px;}
			#menu ul li a:hover {color: #fff;}
			#menu ul li strong, #menu ul li strong a {z-index: 1; position: absolute; color: #fff; margin-right: 20px; font-weight: normal;}
	#select {z-index: 0; position: absolute; top: -70px; left: -50px; width: 187px; height: 199px;}
#title {position: relative; z-index: 1; width: 100%;}
	#navi {float: left; width: 93%;}
		#navi p {margin: 0; color: #b1b2b3; font-size: 70%;}
			#navi p a {color: #b1b2b3;}
		#navi h1 {margin: 0 0 0.3em 0;}
		#navi img {margin-top: 30px;}
#content {margin-bottom: 80px;}
	#left {float: left; width: 45%;}
	#index #left {width: 36%;}
		p.date {position: relative; left: -8.5%; color: #b1b2b3; font-size: 70%; margin: 0;}
		table.nb {position: relative; left: -10%; width: 100%; background: #4b4d52; border-bottom: none;}
			table.nb td {border: 10px solid #4b4d52; color: #e05e5e; padding: 0;}
				table.nb td p {font-size: 100%; margin: 10px;}
					table.nb p a {color: #e05e5e;}
		p#address {font-size: 140%; line-height: 1.2em;}
			p#address span {position: relative; left: -0.7em;}
		
	#right {float: left; width: 33%;}
		#submenu {position: relative; left: 20%; width: 80%;}
			#submenu li {margin: 0; padding: 0; height: 2.7em; background: none;}
			#submenu li.top {position: relative; left: -10%;}
				#submenu a, #submenu a:visited {display: block; position: relative; color: #85d5e5;}
				#submenu a:hover {font-size: 240%; color: #ff5360;}
				#submenu strong {display: block; position: relative; font-size: 240%; color: #edf0f0; font-weight: normal;}
		img.news {margin: 50px 5px 1em 5px;}				
		div.news {margin: 50px 5px 0 5px;}
			div.news img {margin-bottom: 1em;}			
		#tns {margin-top: 50px; clear: both;}
			#tns a {float: left; border: 5px solid #2f3033;}
			#tns a:hover {border: 5px solid #4b4d52;}
				#tns img.tn {width: 60px; height: 60px;}
	#index #right {width: 42%;}
		#flashcontent_bnr {float: left; width: 240px; height: 350px; background-color: #4b4d52; border: 10px solid #4b4d52; margin-bottom: 60px;}
		.bnr {height: 150px; background-color: #4b4d52; border: 10px solid #4b4d52; margin-bottom: 60px;}
			.bnr a {position: relative; display: block; width: 100%; height: 100%; font-size: 90%; font-weight: bold;}
				.bnr a span {position: absolute; right: 30px; margin-left: 30px; bottom: 0; right: 0; text-decoration: underline; background-color: #4b4d52; padding: 5px 0 0 10px; cursor: hand;}
		#brands {width: 100%; background: #b1b2b3; margin-bottom: 60px;}
			#brands td {width: 33%; height: 80px; border-right: 1px solid #2f3033; text-align: center; padding: 0;}
		#learn_more {float: left; width: 80%; border: 1px solid #4b4d52; padding: 1.5em; color: #b1b2b3; margin: 1em 0 60px 0;}
			#learn_more h1 {font-size: 140%;}
			#learn_more strong {font-weight: normal;}
	.column3 {float: left; width: 22.5%;}
	.column4 {float: left; width: 16%;}
		.column3 img, .column4 img {margin: 40px 0 1.2em 0;}
		h2.car {margin: -0.6em 0 0.3em 0;}
	.column3_gallery {float: left; width: 22.5%;}
		.column3_gallery img {margin: 0 0 0.6em 0;}
		.column3_gallery p {margin-bottom: 2.6em;}
	#gallery {float: left; width: 78%; margin: 0 0 1em -10px;}
		#gallery a {float: left; border: 10px solid #2f3033;}
		#gallery a:hover {border: 10px solid #4b4d52;}
#footer	{position: relative; height: 200px; width: 100%;}
	#guesswho {width: 10%; padding: 28px 141px 0 0; height: 100%; background: no-repeat 100% 0 url('/img/guesswho_bg.jpg');}
		#guesswho img {position: absolute; left: 10%; width: 76px; height: 24px;}
	#contacts {position: absolute; top: 0; left: 47%; padding-top: 28px; white-space: nowrap}
		#contacts span {position: relative; left: -0.7em;}
	#copyrights {position: absolute; top: 0; left: 75%; padding-top: 28px; color: #b1b2b3;}
		 

