@charset "UTF-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url("images/back.jpg");
	background-attachment:fixed;
	background-repeat:repeat-x;
	font-size:11px;
	}
	
a {
	color:#FFFFFF;
	text-decoration:none;
	}
#mainwrapper{
	position:relative;
	width:90%;
	border:#000 solid 1px;
}
a:hover {
	text-decoration:underline;
	}
	
.blueheader{
	background-color:#1f5894;
	display:block;
	text-align:center;
	color:#FFFFFF; 
	height:30px; 
	font-size:20px;
	border-top:#FFF solid 1px;
}
.blueheader_play{
	background-color:#1f5894;
	background-image:url(images/play.png);
	background-position:right;
	background-repeat:no-repeat;
	display:block;
	text-align:left;
	text-indent:10px;
	color:#FFFFFF; 
	height:30px; 
	font-size:20px;
	border-top:#FFF solid 1px;
}
.blueheader_play:hover{
	background-image:url(images/play_hover.png);
}
	
#header{
	background-image:url("images/casinooffer_header.png");
	padding:0px;
	width:1055px;
	height:140px;
	}
	
#headerlink{
	position:absolute;
	float:left;
	left:30px;
	width:280px;
	height:125px;
}
#headerlink a{
	display:block;
	width:100%;
	height:100%;
}
#menu1{/*this positions the banner*/
	position:relative;
	float:left;
	left:39%;
	top:10%;
	color:#FFFFFF;
	
	}
	
#menu2{/*this positions the second text link in the header image*/
	position:relative;
	float:left;
	margin-top:3%;
	left:35%;
	color:#FFFFFF;
	}
	
#menu3{/*and this positions the third text link in the header image*/
	position:relative;
	float:left;
	left:67%;
	margin-top:40px;
	color:#FFFFFF;
	}
#homecontainer{
	position:relative;
	width:90%;
	
}
#homeleftcontainer{
	position:relative;
	float:left;
	
	
}
	
#leftcontainer{/*this div container holds the left navigation*/
	position:relative;
	left:4.2%;
	width:10%;
	
	}
#homerightcontainer{/*this div container holds the right table*/
	position:relative;
	float:left;
	
	margin-left:10px;
	background-color:#000000f;
	
	
}
#reviewcontainer{
	position:relative;
	float:left;
}
.buttonreview{
	width:120px;
	height:27px;
	display:block;
	background-image:url(images/review.png);
}
.buttonreview:hover{
	background-image:url(images/review_hover.png);
	cursor:pointer;
}
.buttonplay{
	width:120px;
	height:27px;
	display:block;
	background-image:url(images/play.png);
}
.buttonplay:hover{
	background-image:url(images/play_hover.png);
	cursor:pointer;
}

#reviewrightcontainer{/*this div container holds the right table in the review page*/
	position:relative;
	float:left;
	margin-left:10px;
	width:560px;
	background-color:#000000f;
	padding:10px;
}
#reviewalltable{
	width:750px;
	border-collapse:collapse;
	border:3px solid #1f5894;
}
#maincontainer{/*this div holds all the include files in the index page*/
	position:relative;
	width:800px;
	margin-top:1%;
	left:285px;

	}	

	
#leftmenu {
	position:absolute;
	width:200px;
	left:80px;;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	Verdana, Lucida, Geneva, Helvetica, 
	Arial, sans-serif;
	font-size:12px;
	background-color: #ba000f;
	color: #333;
		
	}
	
	
	
#leftmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#leftmenu li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
#leftmenu li a {
		display: block;
		padding: 5px 5px 5px 5px;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #ba000f;
		color: #fff;
		text-decoration: none;
	
		}

html>body #leftmenu li a {
		width: auto;
		}

#leftmenu li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #1f5894;
		color: #fff;
		}
#homepagetableleft{/*this table sits within the maincontainer div on the homepage*/
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
	font-size:11px;
	background-color:#FFFFFF;
	border:3px solid #1f5894;
	border-collapse:collapse;
		}
		
#homepagetableright2{/*this table sits within the maincontainer div on the homepage and contains the top right table*/
	font-family:Arial, Helvetica, sans-serif;
	border:3px solid #1f5894;
	background-color:#ba000f;
	margin-top:20px;
	width:355px;
	font-size:11px;
	color:#FFFFFF;
	border-collapse:collapse;
		}
				
		
#homepagetableright2 tr:hover{
	background-color:#1f5894;
	cursor:pointer;
}
		
#homepagetableright1{/*this table sits within the maincontainer div on the homepage and contains the second table down*/
	font-family:Arial, Helvetica, sans-serif;
	border:3px solid #1f5894;
	background-color:#FFFFFF;
	width:355px;
	font-size:11px;
	color:#000000;
	border-collapse:collapse;
		}
		
#homepagetableright3{/*this table sits within the maincontainer div on the homepage and contains the third table down*/
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	border:3px solid #1f5894;
	background-color:#FFFFFF;
	width:355px;
	font-size:11px;
	color:#000000;
	border-collapse:collapse;
		}	
		
#reviewheader {
	border-collapse:collapse;
	width:764px;
	height:96px;
	}
	
#reviewleftcontainer{
	position:relative;
	float:left;
	width:170px;
	background-color:#000000f;
	padding-top:10px;
	}
	
#reviewleftcol{
	background-color:#FFFFFF;
	border:3px solid #1f5894;
	border-collapse:collapse;
	}
.reviewrighttable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:570px;
	background-color:#FFF;
	border:3px solid #1f5894;
	border-collapse:collapse;
	}		
		
#email{/*this table sits within the maincontainer div on the homepage and contains the email table at the bottom of the middle column*/
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	border:3px solid #1f5894;
	background-color:#FFFFFF;
	width:400px;
	font-size:11px;
	color:#000000;
	border-collapse:collapse;
		}
#emailaddress{
	width:300px;
	margin-bottom:10px;
	}
#emailname{
	width:300px;
	margin-top:10px;
	}
.menuheader{
	position:relative;
	font-size:14px;
	width: 100%;
	display:block;
	background-color:#06C;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:5px;
	text-align:left;
}
.menuheader a{
		color: #fff;
		text-decoration: none;
		display:block;
}
#compare{
	width:750px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	text-align:center;
	border:10px solid #1f5894;
	border-collapse:collapse;
}
#comparecontainer{
	position:relative;
	float:left;
}

#compare a{
	color:#FFFFFF;
	font-size:15px;
	}
#footer{
	position:relative;
	width:70%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	border-collapse:collapse;
	margin-top:20px;
}
.clear{
	clear:both;
}

#bottom_cta {
bottom:0;
height:245px;
position:fixed;
right:0;
width:245px;
}

#bottom_cta #cta_content {
background-image:url(../images/bottom_right.png);
background-repeat:no-repeat;
cursor:pointer;
height:245px;
width:245px
}

#contact{
	width:750px;
	background-color:#FFF;
	border:5px solid #1f5894;
	font-size:14px;
}
#contact input{
	width:300px;
	font-size:12px;
}
#contact textarea{
	width:400px;
	height:200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#contact #submit{
	width:120px;
}
#contactthanks{
	position:relative;
	float:left;
	display: block;
	text-align:center;
	width:750px;
	background-color:#FFF;
	border:5px solid #1f5894;
	font-size:14px;
	height:600px;
}
#terms{
	width:750px;
	background-color:#FFF;
	border:5px solid #1f5894;
	font-size:10px;
}
#sitemap{
	width:750px;
	background-color:#FFF;
	border:5px solid #1f5894;
	font-size:12px;
}
.sitemapheader{
	font-size:16px;
	font-weight:bold;
}
.sitemain{
	display:block;
	width:90%;
	color:#000;
}
.sitemain ul{
	list-style: none;
	
}

.sitemain li a{
	display: block;
		padding: 5px 5px 5px 0.5em;
		color: #666;
		text-decoration: none;
		width: 100%;
	
}
.sitemain li a:hover{
	background-color:#1f5894;
	color:#FFF;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


