* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	box-sizing: border-box;
	font-family: 'Varela Round', sans-serif;
	background: url(images/stripe.png) repeat;
	text-align: center;
	padding-top: 30px;
}

h1 { font-size: 2.0em; margin-bottom: 10px;}
p { font-size: 1.3em; margin-bottom: 20px; }

#menu-outer {
	height: 84px;
	background: url(images/bar-bg.jpg) repeat-x;
	margin-bottom: 10px;
}

.table {
	display: table;
	margin: 0 auto;
}

ul#horizontal-list {
	min-width: 696px;
	list-style: none;
	padding-top: 20px;	
}

ul#horizontal-list li {
	display: inline;
}
	

 #help 
{ 

	display: inline;
	float: right;
	 width: 64px;
	 height: 66px;
	 z-index:2;
} 

 #cardsmenu 
{ 
	display: inline;
	float: right;
	 width: 71px;
	 height: 67px;
	 z-index:3;
} 

 #updatetext 
{ 
	text-align: center;

	 width: 192px;
	 height: 53px;
	 z-index:4;
} 

 #refresh 
{ 
	display: inline;
	float: left;
	 width: 61px;
	 height: 60px;
	 z-index:5;
} 

 #menu 
{ 
	display: inline;
	float: left;
	 width: 58px;
	 height: 63px;
	 z-index:6;
} 

 #bottomcard 
{ 
	 left: 502px; 
	 top: 131px; 
	 position: absolute; 
	 width: 339px;
	 height: 343px;
	 z-index:7;
} 

 #middlecard 
{ 
	 left: 502px; 
	 top: 130px; 
	 position: absolute; 
	 width: 339px;
	 height: 344px;
	 z-index:8;
} 

 #topcard 
{ 
	display: inline;
	 width: 195px;
	 height: 312px;
	 z-index:9;
} 

 #cutter 
{ 

	
	 width: 29px;
	 height: 27px;
	 z-index:10;
} 


 #Currentplayer 
{ 
	
	
	 width: 125px;
	 height: 12px;
	 z-index:15;
} 

 #PP 
{ 
	
	
	 width: 58px;
	 height: 53px;
	 z-index:16;
} 



.playingcard {
	display: inline-block;
	width: 116px;
	height: 160px;
}

.player{
	display: inline;
	width: 117px;
	height: 13px;
	z-index:14;
}