/* CSS */

html, body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
body {background-image: URL(../images/bg.png); background-repeat: repeat-x; background-color: #315101; background-attachment: fixed; }

#preloader { /* preloader for the rollover images */
	position:absolute;
	top:-1000px;
	height:100px;
	width:100px;
	overflow:hidden;
}

#cont {
	position: absolute;
	width: 1002px;
	left: 51%;
	margin-left: -501px;
	top: 10px;
}

#head_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 1002px;
	height: 214px;
	background: url(../images/header.png) no-repeat;
}

#nav-card {
	position: absolute;
	left: 0;
	top: 214px;
	width: 481px;
	height: 60px;
	background: url(../images/nav_card.png) no-repeat;
}

#nav-home a{
	position: absolute;
	left: 481px;
	top: 214px;
	width: 77px;
	height: 60px;
	background: url(../images/nav_home.png) no-repeat;
}

#nav-home a:hover{
	position: absolute;
	left: 481px;
	top: 214px;
	width: 77px;
	height: 60px;
	background: url(../images/nav_home_hover.png) no-repeat;
}

#nav-spacer1 {
	position: absolute;
	left: 558px;
	top: 214px;
	width: 2px;
	height: 60px;
	background: url(../images/nav_spacer1.png) no-repeat;
}

#nav-gamerules a {
	position: absolute;
	left: 560px;
	top: 214px;
	width: 145px;
	height: 60px;
	background: url(../images/nav_gamerules.png) no-repeat;
}

#nav-gamerules a:hover {
	position: absolute;
	left: 560px;
	top: 214px;
	width: 145px;
	height: 60px;
	background: url(../images/nav_gamerules_hover.png) no-repeat;
}

#nav-spacer2 {
	position: absolute;
	left: 705px;
	top: 214px;
	width: 2px;
	height: 60px;
	background: url(../images/nav_spacer2.png) no-repeat;
}

#nav-contactus a {
	position: absolute;
	left: 707px;
	top: 214px;
	width: 120px;
	height: 60px;
	background: url(../images/nav_contactus.png) no-repeat;
}

#nav-contactus a:hover {
	position: absolute;
	left: 707px;
	top: 214px;
	width: 120px;
	height: 60px;
	background: url(../images/nav_contactus_hover.png) no-repeat;
}

#nav-spacer3 {
	position: absolute;
	left: 827px;
	top: 214px;
	width: 2px;
	height: 60px;
	background: url(../images/nav_spacer3.png) no-repeat;
}

#nav-playdemo a {
	position: absolute;
	left: 829px;
	top: 214px;
	width: 125px;
	height: 60px;
	background: url(../images/nav_playdemo.png) no-repeat;
}

#nav-playdemo a:hover {
	position: absolute;
	left: 829px;
	top: 214px;
	width: 125px;
	height: 60px;
	background: url(../images/nav_playdemo_hover.png) no-repeat;
}

#nav-rightspacer {
	position: absolute;
	left: 954px;
	top: 214px;
	width: 48px;
	height: 60px;
	background: url(../images/nav_rightspacer.png) no-repeat;
}

#body-bg_ {
	position: absolute;
	left: 0;
	top: 274px;
	width: 1002px;
	height: 500px;
	height: 1px;
	background: url(../images/body_bg.png);
	background-repeat: repeat-y;
}

#Body_ {
	position: absolute;
	left: 0;
	top: 275px;
	width: 1002px;
	height: 475px;
	background: url(../images/body.png);
	background-repeat: repeat-y;
}

#Body_content {
	margin: 10px 15px 10px 15px;
}

#Footer-bg_ {
	position: absolute;
	left: 0;
	top: 750px;
	width: 1002px;
	height: 6px;
	background: url(../images/Footer_bg.png);
	background-repeat: repeat-y;
}

#Footer_ {
	position: absolute;
	left: 0;
	top: 750px;
	width: 1002px;
	height: 99px;

}

h1 {color: #73c002; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; }
h2 {color: #fffccc; font-size: 16px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
h3 {color: #fffccc; font-size: 14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
h4 {color: #fffccc; font-size: 12px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
h5 {color: #fffccc; font-size: 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
h6 {color: #fffccc; font-size: 9px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}

p {margin: 0;}
.p2 {margin-top: 2px;}
.p4 {margin-top: 4px;}
.p6 {margin-top: 6px;}
.p8 {margin-top: 8px;}
.p10 {margin-top: 10px;}
.p12 {margin-top: 12px;}
.p14 {margin-top: 14px;}
.p16 {margin-top: 16px;}
.p18 {margin-top: 18px;}
.p20 {margin-top: 20px;}
.footer {font-size: 10px;}

a:link 		{color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:visited 	{color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:hover 	{color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul.suits {margin-bottom: 0; list-style-type: none;}

li.liHearts {list-style-image: url(../images/icon_hearts.png); vertical-align: middle; background-position: center;}
li.liDiamonds {list-style-image: url(../images/icon_diamonds.png); vertical-align: middle; background-position: center;}
li.liClubs {list-style-image: url(../images/icon_clubs.png); vertical-align: middle; background-position: center;}
li.liSpades {list-style-image: url(../images/icon_spades.png); vertical-align: middle; background-position: center;}