body {margin: 0; padding: 0; width: 100%; color: #334029; background: #ffffff; font-family: Tahoma, Verdana, Arial, sans-serif;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 765)? "765px" : "100%"); min-width: 765px;}
img {border: 0;}
a {color: #0077b3;}
a:visited {color: #66aacc;}
a:active {color: #a6425b;}
p {font-size: 0.7em; padding: 0; margin: 0 0 1.3em 0; line-height: 1.4em;}
p.date {color: #55b312; font-size: 0.6em; margin: 0 0 0.3em 0; font-weight: bold;}
ul {font-size: 0.7em; padding: 0; margin: 0 0 1.3em 0; line-height: 1.4em; list-style: none;}
li {margin: 0 0 0.2em 1.3em; padding-left: 1em; background: no-repeat top left url('img/li.gif');}
h1 {color: #55b312; font-size: 1.4em; margin: 0 0 0.9em 0; font-weight: normal;}
	h1 a, h1 a:visited, h1 a:active {color: #55b312;}
h2 {color: #a6425b; font-weight: normal; font-size: 1.1em; margin: 0 0 0.5em 0;}
	h2 a, h2 a:visited, h2 a:active {color: #a6425b;}
h3 {font-size: 0.7em; padding: 0; margin: 0 0 0.3em 0; line-height: 1.4em;}
h4 {font-size: 0.7em; padding: 0; margin: 0 0 1.3em 0; line-height: 1.4em;}
	h4 a, h4 a:visited {color: #a6425b;}

form {font-size: 0.7em; margin: 0 0 1.3em 0; border: 0;}/*#f2f6fc*/
input, select, textarea {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em;}
input.rubber, select.rubber, textarea.rubber {width: 98%;}
input.button {font-size: 1em; height: 2.3em; padding: 0 1em 0.2em 1em; cursor: pointer; cursor: hand;}
	form table td {padding: 5px;}
			form table td table td {padding: 0 10px 0 0; font-size: 1em;}
	form table td.buttons {text-align: center;} 

.nobr {white-space: nowrap;}

p.counter a,  p.counter a:visited, p.counter a:active {color: #404040; padding: 2px 5px 4px 5px;}
p.counter span.active {color: #fff; background:  #8ed852; padding: 2px 5px 4px 5px;}

span.passive {padding: 2px 5px 4px 5px;}


img.png {//background-image: none !important; behavior: url('png.htc');}
/**img.photo {margin: 0 0 2em 4em; float: right;}**/
img.photo {margin: 0.6em 0.4em 0.8em 0;}

#logo {float: left; width: 20%; height: 175px; text-align: center;}
	#logo img {margin: 45px 0 0 15px;}
.header {float: left; width: 40%; height: 175px;}
	.header div {width: 100%; height: 175px;}
		.header div div {width: 100%; height: 175px;}
#header_01 {background: #7f4425 repeat-x url('img/header_01_bg.jpg');}
	#header_01 div {background: no-repeat left url('img/header_01.jpg');}
		#header_01 div div {background: no-repeat right url('img/header_01_corner.gif')}
#header_02 {background: #9d6157 repeat-x url('img/header_02_bg.jpg');}
	#header_02 div {background: no-repeat left url('img/header_02.jpg');}
		#header_02 div div {background: no-repeat right url('img/header_02_corner.gif')}
#header_03 {background: #973333 repeat-x url('img/header_03_bg.jpg');}
	#header_03 div {background: no-repeat left url('img/header_03.jpg');}
		#header_03 div div {background: no-repeat right url('img/header_03_corner.gif')}
#header_04 {background: #f2c95a repeat-x url('img/header_04_bg.jpg');}
	#header_04 div {background: no-repeat left url('img/header_04.jpg');}
		#header_04 div div {background: no-repeat right url('img/header_04_corner.gif')}
#header_05 {background: #78a852 repeat-x url('img/header_05_bg.jpg');}
	#header_05 div {background: no-repeat left url('img/header_05.jpg');}
		#header_05 div div {background: no-repeat right url('img/header_05_corner.gif')}
	
#see_also {float: right; width: 39.5%; height: 175px; background: no-repeat right top url('img/paint_roller.jpg');}
	#see_also h2 {color: #55b312; margin-top: 40px;}
	#see_also ul {margin-right: 80px;}
	#see_also ul li {margin-bottom: 1em;}
	#see_also a:visited, #see_also a:active {color: #0077b3;}
	
#menu {clear: left; float: left; width: 20%; margin-top: 50px;}
	#menu ul {font-size: 0.8em; font-weight: bold; margin: 0; padding: 0;}
	#menu li {margin: 0; padding: 0.9em 0; background: 0; white-space: nowrap;}
	#menu li#current {color: #fff; background: #a6425b no-repeat right url('img/menu_corner.gif');}
		#menu li a, #menu a:visited, #menu a:active {color: #0077b3; position: relative; left: 25%;}
		#menu li span {position: relative; left: 25%;}
		#menu li#current  a {color: #fff;}
	/*
	#menu li a {display: block; width: 100%; padding: 0.9em 0;}
	#menu li span {display: block; width: 100%; padding: 0.9em 0; color: #fff; background: #a6425b no-repeat right url('img/menu_corner.gif');}
	*/
#news_index {float: left; width: 79.5%; margin-top: 50px;}
.news {float: left; width: 33.3%; }
	.news p.date {margin-left: 25px;}
	.news h3, .news p {margin-left: 50px; margin-right: 30px;}
#content {float: left; width: 60%; margin: 50px 0 0 50px;}
	#content h1 {position: relative; left: -25px;}
	.product {clear: left;}
		.product img {float: left; margin: 0 15px 35px 0; border: 1px solid #a6425b;}
		.product h3, #content .product p {margin: 0 35px 0 100px;}
		.product p {padding-bottom: 35px;}
	
#main {float: left; width: 79.5%; margin-top: 50px;}
	
#products_bnr {clear: left; width: 95%; position: relative; left: 5%; top: 50px;}
	.product_bnr {float: left; width: 32%;}
		.product_bnr img {float: left; margin: 0 15px 0 0;; border: 1px solid #a6425b;}
		.product_bnr h3, .product_bnr p {margin: 0 35px 0 100px;}

#products {float: left; width: 38%; margin-top: 50px;}
	#products .product {clear: left; margin-left: 50px;}
		#products .product h3, #products .product p {margin: 0 35px 0 100px;}
		
#right {float: right; width: 40%; margin-top: 50px; padding-bottom: 50px;}
	#right h2 {margin-right: 40px;}
	#right p {margin: 0 40px 0 25px;}
	#hsm {float: right; width: 60%; background: #a6425b no-repeat left url('img/hsm_corner.gif'); padding: 1em 0; text-align: center; margin: 25px 0 30px 0;}
			#h {position: relative; margin-right: 35px;}
			#s {position: relative;}
			#m {position: relative; margin-left: 35px;}
			p.contacts {clear: right; color: #808080;}
		
#guesswho_index {clear: left; float: left; width: 20%; margin-top: 50px;}
	#guesswho_index img {position: relative; left: 25%; margin-bottom: 75px;}
#copyright_index {float: left; width: 79.5%; margin: 50px 0;}
	#copyright_index p {margin-left: 50px;}

#guesswho {clear: left; float: left; width: 20%; margin: 50px 0; position: relative; top: 98px;}
	#guesswho img {position: relative; left: 25%;}
#copyright {float: left; margin: 50px 0; width: 39.5%; position: relative; top: 98px;}
	#copyright p {margin-left: 50px;}
	
.special {background: #c6f0a8 no-repeat top left url('img/bg_special_left.gif'); margin-bottom: 1.3em;}
	.special p {background: no-repeat bottom right url('img/bg_special_right.gif'); padding: 1.5em 5em; margin: 0;}