/* HTML, CSS, jQuery code by Skip (www.skipdesign.ru)
-------------------------------------------------------------*/
@import url(reset.css);

body {
	background: #000 url('../images/bg.jpg') center top no-repeat;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #6c5342;
}
html, body {
	height: 100%;
}

.clear {
	clear: both;
}

a { color: #8c3d33; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { font-size: 2.33em; line-height: 1em; font-weight: normal; color: #8c3d33; padding-bottom: 25px; display: block; }
h2, h3, h4, h5, h6 { font-size: 1.42em; line-height: 1em; font-weight: normal; color: #8c3d33; padding-bottom: 15px; }
h3.progress { font-size: 28px; line-height: 28px; color: #988168; padding-bottom: 0px; margin-bottom: -5px; margin-top: -10px; }
	h3.progress span { font-size: 18px; }
.presslist h3 { font-size: 15px; line-height: 28px; color: #988168; padding-bottom: 0px; margin-bottom: -5px; margin-top: -10px; }
	.presslist  h3 a { font-size: 20px; display: inline !important; width: auto !important; text-decoration:none; }
	.presslist  h3 span { display: block; font-size: 12px; line-height: 12px; margin: 0px !important; padding: 1px 0px 10px 0px !important; color: #6c5342; }
		.presslist  h3 a:hover { text-decoration: none; }

#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 177px;
}

#logo {
	position: absolute;
	top: 83px;
	left: 90px;
}

#menu, #menu2 {
	position: absolute;
	top: 98px;
	left: 531px;
	font-size: 1.1em;
}
	#menu li, #menu2 li {
		color: #dc7330;
		margin-right: 24px;
		display: inline;
		text-transform: uppercase;
	}
		#menu li a, #menu2 li a { color: #fff; text-decoration: none; border-bottom: 1px solid #4d3d4a; }
			#menu li a:hover, #menu2 li a:hover { border: none; }
#menu2 { top: 121px; }
	#menu2 li { margin-right: 9px; text-transform: lowercase; }
		#menu2 li a { border: none; }
	

#icon_fullsize, #icon_music {
	position: absolute;
	top: 150px;
	left: 850px;
	display: block;
	width: 14px;
	height: 11px;
	background: url('../images/icon_fullsize.gif') no-repeat;
}
#icon_music {
	top: 146px;
	left: 887px;
	width: 23px;
	height: 15px;
	background: url('../images/icon_music.gif') no-repeat;
}
	

#content, #content_projects {
	margin-left: 90px;
	width: 815px;
	border: 5px solid #fff;
	height: 380px;
	overflow: hidden;
	margin-bottom: 14px;
}
	#content_scroll {
		overflow: hidden;
		width: 815px !important;
		height: 100%;
		background: url('../images/content_bg2.jpg') repeat-y;
	}
		.bg2 { background: url('../images/content_bg2.jpg') repeat-y !important; }
		.bg3 { background: url('../images/content_bg3.jpg') repeat-y !important; }
		.page404 { background: url('../images/404_bg.jpg') no-repeat !important; height: 380px !important; }
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 21px;
		top: 20px !important;
		height: 346px !important;
		width: 7px !important;
		border: 1px solid #bd9174;	
	}
	.jScrollPaneDrag {
		position: absolute;
		background: #bd9174;
		height: 38px !important;
		width: 7px !important;
		cursor: pointer;
		overflow: hidden;
	}
	
	
#footer {
	color: #7a7a7a;
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 90px;
	position: relative;
}
	p.revold { padding-top: 18px; }
		p.revold a {
			background: url('../images/revold_logo.png') no-repeat;
			font-size: 11px;
			height: 14px;
			display: block;
			width: 142px;
			padding-top: 2px;
			text-decoration: none;
			color: #fff;
			filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;
			padding-left: 85px;
		}
			p.revold a:hover { text-decoration: underline; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
			p.revold a:hover img { text-decoration: none !important; }
		
#footer_contacts {
	position: absolute;
	top: 0px;
	right: 86px;
}
	#footer_contacts strong {
		font-weight: normal;
		font-size: 2em;
		color: #fff;
	}
	
	
#page_content {
	font-size: 12px;
	line-height: 17px;
	padding: 45px 50px 30px 55px;
	position: relative;
}
	#page_content p {
		margin-left: 19px;
		margin-bottom: 20px;
		padding-right: 40px;
	}
	
	#page_content ul li {
		padding-bottom: 10px;
		padding-left: 20px;
		background: url('../images/list_marker_dash.gif') 3px 9px no-repeat;
	}
	
	#page_content .floatleft {
		float: left;
		width: 330px;
		margin-right: 23px;
	}
	#page_content .floatright {
		float: left;
		width: 290px;
	}
		#page_content .floatleft p, #page_content .floatright p { padding-right: 0px; }
	.page404 #page_content .floatleft, .page404 #page_content .floatright {
			position: absolute;
			top: 283px;
			left: 256px;
			margin: 0px;
			width: 178px;
			float: none;
	}
		.page404 #page_content .floatright { left: 497px; width: 200px; }

	
	#page_content ul.opinions { overflow: hidden; }
		#page_content ul.opinions li {
			width: 236px;
			height: 215px;		
			float: left;
			text-align: center;
			margin-top: 30px;
			font-size: 1.25em;
			padding: 0px;
			background: none;
		}
		#page_content ul.progress { padding-left: 19px; }
		#page_content ul.progress li , #page_content ul.presslist li{ width: 200px; height: auto; font-size: 0.92em; line-height: 1.27em; text-align: left; margin-top: 5px; padding-bottom: 25px; padding-right: 30px; }
		body:nth-of-type(1) #page_content ul.progress li { height: 200px; }
		#page_content ul.presslist { width: 720px; padding-left: 0px; }
		#page_content ul.presslist li { width: auto; padding-right: 0px; padding-left: 19px; }		
		#page_content ul.progress li.long { width: 430px; padding-right: 0px; }
		#page_content ul.progress li.medals { width: 172px; padding-right: 0px; padding-bottom: 5px; }
		#page_content ul.progress li h3, #page_content ul.presslist li h3 { padding-bottom: 3px; margin: 0px; }
			ul.opinions li a { text-decoration: none; display: block; width: 176px; }
			ul_.opinions__ li__ a { text-decoration: none; display: block; width: 206px; }
			ul.opinions li span {
				display: block;
				margin: 0 auto;
				width: 95px;
				height: 130px;
				background: url('../images/opinions_bg.png') no-repeat;
				padding-left: 5px;
				padding-top: 4px;
				text-align: left;
				margin-bottom: 7px;
			}
			ul.progress li span, ul.presslist li span { width: auto; height: auto; background: none; padding-left: 0px; margin-bottom: 4px; }
				ul.progress li span img, ul.presslist li span img { padding: 5px; background: #fff; margin-right: 28px; }
				ul.progress li.medals span img { background: none; padding: 0px; margin: 0px; }
				ul.opinions li a span img { cursor: pointer; }
			ul.opinions li ins { display: block; font-size: 0.8em; color: #6c5342; padding-top: 2px; }
			
			#page_content ul.presslist li span.press_bg1, #page_content ul.presslist li span.press_bg2, #page_content ul.presslist li span.press_bg3, #page_content ul.presslist li span.press_bg4 { width: 107px; height: 162px; background: url('../images/press_bg1.png') no-repeat; padding-top: 1px; padding-left: 0px;	margin: 0px; margin-right: 14px; float: left; }
			#page_content ul.presslist li span.press_bg2 { width: 201px; height: 159px; background: url('../images/press_bg2.png') no-repeat; padding-top: 0px; }
			#page_content ul.presslist li span.press_bg3 { width: 125px; height: 159px; background: url('../images/press_bg3.png') no-repeat; padding-top: 0px; padding-left: 4px; }
			#page_content ul.presslist li span.press_bg4 { width: 125px; height: 159px; background: url('../images/press_bg4.png') no-repeat; padding-top: 0px; padding-left: 0px; }
				#page_content ul.presslist li span.press_bg1 img, #page_content ul.presslist li span.press_bg2 img, #page_content ul.presslist li span.press_bg3 img, #page_content ul.presslist li span.press_bg4 img { padding: 0px; background: none; margin: 0px; }
			#page_content ul.presslist li div.clear { padding-top: 14px; }
			
			#page_content ul.presslist object { display: inline; }

	.progress_divider { width: 660px; height: 1px; font-size: 0px; margin: 0px 0px 35px 19px; background: url('../images/progress_div.png') repeat-x; }
			
	#page_content ul.projects_list {
		font-size: 1.67em;
		line-height: 1.15em;
		margin-left: 19px;
	}
		#page_content ul.projects_list li {
			padding: 1px 0px 5px 0px;
			background: url('../images/projects_list_div.png') left bottom no-repeat;
			position: relative;
			width: 668px;
		}
			#page_content ul.projects_list li a {
				padding-left: 25px;
				background: url('../images/projects_list_arrow.png') 0px 7px no-repeat;
				display: block;
				position: relative;
				z-index: 100;
			}
				#page_content ul.projects_list li span { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/projects_list_bg.png'); }
					#page_content ul.projects_list li:hover span { display: block; }

					
	p.contacts {
		font-size: 1.75em;
		margin-top: 20px;
	}
		p.contacts span { display: block; font-size: 0.57em; color: #8c3d33; padding-bottom: 5px; }
		p.contacts a { text-decoration: none; color: #6c5342; }
			p.contacts a:hover { text-decoration: underline; }

	#feedback {
		position: absolute;
		top: 45px;
		left: 474px;
	}
	#feedback h2 { font-size: 2.33em; line-height: 1; font-weight: normal; color: #8c3d33; padding-bottom: 25px; }
	#feedback form label { display: block; color: #995245; padding-bottom: 5px; }
		#feedback form { margin-top: 28px; }
		#feedback form p { margin-top: -10px; }
		#feedback form input.text_field { 
			width: 293px;
			height: 23px;
			background: url('../images/feedback_email.png') no-repeat;
			border: 0;
			padding-top: 5px;
			padding-left: 8px;
			color: #6c5342;
		} 
			#feedback form textarea { 
			width: 285px;
			height: 83px;
			background: url('../images/feedback_text.png') no-repeat;
			border: 0;
			padding-top: 5px;
			padding-left: 8px;
			padding-right: 8px;
			color: #6c5342;
		} 	
		#feedback form input.feedback_submit {
			background: url('../images/feedback_submit_icon.gif') 0px 12px no-repeat;
			border: 0;
			text-transform: lowercase;
			padding-left: 24px; 
			font-size: 21px;
			color: #8c3d33;
			position: absolute;
			right: 35px;
			cursor: pointer;
			text-align: left;
		}
		

#anchors_menu {
	position: absolute;
	top: 53px;
	left: 384px;
	height: 22px;
	background: url('../images/anchors_bg_l.png') no-repeat;
	z-index: 200;
	font-size: 0.92em;
	line-height: 1em;
	color: #fff;
	font-family: Tahoma, Arial, sans-serif;
}
	#anchors_right {
		width: 11px;
		height: 22px;
		background: url('../images/anchors_bg_r.png') no-repeat;
		position: absolute;
		right: -11px;
		top: 0px;
	}
	
	#anchors_menu span {
		display: block;
		padding: 3px 6px 0px 15px;
		height: 17px;
		float: left;
		margin: 1px 9px 0px 1px;
		position: relative;
	}
		#anchors_menu span.active {
			background: url('../images/anchors_active_bg_l.png') no-repeat;
		}
		#anchors_menu span.active ins { display: block; width: 9px; height: 20px; position: absolute; top: 0px; right: -9px; background: url('../images/anchors_active_bg_r.png') no-repeat; }
			#anchors_menu span.active a {
				border: none;
				color: #fff;
				cursor: default;
			}
		#anchors_menu a {
			border-bottom: 1px dotted #8c3d33;
			text-decoration: none;
		}
			#anchors_menu a:hover { border: none; }

			
.page404 #page_content { color: #b2b2b2; }
	.page404 #page_content a { color: #626262; }
	
	
body#projects_bg { background: #000 url('../images/bg2.jpg') center top no-repeat; }
#content_projects { border: none; height: auto; }
	#content_projects h1 { color: #dc1d34; font-size: 28px; margin-left: 62px; width: 635px; }
	#content_projects p { font-size: 12px; line-height: 17px; color: #944d21; margin-left: 80px; width: 635px; margin-top: -6px; margin-bottom: 14px; }
	
	.backlink {
		position: absolute;
		font-size: 11px;
		color: #fff;
		top: 182px;
		left: 802px;
		background: url('../images/icon_backlink.png') 0px 6px no-repeat;
		padding-left: 27px;
	}
	
	#project_img_container { position: relative; }
	#project_img { display: inline; font-size: 0px; }
		#project_img img { border: 5px solid #fff; }
		#project_img span {
			position: absolute;
			bottom: 3px;
			left: 0px;
			display: block;
			z-index: 100;
			font-size: 12px;
			color: #fff;
			background-color: #000;
			filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
			padding: 13px 15px;
			margin: 0px 5px 5px 5px;
			display: none;
		}
	
	#content_projects .jcarousel-list li, .carousel_vertical .jcarousel-item {
		width: 102px;
		margin-bottom: 7px;
		text-align: center;
	}
	#content_projects .jcarousel-container { position: absolute; top: 302px; left: 847px; }
	#content_projects .jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
		width: 102px;
		height: 380px;
		margin-left: 8px;
	}
	#content_projects .jcarousel-list { z-index: 1; overflow: hidden; position: relative; }
	#content_projects .jcarousel-next, #content_projects .jcarousel-prev {
		z-index: 3;
		display: none;
		width:33px;
		height:7px;
		background:url('../images/carousel_arrows.png') 0px 0px no-repeat;
		cursor:pointer;
		position: absolute;
		top: -30px;
		left: 43px;
		font-size: 0px;
	}
		#content_projects .jcarousel-next { background-position: 0px -8px; top: auto; bottom: -30px; }

	#content_projects .jcarousel-prev-disabled-vertical, #content_projects .jcarousel-prev-disabled-vertical:hover { background: none; cursor: default; }
	#content_projects .jcarousel-next-disabled-vertical, #content_projects .jcarousel-next-disabled-vertical:hover { background: none; cursor: default; }	
	
	#page_content ul.presslist li span.press_bg1 a, #page_content ul.presslist li span.press_bg2 a, #page_content ul.presslist li span.press_bg3 a, #page_content ul.presslist li span.press_bg4 a { width: auto !important; }