@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
html, body {
	height:100%;
	background:#42403C url(../images/bg_site.gif) center center no-repeat;
		}
a
{
  outline: none;
}

.clearer{
	clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.intro{

}
#intro_horizon        
	{
	width:1px;
	height:50%;
	background-color:#42403C;
	margin-bottom:-396px; /* half of container's height */
	float:left;
	}

#intro_container    
	{
	font-family:Arial, sans-serif;
	height:792px;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;
	width:936px;
	}

#horizon        
	{
	width:1px;
	height:50%;
	background-color:#42403C;
	margin-bottom:-321px; /* half of container's height */
	float:left;
	}

#container    
	{
	font-family:Arial, sans-serif;
	height:667px;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;
	width:807px;
	}
#masthead{
height:25px;
width:807px;
}
	
#box{
	background:#000;
	border: 1px solid #42403C;
	height: 642px;
	width: 807px;
	color: #fff;
}
.tl{
width:129px;
height:124px;
border-bottom:1px solid #42403C;
border-right:1px solid #42403C;
}


ul#nav{
	background:#000 url(../images/navigation.gif);
	height:125px;
	position: relative;
	width:128px;
	list-style:none;
	overflow:hidden;
}
ul#nav a{
	display:block;
	height:22px;
	text-indent:-9999px;
}

ul#nav li a{
	height: 22px;
	position: absolute;
	top: 0;
	background: url(../images/navigation.gif) 0 0 no-repeat;
	display: block;
	list-style: none;
	width: 128px;
	left:0;
}


ul#nav #nav_bio a{
	background-position: 0 -22px;
	top: 22px;
}
ul#nav #nav_projects a{
	background-position: 0 -44px;
	top: 44px;
}
ul#nav #nav_shop a{
	background-position: 0 -66px;
	top: 66px;
}
ul#nav #nav_contact a{
	background-position: 0 -88px;
	top: 88px;
}



#nav #nav_bio a:hover, ul#nav #nav_bio a.current { background-position: -128px -22px;}
#nav #nav_projects a:hover, #nav #nav_projects a.current { background-position: -128px -44px;}
#nav #nav_shop a:hover, #nav #nav_shop a.current { background-position: -128px -66px;}
#nav #nav_contact a:hover, #nav #nav_contact a.current { background-position: -128px -88px;}


#content{
background:#000;
height:390px;
}

.bl{
height:89px;
width:127px;
border-top:1px solid #42403C;
border-right:1px solid #42403C;
}

.br{
height:89px;
width:127px;
border-top:1px solid #42403C;
border-left:1px solid #42403C;
}

#bottomFrame{
border-top:1px solid #42403C;
}