/*___________Main style and containers______________*/
body{background: #1b7f97 url(../images/back.jpg)}

a{color:#fff; text-decoration:none}

#wrapper{position:relative; width:900px; margin:0px auto}

/*______________Logo and menu_________________*/
#logo{width:100%; text-align:center; height:80px}

#menu{
	position:relative;
	clear:both;
	float:left;
	width:200px;
	height:432px;
	margin-top:32px;
	background:url(../images/menuBack.png) repeat-x;
	border:1px dotted #dae30f
}

	.optSelector{
		position:relative; 
		width:200px; 
		padding:5px 0 5px 0;
		color:#1b7f97; 
		text-indent:5px;
		font:15px georgia;
		line-height:22px;
		border-bottom:1px dotted #1b7f97
	}
		.optSelector img{margin: 3px 0 0 5px; border:3px double #1b7f97; cursor:pointer}
		.optSelector img:hover, .optSelector img.selected{border-style:solid}
			.optSelector img.samp{border:none; margin:0; cursor:default}

	#start{
		width:95px; 
		height:31px; 
		margin:15px 55px; 
		background:url(../images/start.png) no-repeat bottom center;
		cursor:pointer
	}
	
		#start:hover{background-position:center center}
		#start:active{background-position:top center}

/*_______________Main Game Elements______________________*/
#game{
	position:relative; 
	float:left; 
	width:530px; 
	margin-left:30px
}

	#gameTable{clear:both}

		.mainFlip{
			position:relative; 
			float:left;
			width:80px;
			height:80px;
			overflow:hidden;
			margin:3px;
			border:1px dotted #dae30f;
			cursor:pointer
		}

			.mainFlip.activated:hover{border-style:solid}

	#score{float:right; color:#ffd700; font:normal small-caps 25px Arial}
	
	#congrat{
		position:absolute; 
		width:200px; 
		height:100px;
		top:40%;
		left:30%;
		padding:5px;
		text-align:center;
		background:url(../images/congBack.gif) repeat-x; 
		display:none;
		z-index:7;
		font:small-caps 16px georgia;
		color:#1b7f97
	}

/*_________________Pairs effect styling_________________*/
.mainFlip .hoverHolder{position:absolute}

.left, .right{
	position:relative;
	overflow:hidden;
	width:50%;
	float:left
}

.right img{margin-left:-100%}

.clear{clear:both}

/*______________Gues what? yap yap footer_____________*/
#footer{
	position:absolute;
	text-align:center; 
	bottom:10px; 
	left:10px;
	font:bold 18px Arial;
	color:#b2c5cc
}