/*
	Created: 	by Stanislav Mirzaev: mirstas@gmail.com
*/

* {margin:0; padding:0}

body {font: 100%/1.2em "Times New Roman", Times, serif; background-color:#eee; height:100% }
img {  border:none}
a:link, a:visited, a:active { display:block; text-decoration:none;}
a:hover { display:block; }

/*-------------------- STRUCTURA -------------------------------------------*/
div#container {position:relative; width:100%; background: #eee; overflow:hidden }

div#container_first {width:100%; height:100%; background: #fff; }
				
div#header {position:relative;	height:144px; line-height:50px; color: #965e23;
			padding-right:15px; background: url(../Images/bghead.jpg) repeat-x}
			
div#wrapper {float:left; width:100%; overflow: hidden; padding-bottom:400px}

div#content {position:relative; margin-left:17% !important; margin-left:180px; 
			 width:829px; height: 100%; padding:30px 0 0 25px}

div#navigation {position:absolute; top:144px; left:0; display:block; width:175px; background:#eee; color:#cc6600; }

div#footer {position: relative; clear:both; width:100%; height:100px; color:#aaa; padding-bottom:25px}
div#foot_txt {position:relative; 
			margin-left:17% !important; margin-left:180px; width:829px;}
/*----------------------------------------------------------------------------------------------*/
#menu_first {position:absolute; top:129px; right:25px; list-style:none; }
#menu_first li {display:block; height:60px;}  
#menu_first a { height:18px; width:140px; display:inherit}
#menu_first .valentin { background: url(../Images/button_1.jpg) no-repeat; margin-left:80px }
#menu_first .natalia { background: url(../Images/button_2.jpg) no-repeat; margin-left:80px }
#menu_first .vlad { background: url(../Images/button_3.jpg) no-repeat; margin-left:80px }
#menu_first .passive { background-position: 0 -18px}

#menu_first .nata { background:  url(../Images/button_4.jpg) no-repeat; margin-top:-8px; width:220px;}
#menu_first .passive_nat { background-position: 0 -29px}
#menu_first a:hover { background-position: 0 0}

/* --------------ZAGOLOVOK-------------------------- */
div#header img.Zagolovok{ position:absolute; float:right; top: 17px; right: 10px; }

div#header #nav_head  { position:absolute; bottom:20px; right:5px; list-style:none}
div#header #nav_head  li { float: left; }
div#header #nav_head  a { display:inline; float:left; width:300px; height:29px; margin-left:5px;
					font-size:0.7em; font-weight:500}
.present { background: url(../Images/Flash1.gif) no-repeat}
.biograf { background: url(../Images/Biographies1.gif) no-repeat}
#nav_head .active { background-position: 0 0}
#nav_head .passive { background-position: 0 -29px}
#nav_head a.active:hover { background-position: 0 -29px }
#nav_head a.passive:hover { background-position: 0 0 }

div#header #nav { position:absolute; bottom:0; right:5px; list-style:none}
div#header #nav li { float: left; }
div#header #nav a { display:inline; float:left; width:165px; height:16px; margin-left:5px;
					font-size:0.7em; font-weight:500}
#nav .valentin { background: url(../Images/Graphic1.gif) no-repeat}
#nav .natalia { background: url(../Images/Graphic3.gif) no-repeat}
#nav .vlad { background: url(../Images/Graphic2.gif) no-repeat}
#nav .nata { background:  url(../Images/Graphic4.gif) no-repeat; width:232px!important}
#nav .passive { background-position: 0 -32px}
div#header #nav a:hover { background-position: 0 -16px}

/* Scroller Box */
#scroller_container { position:absolute; top:40px; left:30px; width: 350px; height: 60px; overflow: hidden; }

#scroller { white-space: nowrap; line-height: 60px; font-weight:700; }
/* Scoller Box */

/*-------------- SODERJIMOE-------------------------- */
div#content .pic { position:relative; top:20px; left:25px; list-style:none; display:block; height:1% }
div#content .pic li { display:inline; float:left }

.wrap1, .wrap2, .wrap3, .wrap3 img { display: block; }
.wrap1 { 
	background: url(../Images/shadow.gif) no-repeat right bottom; float: left; }
.wrap2 { 
	background: url(../Images/corner_bl.gif) no-repeat left bottom; background-position: -10px 100%; }
.wrap3 { padding: 0 17px 17px 0; 
	background: url(../Images/corner_tr.gif) no-repeat right top; background-position: 100% -10px; }

div#content .pic a { display: block; padding:3px; background:#bc973c; }
div#content .pic a:hover { background:#d7ad44}						

div#content a.ssilka:hover { text-decoration:underline }
div#content .active { color:#880b22}

div#content .pic li span.price {font: 0.7em Arial, sans-serif; color:#bc973c; margin-right:17px}

/* ---------------NAVIGATION-------------------------- */
div#navigation p { padding:10px; font-size:0.8em; line-height:1.3em; font-weight:normal; }
div#navigation h2 { width: 175px; height:78px; background:#5e0717; padding:10px 0 0 0;
					color:#f6c89b; font-size:1.3em; text-align:center; line-height:1.4em}
div#navigation #main_table { display:inline; margin-left:10px }

div#navigation span, a { color:#b17603;}					
div#navigation a.ssilka { display:block; width:32px; height:32px; }					
div#navigation .biogr {background: url(../Images/acroread.gif) no-repeat}
div#navigation .mail {background: url(../Images/mail_generic.gif) no-repeat}			
div#navigation .ssilka:hover { background-position: 0 -32px }
div#navigation a:hover { text-decoration:underline }		
			
/*----------- FOOTER ------------------*/
div#footer span { vertical-align: 0.4em; font-size:0.7em; line-height:1.7em;}
div#footer h3 { position:absolute; bottom:30px; right:20px; }