body, img, div, a, p{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

#wrapper{
	width: 775px;
	margin: 0 auto;
	
}

#head{
	
}

#logo{
	display: block;
	width: 279px;
	height: 75px;
	background: url('images/logo.jpg');
}

#nav{
	clear: left;
}

#nav a{
	display: block;
	float: left;

	padding-right: 20px;
}

#navArt{

	width: 67px;
	height: 42px;
	background: url('images/art.jpg') left no-repeat;
}

#navHome{
	width: 85px;
	height: 42px;
	background: url('images/home.jpg') left no-repeat;
}

#navBlog{
	width: 85px;
	height: 42px;
	background: url('images/blog.jpg') left no-repeat;
}

#navBio{ 
	width: 57px;
	height: 42px;
	background: url('images/bio.jpg') left no-repeat;
 }
 
#navContact{ 
	width: 106px;
	height: 53px;
	background: url('images/contact.jpg') left no-repeat;

 }
 
#navSketch{ 
	width: 107px;
	height: 54px;
	background: url('images/sketch.jpg') left no-repeat;
 }
 
#navHome{ 
	width: 85px;
	height: 42px;
	background: url('images/home.jpg') left no-repeat;
}

#body{
	clear: left;
	padding-top: 20px;
}

#thumbs{
	width: 320px;
	float: left;
	border-right: solid 1px #ccc;
}

.thumb{
	width: 50px;
	height: 50px;
	margin: 0 16px 16px 0;
	border: solid white 5px;
}

.thumb:hover{
	padding: 4px;
	border: dashed white 1px;
	cursor: pointer;
}


.selected, .thumb.selected:hover{
	border: solid #39c 5px;
	padding: 0;
}

#viewer{
	margin-left: 340px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#viewer img{
	width: 405px;
	padding: 5px 5px 0 5px;
	margin-bottom: -4px;
	border: solid 1px #ccc;
	border-bottom: none;
}

#viewer h3{
	padding: 5px;
	font-weight: normal;
	text-align: right;
	font-size: 12px;
	width: 405px;
	border: solid 1px #ccc;
	border-top: none;
	margin: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.blue{
	margin-bottom: 0;
	color: #39c;
}

.floatSpace {
	float: left;
	display: block;
	width: 350px;
}