*
{
	margin: 				0;
	padding: 				0;
	border: 				0;
}

body
{
	color: 					#878787;
	background:				#fff;
	font: 					.7em/1.5em "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}

a
{
	color: 					#878787;
	text-decoration: 		none;
}

a:hover
{
	color: 					#000;
	text-decoration: 		underline;
}

#wrapper
{
	width: 					980px;
	margin: 				-295px 0 0 -490px;
	height: 				550px;
	position:				absolute;
	top: 					50%;
	left: 					50%;
}

#header
{
	width: 					430px;
	height: 				140px;
	margin: 				0 auto 25px;
}

#header h2
{
	height: 				92px;
	background:				url(../image/logo.png) no-repeat top center;
	overflow: 				hidden;
	text-indent: 			-99999em;
	padding-bottom: 		10px;
	border-bottom: 			1px solid #878787;
	margin-bottom:			5px;
}

#header ul
{
	list-style: 			none;
	width: 					454px;
	margin: 				13px auto 0;
	padding-left: 			9px;
}

#header ul li a
{
	float: 					left;
	display: 				inline-block;
	height: 				21px;
	text-indent: 			-999999em;
	overflow: 				hidden;
	background:				url(../image/menu.png) no-repeat;
}

#header ul li.home a 
{
	width: 					57px;
	background-position: 	0px 0px;
}

#header ul li.home a:hover
{
	background-position: 	0px -21px;	
}

#header ul li.portret a
{
	width: 					92px;
	background-position: 	-57px 0px;
}

#header ul li.portret a:hover,
#header ul li.portret a.active
{
	background-position: 	-57px -21px;
}

#header ul li.reportage a
{
	width: 					112px;
	background-position: 	-148px 0px;
}

#header ul li.reportage a:hover,
#header ul li.reportage a.active
{
	background-position: 	-148px -21px;
}

#header ul li.commercieel a
{
	width: 					133px;
	background-position: 	-260px 0px;
}

#header ul li.commercieel a:hover,
#header ul li.commercieel a.active
{
	background-position: 	-260px -21px;
}

#header ul li.mail a
{
	width: 					60px;
	background-position: 	-393px 0px;
}

#header ul li.mail a:hover,
#header ul li.mail a.active
{
	background-position: 	-393px -21px;
}

#content
{
	height: 				341px;
	height: 				auto !important;
	min-height: 			341px;
}

div.camera-home
{
	height: 				300px;
	background:				url(../image/camera.png) no-repeat bottom center;
}

div.camera-home p
{
	text-align: 			center;
	font-size: 				11px;
	text-transform: 		uppercase;
}

#footer address
{
	width: 					700px;
	margin: 				0 auto;
	position:				relative;
	font-style:				normal;
	text-transform: 		uppercase;
	color: 					#000;
	font-size: 				11px;
	text-align: 			center;
}

#footer address span
{
	display: 				inline;
	padding: 				0 10px;
	margin:					2px 0;
	height: 				15px;
	width: 					150px;
	border-right: 			1px solid #ccc;
}

#footer address span.last
{
	border: 				0;
}

#footer address span a
{
	color: 					#000;
}

#photo-mask
{
	height: 				285px;
	overflow: 				hidden; 
}

#photo-collection
{
	height: 				285px;
	position:				relative;
}

#photo-collection div.photo
{
	position:				absolute;
	bottom: 				10px;
	text-transform: 		uppercase;
	color: 					#000;
	font-size: 				9px;
}

#photo-collection div.photo img
{
	border: 				1px solid #000;
}

#photo-collection div.photo span.amount-of-photos
{
	color: 					#999;
}

div.photo-collection-intro
{
	width:					30px;
	left:					20px;
	top:					50%;
	color:					#000;
	position:				absolute;
}

div.photo-collection-intro span
{
	position:				absolute;
	text-transform: 		uppercase;
	font-weight: 			bold;
	font-size: 				14px;
}

div.photo-collection-intro h1
{
	font-size: 				12px;
	text-transform: 		uppercase;
	margin-bottom:			10px;
}

#slider
{
	height: 				16px;
	background: 			 url(../image/scroll-bar.png) repeat-x left center;
	width:					980px;
	margin: 				50px auto;
	position:				relative;
}

#slider-knob
{
	width: 					69px;
	height: 				16px;
	background:				#000 url(../image/scroll-knob.png) no-repeat;
	position:				absolute;
	cursor: 				move;
}

#loading-container
{
	left:					50%;
	position:				absolute;	
}

#loading
{
	width:					200px;
	height:					10px;
	border:					1px solid #878787;
	margin:					0 0 0 -100px;
	overflow: 				hidden;
}

#loading-bar
{
	background:				#ccc;
	width:					0;
	height:					10px;
}

#loading-message
{
	margin: 				0 0 0 -250px;
	width: 					500px;
	text-align: 			center;
}