* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: normal 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #efefef; background: #000000; width: 100%;}
img {border: none;}
a {text-decoration: underline; cursor: pointer; color: #efefef;}
a:hover {text-decoration: none;}
p {padding: 10px 0}
h1, h2, h3, h4, h5, h6 {font-family: Tahoma;}
.set {height: 0; overflow: hidden; clear: both;}

.all {width: 1001px; margin: 0 auto;}
	
	.h01, .h02, .h03, .h04, .h05 {width: 100%; height: 438px; position: relative;}
	.h01 {background: url(../images/h01.jpg) 0 0 no-repeat;}
	.h02 {background: url(../images/h02.jpg) 200px 0 no-repeat;}
	.h03 {background: url(../images/h03.jpg) 400px 0 no-repeat;}
	.h04 {background: url(../images/h04.jpg) 600px 0 no-repeat;}
	.h05 {background: url(../images/h05.jpg) 800px 0 no-repeat;}
	.logo {display: block; position: absolute; width: 168px; height: 73px; right: 126px; top: 281px;}
	
	ul.m-1 {float: right; padding: 37px 0 0 ; overflow: hidden; margin-right: 31px;}
	ul.m-1 li {float: left; list-style: none; padding: 0 22px; border-right: solid 1px #FFFFFF; margin-right: -1px; font: normal 12px/10px Tahoma;}
	ul.m-1 li a {text-decoration: none;}
	ul.m-1 li a:hover {color: #ccc;}
	
	ul.m-2 {position: absolute; right: 39px; top: 427px;}
	ul.m-2 li {float: right; margin-left: 8px; list-style: none;}
	ul.m-2 li a {display: block; width: 16px; height: 13px; background-position: center; background-repeat: no-repeat;}
	ul.m-2 li a.m-1-1 {background-image: url(../images/m1-1.gif);}
	ul.m-2 li a.m-1-2 {background-image: url(../images/m1-2.gif);}
	ul.m-2 li a.m-1-3 {background-image: url(../images/m1-3.gif);}
	
	.cont-1 {padding: 0 0 40px 305px;}
	
		.right {width: 100%; float: left;}
			.podr {display: block; background: url(../images/bl-2.gif) left center no-repeat; padding: 4px 0 0 39px; height: 18px; text-decoration: none; float: left;}
			.podr:hover {color: #ccc;}
			
			
			.img-1 {float: left; width: 310px; text-align: center; padding-top: 30px; margin-right: 30px;}
			.descr-1 {float: left; width: 295px;}
			.prevyu {float: none; clear: both; padding: 30px 0 20px 60px;}
			.prevyu ul, .prevyu ul li {float: left; list-style: none;}
			.prevyu ul li {padding: 5px 20px;}
			.h202 {width: 244px; height: 40px; background: url(../images/h202.gif) no-repeat; padding: 21px 0 0 44px; margin-bottom: 30px;}
			
			
			
		.left {width: 211px; float: left; margin-left: -953px;}
			.m-3 {width: 100%; background: url(../images/menu-bg.gif) 0 0 repeat-y; margin-bottom: 38px;}
			.h201 {padding: 19px 18px 0; height: 35px; background: url(../images/h201.gif) no-repeat; font: normal normal 700 16px/16px "Tahoma";}
			.m-3 ul {background: url(../images/menu-bg-B.gif) left bottom no-repeat; list-style: none; padding: 0 18px;}
			.m-3 ul li {padding: 8px 0;}
			.m-3 ul li a {display: block; background: url(../images/bl-1.gif) right center no-repeat; text-decoration: none;}
			.m-3 ul li a:hover {color: #ccc;}
    
© TrueDev.org