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


body {
	margin: 0px;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #333;
	/*background-color:#DDCFE3;*/
	background-color:#FFF;
}

a {
	cursor:pointer;
}

#page-wrapper {
	position:relative;
	width: 1050px;
	margin: 20px auto 0;
}


#header {
	position: relative;
	height: 40px;
	font-size: 1.2em;
}

#logo {
	float:left;

}


#nav {
	float:right;
	height:40px;
	line-height:40px;
	padding-right:25px;
	text-transform:uppercase;
}

#nav > div > a {
	font-size:1.4em;
	color: #444;
}

#nav > div {
	float:left;
	padding: 0 0 0 25px;
}

#portfolio-nav {
	display:none;
	float:left;
	font-size:1.2em;
	letter-spacing:0.03em;
	position:relative;
	right:100px;
	text-transform:lowercase;
}

#portfolio-nav a{
	margin-left:25px;
	color: #999;
}

#photo-wrapper {
	height: 600px;
	width: 100%;
	border: solid 1px #CCC;
	background-color:#FFFFFF;

}

#thumbs {
	float:left;
	height:520px;
	overflow:hidden;
	margin-top:40px;
	text-align:center;
}

#thumbs img {
	display: block;
	margin: 10px auto;
	cursor: pointer;
}


a[name=scrollUp] {
	left:0;
	margin-top:5px;
	position:absolute;
	text-align:center;
	width:150px;
}


a[name=scrollDown] {
	bottom:30px;
	left:0;
	position:absolute;
	text-align:center;
	width:150px;
}

#viewer {
	width: 100%;
	float: right;
	position:relative;
	height:100%;
	background: #FFFFFF center 25px no-repeat;
}

#viewer #nav-prev-next {
	bottom:0;
	right:0px;
	height:40px;
	position:absolute;
	text-align:center;
	width:100%;
}

#viewer #nav-prev-next img{
	cursor: pointer;
}

#viewer #nav-prev-next img + img {
	margin-left:50px;
}

#viewer #caption{
	bottom: 50px;
	font-size: 1.2em;
	margin-left: -25px;
	position: absolute;
	text-align: center;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}

#footer {
	color:#808080;
	font-size:1em;
	height:20px;
	letter-spacing:0.03em;
	padding-top:5px;
	text-align:right;
	width:100%;
}




/** CONTACT PAGE **/
#contact-page{
	width:800px;
	margin:150px auto 0;
	font-size:1.5em;
}

#contact-page img{
	float:left;
	margin-right:25px;
}

#contact-page a:link,
#contact-page a:visited,
#contact-page a:hover,
#contact-page a:active{
	color:#9999ff;
	text-decoration:none;
}

#contact-page a:hover{
	color:#000000;
}