/* 	
	
	STYLESHEET
	(c) 2010 by niklasp.com 
	
*/


body {
	margin:0;
	padding:0;
	background-color:#e2e2e2;
	background-image:url(img/bg.jpg);
	background-position:center center;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:11px;
	color:#777;
	text-align:center;
	
}

.container {
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.layout {
	position:absolute;
	top: 50%;
 	left: 50%;
 	width:1000px;
	height:550px;
	margin:-275px 0px 0px -500px;
	background-image:url(img/layout.gif);
	background-repeat: no-repeat;
	text-align: left;
}

a, a:active, a:visited { text-decoration:none;color:#555; }

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

a:focus { outline:none; }

img { border:0; }

#menu {
	position:absolute;
	left:64px;
	top:0;
	width:136px;
	height:550px;	
}

#logo {
	position:absolute;
	left:0;
	top:78px;
	width:82px;
	height:77px;
}

#landscapes {
	position:absolute;
	left:0;
	top:191px;
	width:136px;
	height:24px;
}

#duskanddawn {
	position:absolute;
	left:0;
	top:215px;
	width:136px;
	height:24px;
}

#architecture {
	position:absolute;
	left:0;
	top:239px;
	width:136px;
	height:24px;
}

#blackandwhite {
	position:absolute;
	left:0;
	top:263px;
	width:136px;
	height:24px;
}

#people {
	position:absolute;
	left:0;
	top:287px;
	width:136px;
	height:24px;
}

#atnight {
	position:absolute;
	left:0;
	top:311px;
	width:136px;
	height:26px;
}

#new {
	z-index:25;
	position:absolute;
	left:117px;
	top:198px;
	width:20px;
	height:12px;
}

#new2 {
	z-index:25;
	position:absolute;
	left:117px;
	top:222px;
	width:20px;
	height:12px;
}

#blog {
	position:absolute;
	left:0;
	top:360px;
	width:50px;
	height:24px;
}

#links {
	position:absolute;
	left:0;
	top:384px;
	width:50px;
	height:24px;
}

#about {
	position:absolute;
	left:0;
	top:408px;
	width:50px;
	height:25px;
}

#contact {
	position:absolute;
	left:0;
	top:450px;
	width:34px;
	height:21px;
}

.slideshow, .gallery, .links, .about {
	position:absolute;
	left:236px;
	top:34px;
	width:720px;
	height:482px;
}

#nav {
	z-index:50;
	position:absolute;
}

#pager { 
	position:absolute;
	width:720px;
	font-size:10px;
	left:245px;
	top:535px;
	text-shadow: #fff 1px 1px 0;
}

#pager li { float:left;list-style:none}

#pager a { font-style:italic;margin:4px;padding:1px 4px;text-decoration:none; }

#pager a.activeSlide { color:#444;font-weight:bold; }

#pager a:focus { outline:none; }


#next {
	position: absolute;
	left:945px;
	top:246px;
}

#prev {
	position: absolute;
	left:236px;
	top:246px;
}

.about {
	padding: 18px 20px;
	background-image:url(img/about.jpg);
	background-repeat: no-repeat;
	text-shadow: #fff 1px 1px 0;
}

.links {
	padding: 18px 20px;
	background-image:url(img/links.jpg);
	background-repeat: no-repeat;
	text-shadow: #fff 1px 1px 0;
}

.about p, .links p {
	width:275px;
	font-size:12px;
	font-style:italic;
	margin: 6px 0;
}

.about span, .links span {
	font-size:13px;
	color:#555;
	font-style:italic;
}

.about ul,.links ul {
	margin:6px 0;
	padding:0;
	font-size:11px;
	font-style:italic;
	list-style-position:inside;
	list-style-image:url(img/arrow.gif);
}

.about ul li,.links ul li {
	margin:3px 0;
}