@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0}

body {
	width:100%;
	height:100%;
	color:#60491C;
	font:normal 16px Helvetica, Arial, sans-serif;
}

img, a img{
	border:none;
}

input, textarea{ padding:5px; border:1px solid #60491C;}

.imgbox{
	margin:30px;
	display:block;
}

#imggroup{ 
	list-style:none;
	display:block;
	height:450px;
	width:820px;
	overflow-y:scroll;
}

#imggroup li{ 
	list-style:none;
	text-align:center;
	display:block;
	float:left;
	width:240px;
	height:210px;
	margin:10px;
}

#imggroup li img{ 
	padding:5px;
}

#imggroup li .details{
	font-size:12px;
	letter-spacing:1px;
	line-height:14px;
}


.clr {
	clear:both;
	width:100%;
	font-size:1px;
	line-height:1px;
}

.small{ font-size:10px;}

#container{
	width:800px;
	height:800px;
	text-align:left;
	line-height:20px;
}

#logo{

	width:630px;
	height:55px;
	margin:20px auto;
	margin-top:5%;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
}
#menu{
	display:block;
	width:585px;
	height:30px;
	margin:0 auto;
	font-size:25px;
	line-height:30px;
	letter-spacing:2px;
}

#menu .space{ 
	display:block;
	float:left;
	padding-right:40px;
}

#menu a{
	display:block;
	width:auto;
	float:left;
	text-decoration:none;
	color:#C4A873;	
}

#menu .off:hover{
	color:#B23300;	
}

#menu .on, .on:hover{
	color:#60491C;	
}

#page{
	margin-top:10%;
	margin-bottom:5%;
	margin-left:0;
	margin-right:0;
	line-height:20px;
	letter-spacing:1px;
}

#footer{
	margin-top:5px;
	padding-bottom:400px;
	font-size:10px;
	text-align:center;
	color:#C4A873;
}