/*
--------------------------------------------------------
Created:  Бюро Находок. Творческая лаборатория
Version:  11 Jan 2009
-------------------------------------------------------- */

/* Standard
 ------------------------------------------------------------------------ */
 
html, body { 
			text-align:left;
			background: #1e1a14 url(../images/bg.jpg) repeat-x;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color: #717070;
			font-size: 11px;
			line-height: 18px;
			}

/*  Layout
 ------------------------------------------------------------------------ */
	
h1#logo {
		position: absolute;
		top: -9px;
		left: 594px;
		background: url(../images/logo.gif) no-repeat;
		width: 385px;
		height: 53px;
		display: block;
		text-indent: -3000px;
		}
	
/*  Info Navigation 
 ------------------------------------------------------------------------ */
	
#info {
			float: right;
			background: #000;
			margin: 5px 5px 0 0;
			padding: 5px;
			}
	

#info a, #info a:visited {
			text-decoration: none;
			color: #DDD;
			}
#info a:hover,  #about a:hover {
			color: #F00;
			} 
	
/* Scroll Bars
 ------------------------------------------------------------------------ */
			
			/* horizontal track */
			#track2 {
			bottom: 0;
			clear: both;
			width: 100%;
			height: 12px;
			background-color: #000000;
			position: fixed;
			z-index: 10;
			right: 0;
			 _position:absolute;
			  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}
			html>body #floating_banner_bottom { margin-bottom: 0px; bottom: 0 }

			/* horizontal track handle */
			#handle2 {
			width: 80px;
			height: 12px;
			cursor: pointer;
			background: #e58930 url("../images/hline.gif") no-repeat;
			background-position: 20px 2px;
			
			}
			
			/* scrollable div area */
			#scrollable2 {
			height: 100%;
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			/*display: -moz-inline-box;*/
			}

			
/* Content
 ------------------------------------------------------------------------ */	
 
#aboutme {
	position: absolute;
	left: 432px;
	top: 38px;
	display:none; 
	overflow:hidden;
	width: 550px;
	height:170px;
	color: #717070;
	background: url(../images/aboutme.jpg) no-repeat 0 23px;
}

#aboutme p {margin-left: 184px;}
#aboutme a{color: #717171; text-decoration: none;}
#aboutme a:hover{color: #d8812d;}


#horizon    {
			position: absolute;
			top: 320px;
			left: 0px;
			width: 100%;
			height: 271px;
			overflow: hidden;
			visibility: visible;
			display: block;
			background-color: #0f0d09; 
			}

#content2  {
			position: absolute;
			top: 12px;
			visibility: visible;
			width: 100%;
}

#scrollable2 a { text-decoration: none;}

#photobox {	 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	color: #3d3e3e;
	/*float: left;*/
}

#photobox a img {border: 1px solid #353030; margin-left:12px;}
#photobox a:hover img{border: 1px solid #554e4e;}

#photobox strong {
			position: relative;
			display: block;
			top: -6px;
			left:0px;			
			font-weight: normal;
}

#photobox strong i {		
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-style: normal;
			padding-left: 12px;
			padding-right: 12px;
			letter-spacing: 0.3em;
			background: url(../images/ch2.gif) no-repeat top right;
}

#copy {
	position: absolute;
	top:600px;
	margin-left:33px;
	padding-bottom: 15px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #3d3e3e;
}

#copy a {
	text-decoration: none;
	color: #535353;
}

#copy a:hover {
	text-decoration: underline;
}

#footer 	{
			font-size: 11px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 12px;
			visibility: visible;
			display: block
			}

/* Portfolio Navigation 
 ------------------------------------------------------------------------ */
	
#nav {
			position: absolute;
			left: 0;
			float: left;
			background: #000;
			top: 251px;
			margin-right: 10px;
			margin-left: 12px; 
			}

#nav a {
			float: left;
			text-indent: -3000px;
}			
	
#nav div#choose {
	position: absolute;
	background: url(../images/ch1.gif) no-repeat 0 3px;
	top: 25px;
	left: 19px;
	padding-left: 18px; 
	color: #3d3e3e;
	font: 11px Tahoma, Arial Helvetica sans-serif;
	letter-spacing: 0.8em;
}	
#navdot {background: url(../images/navdot.gif) no-repeat; width: 9px; height: 15px; float: left;}

#nav a#nav1 {background: url(../images/nav1.gif) no-repeat;	display: block; width: 123px;	height: 15px;}
#nav a#nav1:hover, #nav a#nav1.selected {background: url(../images/nav1a.gif) no-repeat;}
#nav a#nav2 {background: url(../images/nav2.gif) no-repeat;	display: block; width: 71px;	height: 15px;}
#nav a#nav2:hover, #nav a#nav2.selected {background: url(../images/nav2a.gif) no-repeat;}
#nav a#nav3 {background: url(../images/nav3.gif) no-repeat;	display: block; width: 121px;	height: 15px;}
#nav a#nav3:hover, #nav a#nav3.selected {background: url(../images/nav3a.gif) no-repeat;}
#nav a#nav4 {background: url(../images/nav4.gif) no-repeat;	display: block; width: 118px;	height: 15px;}
#nav a#nav4:hover, #nav a#nav4.selected {background: url(../images/nav4a.gif) no-repeat;}
#nav a#nav5 {background: url(../images/nav5.gif) no-repeat;	display: block; width: 116px;	height: 15px;}
#nav a#nav5:hover, #nav a#nav5.selected {background: url(../images/nav5a.gif) no-repeat;}
#nav a#nav6 {background: url(../images/nav6.gif) no-repeat;	display: block; width: 74px;	height: 15px;}
#nav a#nav6:hover, #nav a#nav6.selected {background: url(../images/nav6a.gif) no-repeat;}

#about2 {position: relative;	float: left; top: 0px;	left: 385px;}