/* CSS Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}
:focus {
	outline:0
}
ol, ul {
	list-style:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:""
}
blockquote, q {
	quotes:"" ""
}
strong {
	font-weight:bold
}
em {
	font-style:normal
}
a {
	text-decoration:none;
	cursor:pointer
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #bdc2b5;
	height: 100%;
	width: 100%;
    vertical-align: middle;
	text-align: center;
	position: fixed; 
	display: table
}
#page {
	margin: auto;
    display: table-cell;
	vertical-align: middle;
	width: 834px;
	height:464px;
}
#slider {
	width: 800px;
	margin:0 auto;
	position:relative;
	top: 0px;
	height: 464px;
}
.currentcover {
	height: 464px;
	width: 376px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:10;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/ajax-loader.gif);
}
#currentcover {
	height: 464px;
	width: 376px;
	background-repeat: no-repeat;
	background-position: center center;
}
.scrollpane {
	height: 464px;
	width: 376px;
	overflow: hidden;
	position: absolute;
	left: 400px;
	top: 0px;
	z-index:5;
	display: block;
	float: left;
}
.scroll {
	height: 414px;
	width: 376px;
	overflow:auto;
	position: relative;
	left: 0px;
	top: 30px;
	z-index:5;
	display: block;
	float: left;
}
.scrollContainer .panel {
	overflow:hidden;
	display: block;
	width: 376px;
	height: 414px;
}
.panel .gallery {
	text-align:center;
}



.scrollButtons {
	position:absolute;
	top: 438px;
	left: 0px;
}
.scrollButtons div {
	display: block;
	width: 72px;
	height: 24px;
	position: relative;
	float: left;
	top: 0px;
}
.scrollButtons div a {
	display: block;
	width: 72px;
	height: 24px;
}
.scrollButtons a:hover {
	background-position: left -24px;
}
.scrollButtons a span {
	display: none;
}
.scrollMeLeft {
	left: 0px;
}
.scrollMeLeft a {
	background-image: url(images/nav_button_prev.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.scrollMeRight {
	left: 224px;
}
.scrollMeRight a {
	background-image: url(images/nav_button_next.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.menu {
	position:absolute;
	top: 0px;
	left: 0px;
}
.menu div {
	display: block;
	width: 72px;
	height: 24px;
	position: relative;
	float: left;
	top: 0px;
}
.menu div a {
	display: block;
	width: 72px;
	height: 24px;
}
.menu a:hover {
	background-position: left -24px;
}
.menu a span {
	display: none;
}
.gohome {
	left: 0px;
}
.gohome a {
	background-image: url(images/nav_button_home.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.printpdf {
	left: 226px;
}
.printpdf a {
	background-image: url(images/nav_button_print.png);
	background-repeat: no-repeat;
	background-position: left top;
}





.cover {
	text-align: center;
	vertical-align: middle;
	display: block;
	float: left;
	width: 94px;
	height: 138px;
}
.panel .cover a {
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 82px;
	height: 126px;
	display: block !important;
	float: left !important;
}



.homepage  {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/index_new.jpg);
}
.homepage div {
	display: none !important;
}
.homepage a {
	width: 834px;
	margin: auto;
	display: block;
}
.homepage a span {
	display: none !important;
}
.coverslink {
	height: 200px;
}
.photographylink {
	height: 200px;
}
.contactlink {
	height: 60px;
}