/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,figure { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

fieldset,iframe,img { border: none; }

caption,th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }



/* LAYOUT */

html { background-color:#fff;}

body {

	width:100%; height:700px; min-height: 700px;

	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

	min-width:700px;

	color: #333;

}



h3 {font-size: 1.3em;margin-bottom: 6px; color: #08C;}
h2 {font-size: 1.3em;margin-bottom: 6px; color: #000;}



p {line-height: 12px/18px; padding: 10px 0; margin: 0px;}

ul {list-style: circle; margin:0; padding:0;}

li {margin: 0 0 2px 18px; padding: 0;}



a:hover {color: #336699; text-decoration: underline;}

a {color: #3399cc; text-decoration: none;}



#background {height:700px;background: #fff url('/images/background.jpg') 50% 0% repeat-x; }



#main {

	position:relative;

	width: 1000px;

	margin: 0px auto;

	padding: 0px 0px 40px 0px;

}



#background-image {background: #fff url('/images/yak40_background2.jpg') 50% 150px no-repeat; display:none; position: absolute; top:0; left: 0; width:100%; height: 700px;}
#news {display: none; position: absolute; height: 30px; overflow:hidden; top: 610px; width:100%; margin: 0; padding:0; font-size: 11px; line-height: 26px}
#news .left {background: #fff url('/images/news-back.png') 0% 0% no-repeat;  width: 714px; margin: 0px 0px 0px 130px; padding:0px 0px 0px 10px;height: 30px;}
#news .right {background: #fff url('/images/news-back.png') 100% 0% no-repeat; width: 714px; margin: 0px; padding:0px;height: 30px; color: #6e6e6e;}
#news .news-title {color: #565656; padding-right: 10px; font-weight: bold;}

#main .copyright {

	text-align: center;

	position: absolute;

	top: 690px;

	display:none;

	width:100%;

	margin: 0px auto;

	font-size: 0.9em;

	color: #666;

}



#main .title {

	position: absolute;

	left: 223px;

	display:none;

}

#main .menu {

	position: absolute;

	top: 650px; left:10px;

	display:none;

	width:964px;

	height: 36px;

	overflow: hidden;

}



#main .content {

	position: absolute;

	top: 150px;

	width: 100%;

	color: #6E6E6E;

	height: 490px; overflow:hidden;

}



#menunav {

	display: table;

	width: auto;

	table-layout: fixed;

	list-style: none outside;

	margin: 0px auto;

}

#menunav li {

	display: table-cell;

	width: 120px;

	overflow: hidden;

}



#menunav li:first-child {width:126px}

#menunav li:last-child {width:118px}



#menunav li a {

	width: 100%;

	height: 36px;

	display: block;

	float: none;

	text-decoration: none;

	cursor: pointer;

	overflow: hidden;

	text-indent: -9999px;

	background: url("/images/menu_background.png") no-repeat;

}



#menunav li a span {

	display: block;

	width:100%;

	height: 30px;

	margin: 3px auto;

	background: url(/images/menunav_text2.png) no-repeat 50% 0;

}



/* svobodnoe sostoyanie */

#menunav li#mn-start a {background-position:0 -36px;}

#menunav li#mn-about a {background-position:-250px -36px;}

#menunav li#mn-media a {background-position:-250px -36px;}

#menunav li#mn-buy a {background-position:-250px -36px;}

#menunav li#mn-downloads a {background-position:-250px -36px;}

#menunav li#mn-contacts a {background-position:-130px -36px;}



/* mi v etom razdele */

#menunav li#mn-start a.ch {background-position:0 -108px;}

#menunav li#mn-about a.ch {background-position:-250px -108px;}

#menunav li#mn-media a.ch {background-position:-250px -108px;}

#menunav li#mn-buy a.ch {background-position:-250px -108px;}

#menunav li#mn-downloads a.ch {background-position:-250px -108px;}

#menunav li#mn-contacts a.ch {background-position:-130px -108px;}



/* naveli mishkoy */

#menunav li#mn-start a:hover {background-position:0 -72px; }

#menunav li#mn-about a:hover {background-position:-250px -72px;}

#menunav li#mn-media a:hover {background-position:-250px -72px;}

#menunav li#mn-buy a:hover {background-position:-250px -72px;}

#menunav li#mn-downloads a:hover {background-position:-250px -72px;}

#menunav li#mn-contacts a:hover {background-position:-130px -72px;}



/* nazvaniya punktov menu */

#menunav li#mn-start span {background-position:50% -148px;}

#menunav li#mn-about span {background-position:50% 2px;}

#menunav li#mn-media span {background-position:50% -58px;;}

#menunav li#mn-buy span {background-position:50% -88px;}

#menunav li#mn-downloads span {background-position:50% -178px;}

#menunav li#mn-contacts span {background-position:50% -118px;}



/* PAGES */

#main .content div.c-about,

#main .content div.c-media, 

#main .content div.c-buy, 

#main .content div.c-downloads, 

#main .content div.c-contacts  {display: none; height: 490px; overflow:hidden;}



/* about page */

#main .content div.c-about {background: url(/images/about_page.jpg) -110px 210px no-repeat;}

.c-about .leftcol {width: 520px; position: absolute;padding-left: 20px;}

.c-about .rightcol {left: 580px; position: absolute;}



/* media page */

#main .content div.c-media {}

#main .content div.c-media table {width:100%;height: 490px; overflow:hidden;margin:0;}

#main .content div.c-media table td {vertical-align:top;}

.c-media .rightcol {width: 195px; padding: 0 0 0 30px; text-align:center; background: url(/images/vertical-sep.png) 0px 0px no-repeat;}

.c-media .rightcol div {

	text-align: center;

	color: #08C;

	margin:15px 0px;

	padding:0px;

}

.c-media .rightcol div a img {margin:0;}

.c-media .rightcol div a span {display: block;margin: 0px auto 10px auto; padding:0px;}

.c-media .leftcol {/*background:url(/images/splash-back.png) repeat-y;*/padding: 0px 20px;}

.c-media .leftcol #medias-block {position:relative; width:750px;height: 490px;padding:0;margin:0;overflow:hidden;}

.c-media .leftcol #medias {position:absolute;top:0;left:0;width:3000px;}

.c-media .leftcol #medias div {width:750px;height: 490px;padding:0px;margin:0px auto;display: block; float:left;overflow:hidden;}



/* buy page */

#main .content div.c-buy {background: url(/images/buy_page.jpg) 0px 0px no-repeat;}

.c-buy .pos {position: absolute; top: 40px; left: 580px; padding-right: 20px;}

.c-buy ul {list-style: decimal; }



/* download page */

#main .content div.c-downloads {}

#main .content div.c-downloads {}

#main .content div.c-downloads table {width:100%;height: 490px; overflow:hidden;margin:0;}

#main .content div.c-downloads table td {vertical-align:top;}

.c-downloads .rightcol {width: 195px; padding: 0 0 0 30px; text-align:center; vertical-align: middle !important; background: url(/images/vertical-sep.png) 0px 0px no-repeat;}

.c-downloads .rightcol div {

	text-align: center;

	color: #08C;

	margin:15px 0px;

	padding:0px;

}

.c-downloads .rightcol div a img {margin:0;}

.c-downloads .rightcol div a span {display: block;margin: 0px auto 10px auto; padding:0px;}

.c-downloads .leftcol {padding: 0px 20px;}

.c-downloads .leftcol #pages-block {position:relative; width:750px;height: 490px;padding:0;margin:0;overflow:hidden;}

.c-downloads .leftcol #pages {position:absolute;top:0;left:0;width: 3000px;}

.c-downloads .leftcol #pages div {width:750px;height: 490px;padding:0px;margin:0px auto;display: block; float:left;overflow:hidden;}

.c-downloads .comment {display:block;width:100%;background: #e2f6e2; border:1px solid #cce8cb;color: #339933; font-size: 0.9em;text-align:center;margin: 20px 10px; padding: 15px; line-height: 12px;}

.c-downloads .comment a {color: #339933; font-weight: bold; font-size: 1.1em;}

.c-downloads .p_table {height: auto !important;}

.c-downloads .p_table td {padding: 0px 5px; vertical-align: top;}

.c-downloads .p_table .mb {color: #cacaca; font-size: 0.8em;}

.c-downloads .p_table ul {list-style-type: disc; margin:10px 0px 10px 20px; padding:0px; line-height: 15px;}

.c-downloads .p_table ul li {margin:0;padding: 2px 0px;}



/* contacts page */

#main .content div.c-contacts {background: url(/images/contact_page.jpg) 230px 150px no-repeat;}

.c-contacts .pos {padding: 0px 0px 0px 20px;}

.c-contacts .thx {float:left;width: 330px;padding-right: 20px; }

.c-contacts #message_sended {color: #5cae1a;}

.c-contacts #message_error, .c-contacts #message_error2 {color: #990000;}

.c-contacts span#message_sended-span, .c-contacts span#message_error-span, .c-contacts span#message_error2-span {display: none;}