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

body 
{  margin: 0; padding: 0; border: 0;  
	FONT-SIZE: 14px;
	COLOR: #fff;  
	LINE-HEIGHT: 14px;  
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background:#313131;
}

a:link 		{
	color: #fff;
}
a:visited 	{
	color: #fff;
}
a:hover 	{
	color: #fff;
}
a:active 	{
	color: #fff;
}

.wrapper{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 590px;
	margin-top: -310px; /* half of the height */
	margin-left: -475px; /* half of the width */
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	border:#999999 10px solid;
	background-color:#310714;
}

.title
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
}

.prev
{  	padding-top:5px;
	margin:0 auto;
	position:absolute;
	left:20px;
	top:510px;
	font-size: 12px;
	line-height: 18px;
	color: #999999; 
	FONT-SIZE: 14px;   
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
}

.next
{  	padding-top:5px;
	margin:0 auto;
	position:absolute;
	left:870px;
	top:510px;
	font-size: 12px;
	line-height: 18px;
	color: #999999; 
	FONT-SIZE: 14px;   
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
}


ul#pikame{
	width:730px;
	padding-top:5px;
	margin:0 auto;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	}
	
.pika_main{
	width:600px;
	padding-top:5px;
	margin:0 auto;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	}
	
#pikame li{
	margin:4px;
	float: left;
	border:2px solid #999999;
	background:#393E53;
	}

/* thats all you NEED to edit. But continue if you'd like. */

ul#pikame li img{position:relative;cursor:pointer;}

.pika_main img{border:5px solid #fff; margin-top:10px;}
/*