body{
	background-color: #232323;
	margin: 0px;
}

#head{
	height: 90px;
	width: 100%;
	background-color: #0d0d0d;
}

#headwrap{
	width: 960px;
	height:100px;
	margin:0 auto;
}
#headwrap h2{
	margin:0px;
	font-size: 18px;
}



#headwrap ul {
	list-style-type: none;
	float: right;
	width: 455px;
	padding-top: 3px;
}

#headwrap ul a {
}

#headwrap  li{
	display: inline-block;
	width: 140px;
	text-decoration: none;
	font-size: 18px;
}


#bodywrap{
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	margin-top: 20px;
	width: 960px;
	height: 530px;
	top:50px;
}

#thumby{
width: 170px;
height:100%;
background-color: lime;
float: left;

}

#imgbox{
	margin-left:60px;
	height: 530px;
	width: 740px;
}

#imgbox a img{
border-style: none;
text-decoration: none;
display: inline-block;
}




#about{	background: url("../images/nav/about.jpg") no-repeat 0 0;height:30px; width: 140px; display: block;overflow: hidden;}
#about:hover   {background-position-y: -30px;}

#contact{	background: url("../images/nav/contact.jpg") no-repeat 0 0; height:30px; width: 140px; display: block;overflow: hidden;}
#contact:hover   {background-position-y: -30px;}

#fa{	background: url("../images/nav/fa.jpg") no-repeat 0 0; height:30px; width: 140px; display: block;overflow: hidden;}
#fa:hover   {background-position-y: -30px;}

#po{	background: url("../images/nav/polaroid.jpg") no-repeat 0 0; height:30px; width: 140px; display: block;overflow: hidden;}
#po:hover   {background-position-y: -30px;}

#port{	background: url("../images/nav/port.jpg") no-repeat 0 0; height:30px; width: 140px; display: block;overflow: hidden;}
#port:hover   {background-position-y: -30px;}

#wed{	background: url("../images/nav/weddings.jpg") no-repeat 0 0; height:30px; width: 140px; display: block;overflow: hidden;}
#wed:hover   {background-position-y: -30px;}


#headwrap ul a:hover{
	color: #ffde00;
}