* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: normal 12px Arial, Helvetica, sans-serif; color: #000000; background: #FFFFFF;}
img {border: none;}
li {list-style: none;}
a {text-decoration: underline; cursor: pointer; color: #2367CD;}
a:hover {text-decoration: none;}

.set {height: 0; overflow: hidden; clear: both;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}

div#all {width: 904px; padding: 0 50px; margin: 0 auto; position: relative;}

div.header {margin-bottom: 13px;}
.header, .h01, .h02, .h03 {width: 100%; height: 284px; position: relative; background: url(../images/header.gif) 0 0 repeat-x;}
.h01 {background: url(../images/h01.jpg) 0 0 no-repeat;}
.h02 {background: url(../images/h02.jpg) 150px 0 no-repeat;}
.h03 {background: url(../images/h03.jpg) 300px 0 no-repeat;}
.h04 {background: url(../images/h04.gif) 100% 0 no-repeat; padding: 100px 0 0 407px; position: relative;  height: 184px; overflow: hidden;}
div#profile .header {height: 133px; overflow: hidden; margin-bottom: 0;}
div#profile .h01 {background: url(../images/h04.jpg) 0 0 no-repeat;}
h1.h1 {font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; position: absolute; left: 23px; top: 7px;}

form.form-1 {width: 166px; height: 30px; padding-left: 44px; position: absolute; right: 20px; top: 24px; background: url(../images/find-1.jpg) 0 0 no-repeat;}
form.form-1 input.text-1 {width: 128px; height: 25px; line-height:25px; background: #FFFFFF; border: solid 1px #BABABA; float: left;}
form.form-1 span.submit-1 {padding: 4px 0 0 6px; display: block; float: left;}
form.form-1 span.submit-1 input {cursor: pointer;}

a.kartinka-1 {position: absolute; width: 468px; height: 60px; left: 195px; top: 10px;}
a.kartinka-1 img {width: 468px; height: 60px;}

a.logo-1 {position: absolute; width: 170px; height: 55px; left: 0; top: 42px;}

ul.m-1 {font-size: 16px; height: 51px;}
ul.m-1 li {float: left; padding: 0 9px;}
ul.m-1 li a {color: #ffffff;}

a.a-1, a.a-2 {position: absolute; font-size: 13px; font-weight: bold; color: #ffffff;}
a.a-1 {background: url(../images/viyti.gif) left 4px no-repeat; padding-left: 16px; left: 10px; top: 113px;}
a.a-2 {background: url(../images/zeppelin.gif) left 4px no-repeat; padding-left: 14px; left: 80px; top: 113px;}

p.desc {padding: 0 9px 15px;}

a.a-3 {display: block; width: 169px; height: 38px; background: url(../images/prisoedinitsa.gif) 0 0 no-repeat; margin-left: 9px; text-indent: -9999px; overflow: hidden;}

div#main-page {background: url(../images/main-page.gif) 0 0 repeat-x; height: 1%;}
div.main-page {background: url(../images/main-page-R.gif) right 0 no-repeat;}
div.main-page ul {background: url(../images/main-page-L.gif) 0 0 no-repeat; padding: 14px 0 0 22px; height: 37px; font-weight: bold; clear: both; float: none;}
div.main-page ul li {float: left; padding: 1px 30px 0 25px; background-position: 0 0; background-repeat: no-repeat;}
div.main-page ul li a {color: #5D5D5D;}
li.li-1 {background-image: url(../images/home.gif);}
li.li-2 {background-image: url(../images/main.gif);}
li.li-3 {background-image: url(../images/friends.gif);}
li.li-4 {background-image: url(../images/message.gif);}
li.li-5 {background-image: url(../images/settings.gif);}

div.cont-1 {width: 904px; float:left; padding-bottom: 20px;}
	div.center {padding-left: 210px;}
		h2.h200 {background: url(../images/h200.gif) 0 bottom repeat-x; font-size: 14px;}
		h2.h200 span {display: block; background: url(../images/h200-R.gif) right bottom no-repeat;}
		h2.h200 span span {background: url(../images/h200-L.gif) left bottom no-repeat; padding: 22px 14px 0; height: 21px;}
		h2.h201 span span, h2.h202 span span, h2.h203 span span, h2.h204 span span, h2.h205 span span, h2.h206 span span {padding-left: 50px; background-image: url(../images/h201.gif); background-repeat: no-repeat;}
		h2.h201 span span {background-position: 0 8px;}
		h2.h202 span span {background-position: 0px -55px;}
		h2.h203 span span {background-position: 0 -116px;}
		h2.h204 span span {background-position: 0 -170px;}
		h2.h205 span span {background-position: 0 -230px;}
		h2.h206 span span {background-position: 0 -286px;}
		
		div.content-1 {border: solid #D6D6D6; border-width: 0 1px; padding-top: 10px; margin-bottom: 10px; background: #F8F8F8;}
		div.content-1-3 {background: url(../images/content-1.gif) 0 100% repeat-x; margin: 0 -1px;}
		div.content-1-1 {background: url(../images/content-1-L.gif) 0 100% no-repeat;}
		div.content-1-2 {background: url(../images/content-1-R.gif) 100% 100% no-repeat; height: 6px;}
		
		table.table-1 {border-collapse: collapse; width: 680px; margin: 0 auto; text-align: center; font-size: 11px; font-weight: bold;}
		table.table-1 td {padding-bottom: 10px; vertical-align: middle; width: 97px; overflow: hidden;}
		table.table-1 td img, .td-1 img {max-width: 80px; padding: 3px; border: solid 1px #999999; margin-top: 4px;}
		table.table-1 td a {text-decoration: none; _text-decoration: underline;}
		table.table-1 td a span {text-decoration: underline;}
		table.table-1 td a:hover span {text-decoration: none;}
		
		ul.m-4 {padding: 0 6px;}
		ul.m-4 li {padding: 7px 5px 0 25px; height: 23px; border-bottom: solid 1px #DFDFDF; background-position: 4px center; background-repeat: no-repeat;}
		ul.m-4 li span {display: block; float: left;}
		ul.m-4 li span a {margin-right: 5px;}
		ul.m-4 li strong {display: block; float: right; font-weight: normal; color: #6a6a6a; padding-right: 18px; background: url(../images/bl-5.gif) right center no-repeat;}
		li.m-4-1 {background-image: url(../images/bl-1.gif);}
		li.m-4-2 {background-image: url(../images/bl-2.gif);}
		li.m-4-3 {background-image: url(../images/bl-3.gif);}
		ul.m-4 li.m-4-4 {background-image: url(../images/bl-4.gif); border: none;}
		ul.m-4 li.m-4-2 strong {background: url(../images/bl-6.gif) right center no-repeat;}
		
		ul.m-5 {padding: 3px 28px;}
		ul.m-5 li {padding-bottom: 3px; float: none; clear: both;}
		ul.m-5 li h5 {font-weight: normal; font-size: 12px;}
		ul.m-5 li h5 strong {padding-right: 11px;}
		ul.m-5 li span {display: block; float: left; min-width: 144px; color: #585858;}
		
		
		form.form-3 {background: #E1E1E1 url(../images/content-2-L.gif) 0 100% no-repeat; height: 1%; position: relative; top: -10px; border-top: solid 1px #BFBFBF; text-align: center; margin-bottom: 10px;}
		div.corn-1 {background: url(../images/content-2-R.gif) 100% 100% no-repeat; padding: 13px;}
		form.form-3 textarea {width: 98%; height: 34px; background-color: #FFFFFF; border: solid 1px #AAAAAA; margin-bottom: 15px; resize:none; overflow:auto;}
		input.text-2 {width: 45px; height: 18px; line-height:18px; background: none; border: solid 1px #AAAAAA; margin: 0px 5px;}
		
		table.table-2 {border-collapse: collapse; margin: 0 9px;}
		table.table-2 td {vertical-align: top; padding-bottom: 12px;}
		table.table-2 td p {padding: 5px 23px;}
		.td-1 img {margin: 0 1px 1px;}
			table.table-3 {width: 100%; border-collapse: collapse; background: #F0F0F0; border-top: solid 1px #959595;}
			table.table-3 td {vertical-align: middle; height: 37px; padding: 0 14px;}
			table.table-3 td.td-2 a {font-weight: bold;}
			table.table-3 td.td-2 small {font-size: 11px; color: #818181;}
			table.table-3 td.td-3 {min-width: 230px; text-align: right;}
			table.table-3 td.td-3 a {margin: 0 5px;}
	
	
div.left {width: 182px; float: left; margin-left: -904px; padding-bottom: 20px;}
		div.cont-2 {padding: 0 15px;}
		form.form-2 {font-size: 10px;}
		form.form-2 li {height: 1%;}
		form.form-2 label {display: block; padding: 6px 0 3px;}
		form.form-2 input {background: #FFFFFF; vertical-align: middle;}
		form.form-2 input.text-1 {width: 144px; height: 23px; line-height:23px; border: solid 1px #C6C6C6;}
		form.form-2 input.checkbox-1 {margin-right: 5px;}
		span.submit {border: solid 1px #C6C6C6; display: inline-block; margin-right: 6px; *margin-right: 4px; *display:inline; zoom:1;}
		html:root span.submit {display: -moz-inline-stack; margin-right: 6px; *display:inline;zoom:1;}
		span.submit input {background: #FFFFFF url(../images/submit-1.gif) 0 0 repeat-x; border: solid 1px #FFFFFF; height: 19px; font-size: 11px; color: #000000; padding: 0 8px; _padding: 0px; cursor: pointer; *padding:0;*display:inline;zoom:1;} 
		html:root span.submit input {padding: 0 5px; *padding:0;}
		
		ul.m-2 li {background: url(../images/m-2-li.gif) left 8px no-repeat; padding: 1px 0 1px 8px;}
		ul.m-2 li strong {padding-left: 5px;}
		
		a.kartinka-2 {margin: 10px auto; width: 120px; height: 240px; display: block;}
		a.kartinka-2 img {width: 120px; height: 240px;}
		
		div.main {padding: 20px 0; text-align: center;}
		div.main h3 {font-size: 14px; padding-bottom: 9px;}
		div.main img {max-width: 95%; padding: 3px; background-color: #FFFFFF; border: solid 1px #A8A8A8;}
		
	div#footer {background: url(../images/footer-bg.gif) 0 0 repeat-x; height: 1%; position: relative;}
	div.footer {background: url(../images/footer-L.jpg) 0 0 no-repeat;}
	.m-3 {background: url(../images/footer-R.gif) 100% 0 no-repeat; padding: 16px 0 0 215px; height: 60px; color: #7a7a7a;}
	.m-3 li {float: left; padding-right: 14px;}
	.m-3 li.copy {float: right;}
	b.footer-a {width: 20px; height: 53px; display: block; background: url(../images/footer-a.jpg) no-repeat; position: absolute; left: 30px; bottom: 0;}    
© TrueDev.org