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

body{
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7b7c;
	}
	.credit{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7b7c;
	font-size:12px;
	}
	
a{
	outline:none;
	color:#5d5a5b;
	text-decoration:none;
	
	}
a:hover{
	text-decoration:underline;
	}

#wrapper{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#top{
	width:1024px;
	height:180px;
	position:fixed;
	top: 0px;
	left: 0px;
	background-color:#FFFFFF;
}

#logo{
	height:150px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}

#nav{
	width:420px;
	height:150px;
	float:right;
	padding-top:20px;
}

#nav ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
}
	
#nav ul li a{
	display:block;
	width:170px;
	height:22px;
	text-indent:-999999px;
	background-image:url(../images/navigation-small.jpg);
	background-repeat:no-repeat;
	}
	
/*fashion nav button*/	

#nav ul li a.fashion{
	background-position:-340px 0px;
	}
#nav ul li a:hover.fashion{
	background-position:-172px 0px;
	}
#nav ul li a.fashion-selected{
	background-position:-3px 0px;
	}
	
/*real world nav button*/	
	
#nav ul li a.realworld{
	background-position:-340px -22px;
	}
#nav ul li a:hover.realworld{
	background-position:-172px -22px;
	}
#nav ul li a.realworld-selected{
	background-position:-3px -22px;
	}
	

/*fantasy nav button*/	
	
#nav ul li a.fantasy{
	background-position:-340px -44px;
	}
#nav ul li a:hover.fantasy{
	background-position:-172px -44px;
	}
#nav ul li a.fantasy-selected{
	background-position:-3px -44px;
	}
	
	
/*still eyes nav button*/	
	
#nav ul li a.stilleyes{
	background-position:-340px -66px;
	}
#nav ul li a:hover.stilleyes{
	background-position:-172px -66px;
	}
#nav ul li a.stilleyes-selected{
	background-position:-3px -66px;
	}
	

/*bio nav button*/	
	
#nav ul li a.bio{
	background-position:-340px -88px;
	}
#nav ul li a:hover.bio{
	background-position:-172px -88px;
	}
#nav ul li a.bio-selected{
	background-position:-3px -88px;
	}
	
	

/*flickr nav button*/	
	
#nav ul li a.flickr{
	background-position:-340px -110px;
	}
#nav ul li a:hover.flickr{
	background-position:-172px -110px;
	}
#nav ul li a.flickr-selected{
	background-position:-3px -110px;
	}
	
	
	
/*contact nav button*/	
	
#nav ul li a.contact{
	background-position:-340px -132px;
	}
#nav ul li a:hover.contact{
	background-position:-172px -132px;
	}
#nav ul li a.contact-selected{
	background-position:-3px -132px;
	}
	
	
	
	
#content{
	padding-top:190px;
	height:100%;
}

#content img{
	padding-right:5px;
	height:400px;
	}
	
#content-bio{
	width:835px;
	padding-top:190px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:22px;
	color:#7f7b7c;
}