body {
	background-color: #777;
	text-align: center;
	margin:10px;
}

body, p, td,th, li, input, address {
	font: 11px Verdana, sans-serif;
	color: #333; 
}


h1, h2, h3, h4, h5 {
	letter-spacing: 1px;
	font-family: arial, "lucida console", sans-serif;
}

div.thum { width: 150px; height: 150px;  display: table; border:1px solid #fff; float:left; margin:10px;background-color:#ddd;}
div.thum p {display: table-cell; vertical-align: middle;text-align: center}
img.imgthum {display: block; margin: 10px auto;border:1px solid #fff;}

#main {width:80%; margin: 3%; background-color: #aaa; padding:20px;}

h1 {color:#fff; margin:20px 0;}

.but {border:1px solid #fff; color:#fff; padding:3px 10px; background-color:#555;text-decoration:none;margin:0 10px;}
#list ul li a {border:1px solid #fff; color:#fff; padding:3px 10px; background-color:#555;text-decoration:none;}
#list ul li a:hover, .but:hover {background-color:#ddd; color:#000;}

#list {}

#list ul {
	list-style-type:none;
	margin:0;
	padding:0;
	
}


#list ul li{
	
	display: block;
	float:left;
	padding:10px;
	margin:5px;
}

#photo {
	border:1px solid #fff; 
	margin: 10px; 
	}

#thumbnails {width:90%; }

.navrat {margin-bottom:10px;}
.navrat a {color:#ddd; text-decoration:none; font-size:11px; }
.navrat a:hover {color:#fff}