body { 
	background: #FFFFFF url('');
	margin: auto;
	text-align: center; 
	font-family: 'Delius Swash Caps', cursive;
	font-size: 10px;
}

h2{
	font-size: 12px;
}

p{
	font-family: verdana;
}

#content{
	background: #FFFFFF;
	margin: 20px 20px 0px 20px; 
	height: 591px;
	width: 930px;
	-webkit-border-radius: 35px 35px 35px 35px;
	-khtml-border-radius: 35px 35px 35px 35px;	
	-moz-border-radius: 35px 35px 35px 35px;
	border-radius: 35px 35px 35px 35px;
	border-bottom-style:solid;
	border-width:1px;
	border-bottom: 1px solid #eee;
	
}

#puzzle.center{
	position: absolute;
	top: 200px;
	margin-left:400px;
	padding: 0 0 0 0;
	width: 122px;
	background: none;
	
	
}

#puzzle.side{
	
	position: absolute;
	background: none;
	margin: 0px 0 0 50px;
	padding: 0 0 0 0;
	top: 200px;
	width: 122px;

}

#logo { 

	font-size: 45px;
	font-family: 'Delius Swash Caps', cursive;
	height: 60px; 
	width: 100px;
	overflow: hidden; 
	margin: auto auto auto auto;
	text-align: center; 
	cursor: pointer;

}


#puzzleGrid { 
	margin: auto auto auto auto;
	text-align: center; 
	height: 80px; 
	width: 120px;
	
	
	
	}

#puzzleGrid.win { 
	background: #000000; 
}

#puzzleGrid table { width: 120px; }

#puzzleGrid td{
height: 40px;
width: 40px;
}

#puzzleGrid td img { 
	padding: 0; margin: 0; 
	-webkit-border-radius: 35px 35px 35px 35px;
	-khtml-border-radius: 35px 35px 35px 35px;	
	-moz-border-radius: 35px 35px 35px 35px;
	border-radius: 35px 35px 35px 35px;
}


#puzzleGrid td a { 

	display:block;
	height:100%;
	color:#FFFFFF;
	text-decoration:none;

	background:url(../images/bg2.jpg) repeat 0 0;
	-webkit-border-radius: 35px 35px 35px 35px;
	-khtml-border-radius: 35px 35px 35px 35px;	
	-moz-border-radius: 35px 35px 35px 35px;
	border-radius: 35px 35px 35px 35px;
	
	-webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
}

#puzzleGrid td a:hover {
	background-position:50px 0;
}

#info h2{

	font-size: 10px;

}
#guide{
	
	opacity: 1;
	height: 180px;
	width: 100px;


	padding: 10px 0px 20px 20px;
	text-align: left;
	
	line-height:200%;
	-webkit-border-radius: 25px 25px 25px 25px;
	-khtml-border-radius: 25px 25px 25px 25px;	
	-moz-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	
	color:#000;
	background:#fff transparent;
	background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
	background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;

	border: 1px solid #eee;

}


#right.inactive{

	overflow: hidden; 
	height: 0px;
	width: 0px;
	
	
	
}

#right.active{
	
	opacity: 0;
	height: 460px;
	width: 620px;
	position: relative;
	margin: 20px 20px 0px 200px;
	padding: 100px 20px 20px 20px;
	text-align: left;
	
	line-height:200%;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	
	color:#000;
	font-size:11px;
	
	background:#fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#fbfbfb));
	background: -moz-linear-gradient(0% 0%, #fff, #fbfbfb 10%, #fff);
	border: 1px solid #ccc;
	/*
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1) inset;
	*/
	border-style:solid;
	border-width:1px;
	border: 1px solid #eee;

}


#thumbnail {
	
}

#slideshow {
    position:relative;
    height:300px;
	text-align: center;
	z-index: 7;
}

#slideshow IMG {
	height: 300px;
	width: 400px;
    position:absolute;
    top:0;
    left:100px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#menu{

cursor: pointer;
}

#footer {
	width: 930px;
	margin: 0 0 0 20px;
	text-align: center;
	
}