/* 
  card layouts only
*/


#c_pic {
	position: relative; 
	top: 25px;
	left: 20px;
	display: block;
}
#c_level {
	position: relative; 
	top: 40px;
	left: 26px;
	text-align:left;
	font-size: 21px;
	color: #CCCCCC;
}
#c_name {
	position: relative; 
	top: 20px;
	left: 14px;
	text-align:center;
	font-size: 13px;
	color: #CCCCCC;
}

#c_desc {
	position: relative; 
	top: 44px;
	left: 24px;
	text-align:left;
	font-size: 11px;
	color: #CCCCCC;
	display: block;
}

#card1 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_1.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card2 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_2.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card3 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_3.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card4 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_4.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card5 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_5.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card6 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_6.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card7 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_7.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card8 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_8.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#card9 {
	width: 200px;
	height: 280px;
	background-image: url(images/card_9.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}