@charset "utf-8";
/* CSS Document */

body{
	background:#0021d0 url(../images/mainbg.jpg) top center;
	background-repeat: no-repeat;
	margin:50px 0 20px 0;
	font:Arial, Helvetica, sans-serif;
	font:12;
	
	}

a{
	color:#FF0;

}

.wrapper{
	padding:0 0 30px 0;
	background:#263bae;
	background-image:url(../images/topgradient.jpg);
	background-repeat:repeat-x;
	border-radius: 15px; /* curve */
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 

	
	}



.header{
	padding:15px 0 0 0;
	height:95px;
	}


#download {
	position:absolute;
	top:204px;
	left:33px;
	z-index:50;
}

#join {
	position:absolute;
	top:123px;
	left:92px;
	z-index:50;
}

#free {
	position:absolute;
	top:84px;
	left:24px;
	z-index:50;
	color:#f4c405;
	width:755px;
	font:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	
}


#spin_code{
	position:absolute;
	top:151px;
	left:125px;
	z-index:50;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:254px;
	}
.bonuscode_box{
	background:url(../images/bonuscode_box.png);
	background-repeat:no-repeat;
	height:45px;
	width:254px;
	padding-top:10px;
	}	
	
#recieve {
	position:absolute;
	top:78px;
	left:46px;
	z-index:50;
	color:#fff;
	width:400px;
	font:Arial, Helvetica, sans-serif;
	font-size:20px;


}

/**  Live Person **/
.lpPoweredBy {
display:none;
}

.liveperson{
	width:171px;
	height:90px;
	margin:10px 0 10px 0;
	
	}	
/** End Live Person **/	


/*************** Header  Animastion **********************/

#slideshow {
    position:relative;
    height:270px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:2px;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




#logo{
	position:absolute;
	top: -18px;
	left: 7px;
	z-index:100;
	}
#logo img{
	height: 110px;
}	

#flag_wrapper{
	position:absolute;
	top: -60px;
	left:0px;
	width: 738px;
	text-align:right;
	}		

#nav_wrapper{
	position:absolute;
	top: 36px;
	left: 239px;
	width: 738px;

	}	

.slides, .game_nav{
	margin:0 0 0 8px;
	
	}

.game_nav{

	height:30px;
	padding:15px 0 0 0;
	border-bottom:#6c77b0 1px solid;
	text-align:left;
	}

.game_box{

	margin:0px 0 10px 0;
	padding:40px 0 20px 12px;
	border:#6c77b0 1px solid;
	background:#041f45;
	}	
	


	
.features_box{

	margin:0px 0 10px 8px;
	padding:23px 5px 20px 5px;
	border:#6c77b0 1px solid;
	background:#041f45;
	text-align:center;
	}
.border{
border:#6c77b0 1px solid;
padding:2px;	
margin:5px
}

.promo_border{
border:#6c77b0 1px solid;
padding:0px;	
margin:0px
}
.spacing_promo{ padding:10px;

 

}

.content_normal{

	margin:5px 0 5px 0;
	padding:30px 30px 30px 30px;
	border:#6c77b0 1px solid;
	background:#fff;
	color:#000;
	}	
.content_normal a{
	color:#03F;
	}	
.content_normal h1{	
color: #006;
	font-size:25px;
}
.content_normal h4{	
color: #006;
	
}
	
	
.content_promo table{
	margin-bottom:0px;	
}
.content_promo{

	margin:5px 0 5px 0;
	padding:10px 10px 10px 10px;
	border:#6c77b0 1px solid;
	background:#fff;
	color:#000;
	}	
.content_promo h1{
	color: #006;
	font-size:18px;
	text-align: center;
	
	}  		

.content_promo li{
	list-style:none;

	}

	
.content_promo a{
	color: #F60;
	text-decoration:none;
	}	
.content_promo a:hover{
	color:#C00; 
	text-decoration: underline;
	}
	
	
	
	
	
.content_box{

	margin:0px 0 10px 0;
	padding:40px 20px 20px 20px;
	border:#6c77b0 1px solid;
	background:#041f45;
	}	
.content_box h1{
	color:#FC0;
	
	}  		

.content_box li{
	list-style:none;

	}

	
.content_box a{
	color: #FF0; 
	
	}	
.content_box a:hover{
	color: #F90; 
	}
	
.divider{
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:#666 1px dotted;
	height:1px;
	}			
		
.features_left{
	float:left;
	margin: 6px 0px 5px 24px ;
	
	}	
.features_right{
	float:left;
	margin: 6px 0px 5px 8px ;
	
	}		

.features_desc{
	float:left;
	margin:90px 0 0 20px;
	width:210px;
	}

.features_info{
	float:left;
	margin:30px 0 0 20px;
	width:210px;
	
	}	
	
.left_sidebar{
	float:left;
	margin:90px 0 0 20px;
	
	}
	
.left_sidebar li {
   list-style: disc;
   margin: 2px 0 2px 20px;
  
}

.left_sidebar a{
	color:#FFF;
}

.left_sidebar a:hover{
	color:#FC0;
	
}



.gamelist li {list-style: disc; margin: 2px 0 2px 20px;}
.gamelist a{color:#FFF;}
.gamelist a:hover{color:#FC0;}
.gamelist h4, .features_info h4, .features_desc h4 {margin:0 0 10px 0;}


	

.jackpot{
	margin:0 0 0 8px;
	float:left;
	background-image:url(../images/jackpotspotlight.jpg);
	background-repeat:no-repeat;
	width:371px;
	height:191px;
	position:relative;
	}
	
.jackpot_api{
	position:absolute;
	border:#6c77b0 1px solid;
	background:#041f45;
	width:271px;
	height:40px;
	border-radius: 20px; /* curve */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font:Arial, Helvetica, sans-serif;
	font-size:34px;
	text-align:center;
	left: 61px;
	top: 71px;
	
		
	}	

.winners{
	margin:0 0 0 17px;
	float:left;
    background-image:url(../images/winnerbanner.gif);
	background-repeat:no-repeat;
	width:390px;
	height:191px;
	position:relative;
	}	

	
.winners_col1{
	position:absolute;
	margin:0 0 0 0px;
	float:left;
	width:341px;
	height:44px;
	background:#041f45;
	border:#6c77b0 1px solid;
	left: 25px;
	top: 126px;
	padding:5px;
	text-align:center;
	padding:5px 0 0 0;
	
	
	}	

.winners_col2{
	position:absolute;
	margin:0 0 0 0px;
	float:left;
	width:130px;
	height:135px;
	background:#041f45;
	border:#6c77b0 1px solid;
	left: 251px;
	top: 48px;
	}		
		

.promo_api_wrapper {
position:relative;
padding:2px;
margin:0 auto 0 auto;
	}
.promo_winner_wrapper {
width:353px;position:relative;
padding:2px;
margin:0 auto 0 auto;
	}	
	
.promo_api{
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	padding:0 10px 10px 10px;
	text-align:center;
	width:250x;
	position:absolute;
	left: 105px;
	top: 135px;
	overflow:auto;
}

.promo_winners{
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 20px 10px 20px;
	position:absolute;
	left: 0px;
	top: 55px;
width:263px
		overflow:auto;
	

}

.sidebar{
	width:182px;
	margin:0 0 5px 0;
	
	}
	
.sidebar h6{
	background:url(../images/tittle-bg.jpg);
	background-repeat:repeat-x;
	height:30px;
	color:#661b21;
	padding:6px 0 0 0;
	margin:0 0 0px 0 ;
	text-align:center;
	}
	
.sidebar p, .features_desc p, .features_info p{
	margin:5px 0 0 8px;
	}

.img_border{
	border: 1px #578d98 solid;
	
	}	


.text_box{
	padding:10px;
	border:#6c77b0 1px solid;
	margin:15px auto 20px auto;
	width:934px;
	text-align: justify;
	}	
.text_box_liquid{
	padding:10px;
	border:#6c77b0 1px solid;
	margin:15px auto 20px 10px;
	text-align: justify;
	
	}	
	

.footer_icon{ padding: 0 20px 0 20px; }


.footer_box{
	padding:10px;
	border:#6c77b0 1px solid;
	background:#041f45;
	margin:15px auto 20px auto;
	width:934px;
	text-align: justify;
	
	}	
	
.testimonial_box{
	padding:20px;
	border:#6c77b0 1px solid;
	background:#fff;
	text-align: justify;
	color:#000;
	
	}

.testimonial_box p{
	border-bottom:#CCC 1px solid;
	padding:5px;
	
}
	
	
	
/* Top Menu*/	
.menu_nav {
	margin:0;
	padding:0 0 0;
	height:50px;
	width:99%;
	float:right;
	
}
.menu_nav ul {
	list-style:none;
	padding:0 0 0 2px;
	height:56px;

}
.menu_nav ul li {
	margin:0;
	padding:0 2px 0 0;
	float:left;
	background:no-repeat right center;
	
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:5px 13px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#ffffff;
	text-decoration:none;
	text-transform:none;
	text-align:center;
}
.menu_nav ul li a:hover {
	margin-top:
	text-decoration:none;
	color:#86080b;
	background:#efbd0e;
}

.menu_nav ul li.active a {
color:#661b21;font-size:14px; font-weight:bold; text-decoration:none;background:#efbd0e;
	
	

}



.footer_nav {
	margin:20px auto 0 auto;
	padding:0 0 0;
	height:50px;
	width:350px;
	float:center;
	
}
.footer_nav ul {
	list-style:none;
	padding:0 0 0 2px;
	height:56px;

}
.footer_nav ul li {
	margin:0;
	padding:0 2px 0 0;
	float:left;
	background:no-repeat right center;
	
}
.footer_nav ul li a {
	display:block;
	margin:0;
	padding:5px 15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#ffffff;
	text-decoration:none;
	text-transform:none;
	text-align:center;
}
.footer_nav ul li a:hover {
	margin-top:
	text-decoration:none;
	color:#86080b;
	background:#efbd0e;
}


.clickable {
   cursor: pointer;
}
.clickable:hover {
   background: #F90;
}
#content li{
	list-style:none;
	padding:10px;
	}
#content a{
	color:#FC0;
	}	

.gameBox {width:310px;margin:0 20px 10px 0;display:block;float:left;}
.gameBox p{line-height:12px;}
.gameBox img {float:left;margin:0 15px 0 0;border:none;}
.gameBox a:link,#content-container .gameBox a:visited {text-decoration:none;}
.gameBox a.readMore {text-decoration:underline;color:#E9B30A;}
.gameBox h2{
	color:#FC0;
	
	}
	
.promotion {
float:left; margin:3px 5px 40px 5px;position:relative;
padding:2px;
border:#6c77b0 1px solid;
	}

.promotioncode_wrapper {
position:relative;
	}	

.bonuscode{
	color:#000;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	
	
}
.bonuscode_white{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.promocode {
	color:#F00;
	background:#FFF;
	height: 23px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:5px;

}

.promocode1 {
	float:left;
	font-size:10px;
	color:#F00;
	width:100px;
	background:#FFF;
	height: 23px;
	padding:5px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border: 1px #333 solid;
	text-align:center;
	
	

}		
.promocode2{
	float:left;
	font-size:10px;
	color:#F00;
	width:112px;
	background:#FFF;
	height: 23px;
	padding:5px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border: 1px #333 solid;
	text-align:center;


}
.promocode3{
	float:left;
	font-size:10px;
	color:#F00;
	width:112px;
	background:#FFF;
	height: 23px;
	padding:5px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border: 1px #333 solid;
	text-align:center;


}	

.promocode4{
	float:left;
	font-size:10px;
	color:#F00;
	width:100px;
	background:#FFF;
	height: 23px;
	padding:5px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border: 1px #333 solid;
	text-align:center;
  
}		
		
	

.games {
float:left;height:113px; margin:3px 5px 40px 5px;width:173px;position:relative;cursor:pointer;
padding:2px;
border:#F90 1px solid;
	}
.image {position:absolute;top:0;left:0; border: #face00 1px solid;}
.image_link a:hover{border: #face00 2px solid;}
.gameName {
	position:absolute;
	top:82px;
	left:5px;
	font-size:13px;
	color:#e9b30a;
	font-weight:bold;
	width:170px;

	
}	
.gameDesc {
	position:absolute;
	top:97px;
	left:5px;
	font-size:10px;
	color:#ffffff;
	width:170px;
}
.playNow {
	position:absolute;
	top:119px;
	left:-3px;
	font-size:16px;
	font-weight:bold;
	color:#e9b30a;
	text-decoration:none;
	padding:0 3px 0 17px;
}
.calendar_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	text-align:center;
	
	
	}

.caledarcode{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F00;
	text-align:center;
	border: 1px #0ba3be solid;
	padding:3px;
	}
.calendar_border{
	border: 1px #0ba3be solid;
	padding:3px;
	
	}


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


 /* Tabs example one */

#game_tab{ padding: 10px 0 0 10px; margin: 0 0 0 0;}

#game_tab .nav { overflow: hidden; margin: 0 0 10px 0; }
#game_tab .nav li { width:auto; float: left; margin: 0 10px 0 0; }
#game_tab .nav li.last { margin-right: 0; }
#game_tab .nav li a { display: block; padding: 5px; color: white; font-size: 10px; text-align: center; border: 0; }
#game_tab .nav li a:hover { background-color: #efbd0e; }

#game_tab ul { list-style: none; }
#game_tab ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#game_tab ul li a:hover { background: #efbd0e; color: #86080b; }
#game_tab ul li:last-child a { border: none; }

#game_tab ul li.nav-one a.current, #game_tab ul.featured li a:hover { background-color: #efbd0e; color:#86080b; font-weight:bold;} 	
#game_tab ul li.nav-two a.current, #game_tab ul.core li a:hover { background-color: #efbd0e; color: white; }
#game_tab ul li.nav-three a.current, #game_tab ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#game_tab ul li.nav-four a.current, #game_tab ul.classics li a:hover { background-color: #FE4902; color: white; }