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

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

/*  Layout
 ------------------------------------------------------------------------ */
	
h1#logo {
		position: absolute;
		top: -9px;
		left: 514px;
		background: url(../images/title.png) no-repeat;
		width: 385px;
		height: 53px;
		display: block;
		text-indent: -3000px;
		}
		
#logo2 {
		position: absolute;
		top: 0px;
		left: 29px;
		background: url(../images/logo.png) no-repeat;
		width: 55px;
		height: 193px;
		display: block;
		}

	
/*  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;
			}
			
			/* 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: 168px;
	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: 209px;
			left: 0px;
			width: 100%;
			height: 482px;
			overflow: hidden;
			visibility: visible;
			display: block;
			background-color: #0f0d09; 
			}

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

#scrollable2 a { text-decoration: none;}

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

#photobox td img {border: 1px solid #353030; margin-left:12px;}
#photobox td 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:709px;
	margin-left:33px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #3d3e3e;
	padding-bottom:20px;
}

#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;
			}

/* Contacts 
 ------------------------------------------------------------------------ */
ul#contacts {
	list-style:none;
	position:absolute;
	top:29px;
	left:821px;
	height:33px;
}

ul#contacts li {
	float:left;
}

ul#contacts li a.phone {
	background:url(../images/phone.png) no-repeat;
	width:173px;
	height:33px;
	text-indent:-3000px;
	display:block;
}

ul#contacts li a.phone:hover {
	background:url(../images/phonea.png) no-repeat;
}


/* Portfolio Navigation 
 ------------------------------------------------------------------------ */
	
#nav {
			position: absolute;
			left: 84px;
			float: left;
			background: #000;
			top: 139px;
			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.png) no-repeat;	display: block; width: 130px;	height: 15px;}
#nav a#nav1:hover, #nav a#nav1.selected {background: url(../images/nav1a.png) no-repeat;}
#nav a#nav2 {background: url(../images/nav2.png) no-repeat;	display: block; width: 108px;	height: 15px;}
#nav a#nav2:hover, #nav a#nav2.selected {background: url(../images/nav2a.png) no-repeat;}
#nav a#nav3 {background: url(../images/nav3.png) no-repeat;	display: block; width: 111px;	height: 15px;}
#nav a#nav3:hover, #nav a#nav3.selected {background: url(../images/nav3a.png) no-repeat;}
#nav a#nav4 {background: url(../images/nav4.png) no-repeat;	display: block; width: 129px;	height: 15px;}
#nav a#nav4:hover, #nav a#nav4.selected {background: url(../images/nav4a.png) no-repeat;}
#nav a#nav5 {background: url(../images/nav5.png) no-repeat;	display: block; width: 125px;	height: 15px;}
#nav a#nav5:hover, #nav a#nav5.selected {background: url(../images/nav5a.png) no-repeat;}


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