/*
Author: Matiunin Alexsandr
*/

html { height: 100%; color: #333; background: #eee; font: lighter 0.9em/1.6 Tahoma, Geneva, sans-serif; }
body { min-height: 100%; position:relative; padding:0; margin:0 auto; width:100%; }


.header {
	font-size: 0.8em;
	background: #999 url(images/bg_header.png) 0 0 repeat;
	height: 100px;
	color: white;
	text-align: right;
}

.header .h-content {
	width: 600px;
	margin: 0 auto;
	height: 75px;
	padding-top: 25px;
	padding-right:10px;
}
.header .h-content span { font: 1.3em/1.6 Tahoma;}

.header .logo { float: left; text-align: left; margin: -5px 0 0 10px;}
.header .logo a {
	display: block;
	background: url(images/logo.png) 0 -32px no-repeat;
	width: 112px;
	height: 32px;
}
.header .logo a:hover { background-position: 0 0;}

table.menu { text-align: center; margin-top: -20px; vertical-align: middle;}
table.menu td, table.menu th {border: 0px solid transparent; padding:0;}
table.menu td { width: 100px; height: 41px; }
table.menu td.part { width: auto; }
table.menu td.main {/* width: 600px; min-width: 600px;*/}
table.menu td a {
	display: block;
	height: 33px;
	color: white;
	padding: 8px 0 0;
	width: 100px;
	background: url(images/tabs.png) -100px 0 no-repeat;
}
table.menu td a:hover { background-position: 0 0; }
table.menu td.selected a, table.menu td.selected a:hover { background-position: -200px 0; color: #333;}

#page {text-align: center;
	padding-top: 50px;	
}

.content {
	width: 600px; 
	text-align: left;
	margin: 0 auto;
}

.content h1, .covntent h2, .content h3, .content h4 { font: normal 1.2em Tahoma, Geneva, sans-serif; margin-bottom: .5em; }
.content h1 { text-transform: uppercase; border-bottom: 1px solid #e3e3e3;}
.content h1 span { color: #393;}
.content h2 { font-size: 1.2em; font-weight: lighter; text-align: center; background: #e3e3e3;} 
.content h3 { font-size: 1.1em; font-weight: bold; }
.content h4 { font-size: 1em; font-weight: bold; }

.bloks { margin:10px 0 30px -5px; width: 610px; overflow: hidden;}
.bloks .project { background: white url(images/bloks.png) 0 0 no-repeat;
	width: 295px;
	height: 139px;
	float: left;
	margin: 5px;
	font: 0.75em/1.2 Tahoma;
}
.bloks .project .wrap { margin: 15px; overflow: hidden;}

.bloks .project a.enter {
	float: right;
	display: block;
	padding-right: 8px;
	background: url(images/row.png) 100% 5px no-repeat;
}

.bloks .project .wrap p {margin-top: 15px;}

.footer {
	height: 15px;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size: 0.8em;
	color: #666;
	padding: 10px 2%;
	background: #e3e3e3;
	margin-top:-17px;
	clear:both;
	position:absolute;
	bottom:0px;
	width:96%;
}

.footer .links { display: none;}
.footer .links a { margin-right: 5px;}
.footer a { color: #666;}
.footer .copyrigth {
	white-space: nowrap;
	float: left;
}

a.icon {
	display: block;	
	width: 16px;
	height: 16px;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

.twitter a.icon {
	background: url(images/twitter.png) 0 0 no-repeat;
	width: 14px;
}

.vkontakte a.icon {background: url(images/vkontakte.png) 0 0 no-repeat;}

/*прибиваем футер*/
	html, body, #wrap {	height:100%;}
	#wrap {
		height:auto;
		min-height:100%;
		overflow:hidden;
 		position:relative;
 		padding-bottom:17px;
 }
	.all {	padding-bottom: 17px;}  /* must be same height as the footer */
	
	/* CLEAR FIX*/
	.clearfix:after {
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	.clearfix {	display:inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix { display:block;}
	/* End hide from IE-mac */