/* patroc.com: photo.css */
/* Based on a design and codes by Ingo Helmdach and Jens Meiert:            */
/* http://meiert.com/de/publications/books/3897214229/overview/, Kapitel 12 */

* { margin: 0; padding: 0; }

html {
	background: #292929;
	color: #000;
	font: bold 75%/1.2 verdana, arial, helvetica, sans-serif;
}

body {	margin: 20px 0;	text-align: center; }

h1 {
	color: #FFF;
	font-size: 32px;
	height: 30px;
	padding-top: 15px;
	margin-left: 100px;
}

#Photos {
	position: relative;
	width: 700px;
	height: 678px;
	margin: 25px auto 0;
	padding-left: 20px;
	padding-right: 20px;
}

ul {	
  position: relative;
	width: 700px;
	height: 600px;
	list-style: none;
}

li {
	float: left;
	margin: 0 16px 16px 0;
	width: 87px;
}

li a { 
	display: block; 
	height: 85px; 
	border: 1px solid #999;
}

li span { display: none; }

li#photo-3, li#photo-5, li#photo-7, li#photo-9, li#photo-11, li#nextpage { clear: left; }
li#photo-2, li#photo-4, li#photo-6, li#photo-8, li#photo-10, li#photo-12 { margin-right: 250px; }

a {	text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; }
a:link, a:visited { color: #0000CC; }
a:hover { color: silver; background-color: #0000CC; }
a:focus, a:hover { border: 1px solid #000; }

a:focus span, a:hover span, a:active span {
	display: block;
	width: 470px;
	height: 690px;
	position: absolute;
	right: 0;
	top: 0;
	background: #292929;
}

a.hotels { font-size: 14px; }

a img { border: 0; }

dd {
	display: block;
	width: 470px;
	height: 140px;
/*	position: absolute; right: 0;	top: 500; */
	padding: 30px 5px 5px 5px;
	background: #292929;
	color: #FFF;
	font-size: 1em;
	text-decoration: none;
}

#nextpage {
	position: absolute;
	left: 20px;
	margin-top: 15px;
}

#Footer {
	position: relative; 
	width: 700px; 	
	clear: both;
	margin: 0 auto;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 11px;
}

hr { 
	color: silver;              /* IE */
	background-color: silver;   /* Mozilla, Safari */
	height: 1px;
	border-style: none; /* for Mozilla */
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto; margin-right: auto; /* for Safari browser */
}