html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #858482; font-family: Arial, Helvetica,Tahoma, Verdana, sans-serif; background: #efbd2c;}
#body  {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%"); min-width: 770px;}
img {border: 0;}
img.br {clear: both; width: 100%; height: 1px;}
a {color: #3285bc;}
a:hover, a:active {color: #efbd2c;}
a.win {padding-right: 15px; background: no-repeat 100% 30% url('/img/ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 30% url('/img/ico_win_hover.gif');}
span.roman {position: relative; left: -0.6em;}
p {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
	.prelist {margin-bottom: 0.3em;}
	.also {margin-top: 1.2em;}
ul, ol {font-size: 80%; padding: 0; margin: 0 0 0.7em 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;}
	ol li {margin: 0 0 0.3em 40px; position: relative;}
		li p, li ul, li ol {font-size: 100%;}
h1 {font-family: Century Gothic, Arial, Helvetica,Tahoma, Verdana, sans-serif; color: #efbd2c; font-size: 160%; font-weight: normal; margin: 0;}
h2 {color: #e4ded6; font-size: 130%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
	h2 a {color: #e4ded6;}
h3 {color: #cabeae; font-style: italic; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.3em 0;}
h4 {color: #b8b3ad; font-size: 90%; margin: 1.2em 0 0.3em 0;}
table {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em; border-collapse: collapse; border-bottom: 1px solid #363534;}
	th {text-align: left; padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #858482;}
	td {color: #efbd2c; padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #efbd2c;}
.first {margin-top: 0;}

#header {position: relative; width: 100%; height: 150px; background: #363534;}
	#hm {position: absolute; left: 5%; width: 249px;} 
		#hm div {float: left; width: 82px; height: 65px; margin: 44px 0 0 16px;}
		#hm .hm_on {background: no-repeat url('/img/ico_hm_on.gif');}
			#hm div a, #hm div strong {display: block; margin: 16px 0 0 27px; width: 27px; height: 26px;}
			a#ico_h {background: no-repeat 0 0 url('/img/ico_h.gif');}
			a:hover#ico_h {background: no-repeat 0 100% url('/img/ico_h.gif');}
			strong#ico_h {background: no-repeat url('/img/ico_h_on.gif');}
			a#ico_m {background: no-repeat 0 0 url('/img/ico_m.gif');}
			a:hover#ico_m {background: no-repeat 0 100% url('/img/ico_m.gif');}
				#hm div img {width: 27px; height: 26px;}
	ul#menu {position: absolute; left: 40%; width: 60%; font-size: 90%; margin: 4.5em 0 0 0;}
		ul#menu li {float: left; width: 30%; background: none; margin: 0 0 0.5em 0; padding: 0;} 
		ul#menu li#menu_about {width: 25%;}
		ul#menu li#menu_projects {width: 40%;}
		ul#menu li#menu_contacts {width: 30%;}
			ul#menu a {/**display: block; border: 1px solid; **/ color: #858482; height: 100%; text-decoration: none; border-bottom: 1px solid;}
			ul#menu a:hover, ul#menu a:visited:hover {color: #efbd2c;}			
			ul#menu strong {color: #efbd2c;}
				ul#menu strong a, ul#menu strong a:visited  {color: #efbd2c;}
			ul#menu ul {z-index: 1; position: relative; top: -2em;}
				ul#menu ul li {float: none; width: 100%; }
					ul#menu ul li a {color: #3285bc;} 
#flashcontent {position: relative;  width: 100%; height: 300px; background: #363534;}
#content {position: relative; width: 100%; background: #363534; padding: 3em 0; }	
	.spacer {float: left; width: 5%;}
		.spacaer img {width: 1px; height: 1px;}
	#left {float: left; width: 249px;}
		#left h1 {margin-right: 1em;}
	#right {float: left; width: 50%;}
		 #map {width: 312px; height: 334px; margin: 0.5em 0 2em 0;}
		 #YMapsID {width: 500px; height: 500px; margin: 2em 0;}
	#tns {float: left; width: 60%; margin-top: -2em;}
		.tn {float: left; margin: 2em 0 0 0; position: relative; left: -5px; width: 24.5%;}
			.tn a.arrow {position: absolute; text-decoration: none; color: #efbd2c; top: 1.5em; font-size: 90%;}
			.tn a.img {border: 5px solid #363534; display: block; width: 100px; height: 60px; margin-bottom: 0.3em;}
				.tn img {width: 100px; height: 60px;}
			.tn a.img.hover, .tn a.img:hover {border: 5px solid #efbd2c;}
			.tn p {margin: 0 3em 0 5px;}
				.tn p a {color: #dcdbd7;}
				.tn p a.hover, .tn p a:hover, .tn p a:visited:hover {color: #efbd2c; border: none;}
		#previous {float: left; width: 45%;}
			#previous a.arrow {left: -1.5em;}
			#previous p {margin: 0 0 0 5px;}
		#next {margin: 2em -5px 0 0; left: 0; float: right; text-align: right; width: 45%;}
			#next a.arrow {right: -1.5em;}
			#next a.img {float: right;}
			#next p {margin: 0 5px 0 0; clear: right;}
#footer {height: 200px; width: 100%;}
	#logo {position: absolute; left: 5%; bottom: 0; width: 249px; height: 48px;}
	#contacts {position: absolute; left: 5%; bottom: 48px; color: #363534; margin-left: 249px;}
			#contacts a {color: #0e6ead;}
	#guesswho {position: absolute; right: 0; bottom: 48px; width: 20px; height: 76px;}