body {font: 14px arial; color: #000;}
ul li {margin-bottom: 5px;}
h3 {font-size: 16px; color: #0068b2; margin-bottom: 10px;}
h2 {font-size: 26px; color: #666;}
.fish {font-size: 20px; color: #999; padding-left: 45px; background: url('../images/ico/fish.png') no-repeat top left; margin-bottom: 20px;}
h1.fish {font-size: 24px; padding-left: 50px;}
li .label {position: relative; text-transform: lowercase; color: #999; font-size: 20px;}
.clear {clear: both;}

.wrapper {width: 940px; margin: 0 auto;}

#header {height: 310px; position: relative;}
	#header a#logo {display: block; width: 241px; height: 68px; float: left; margin: 35px 0 0 200px; background: url('../images/logo.png') no-repeat;}
	#header #contacts {float: right; margin: 35px 25px 0 0; text-align: right;}
		#header #contacts p {font-size: 22px; color: #fff; margin-bottom: 3px;}
		#header #contacts a {display: block; line-height: 22px; color: #fff;}
		#header #contacts a.skype {float: right; padding-left: 20px; background: url('../images/ico/skype.png') no-repeat left 5px; color: #fff; text-decoration: none;}

	#header .description {position: absolute; bottom: 0; width: 100%; height: 105px; background: url('../images/bg/fishs.png') no-repeat 790px 20px, url('../images/bg/descr-bg.png') repeat;}
		#header .description ul {padding: 25px 0 0 25px; color: #fff; font-size: 16px;}
		#header .description ul li {float: left; width: 265px; padding-right: 30px;}	

#menu {width: 952px; height: 80px; left: -5px; top: -5px; background: url('../images/bg/menu.png') no-repeat;}
	#menu form {float: left; margin: 20px 30px; padding-left: 20px; background: url('../images/ico/search.png') no-repeat;}
	#menu form input {background: transparent; border: none; width: 170px; border-bottom: 1px solid #e5e5e5; color: #e5e5e5; font-size: 16px; padding: 0 3px;}
	#menu ul {float: right; margin: 5px 15px 0 0;}
		#menu > ul > li {float: left}
			#menu > ul > li > a {font-size: 17px; color: #fff; display: block; padding: 7px;}
			#menu li:hover a {color: #fff;}
		#menu > ul > li > ul {list-style-type: square; position: absolute; left: -9999px; z-index: 10; background: url('../images/bg/descr-bg.png') repeat; color: #fff;}
			#menu > ul > li:hover {background: url('../images/bg/descr-bg.png') repeat;}
			#menu ul > li:hover > ul {left: 0px; padding-left: 30px; background: url('../images/bg/descr-bg.png') repeat;} 
			#menu ul > li:hover > ul a {font-size: 13px; display: block; padding-bottom: 15px;}

#content {padding-bottom: 130px;}
	#content table {width: auto;}
	#content table tr, #content table td {border: 1px solid #000;}

.banner {float: left; width: 220px; min-height: 250px; overflow: hidden; position: relative;}
	.banner ul {list-style: none; position: absolute;}
		.banner li {float: left; width: 220px;}

.left {width: 700px; float: left;}
	.left .news {padding-top: 15px; border-top: 1px solid #e5e5e5; margin-top: 15px;}
	.left .news li {float: left; width: 32%; padding-right: 2%; margin-top: 3px;}
	.left .news li span {display: block; font-size: 9px; margin-bottom: 3px;}
	.left .news li a {text-decoration: none; color: #000; line-height: 14px;}
	.left .news li a:hover {text-decoration: underline;}
	.left .news a.more {display: block; float: right; color: #000; margin: 5px 0;}

	.catalog .main-product {position: relative;}
		.catalog .main-product a {text-decoration: none;}
		.catalog .main-product .label {bottom: 80px; left: 35px; font-size: 46px; color: #999;}	
		.catalog .main-product svg {width: 80px; height: 40px; position: absolute; left: 85px; bottom: 40px;}

	.catalog li {float: left; width: 50%; position: relative; margin-bottom: 10px; min-height: 150px;}
	.catalog li .label {bottom: 0; left: 5px;}
	.catalog li svg {width: 50px; height: 20px; position: absolute; bottom: 25px; left: 65px;}

	.category {margin-bottom: 35px;}
		.category li {width: 25%; float: left; position: relative; margin-bottom: 5px;}
		.category li .label {bottom: 0; left: 5px;}
		.category li svg {width: 50px; height: 20px; position: absolute; bottom: 25px; left: 25px;}

.product p {line-height: 13px; margin-bottom: 10px;}

.right {width: 240px; float: right;}
	.right > div {padding: 15px 0 15px 0; margin-left: 20px;}
	.right .video a {font-size: 16px; color: #000; line-height: 25px;}
	.right .poll form {background: #f2f3d5; padding: 15px;}
	.right .poll form > div {margin-bottom: 3px;}
	.right .poll input[type = submit] {border: none; outline: none; padding: 10px; background: #ff7103; color: #fff; margin-top: 5px;}
	.right .poll input[type = radio] {opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); outline: none;}
	.right .poll label {background: url('../images/ico/radio.png') no-repeat; padding-left: 20px; margin-left: -15px; font-size: 13px;}
	.right .poll label.active {background-position: 0 -15px;}
	.right .poll p {margin: 5px 0;}
	.right .poll > table {margin-top: 5px;}


#footer {height: 80px; padding-top: 3px; margin-top: 20px; background: #c7dce3 url('../images/bg/water.jpg') top repeat-x; position: relative;}
	#footer > a[rel = nofollow] {position: absolute; bottom: 5px; left: 5px;}
	#footer .copyright {float: left; padding-top: 28px;}
	#footer .copyright a {color: #000;}
	#footer .contacts {float: right; line-height: 75px;}
	#footer .contacts li {float: left;}
	#footer .contacts li a {color: #000; padding-left: 5px;}
	#footer .contacts li a.skype {padding-left: 20px; background: url('../images/ico/skype-black.png') no-repeat left; text-decoration: none;}

#feedback {padding-left: 20px;}
	#feedback > div {margin-bottom: 5px;}
	#feedback textarea {margin: 0;}