/***********************************/
/* STYLES 2009 - USABILITY EDITION */
/***********************************/

	#content-area {
		width:760px;
		height:auto;
		overflow:hidden;
		margin: 0 auto;
		padding:0;
		text-align:left;
		background: #000000;
	}
	

/* SUB-SECTION ----------------------------------- COMMON HEADER */

#global-nav-container {
	width:762px;
	height:65px;
}

/*
#global-nav-block {
	background:#000000;
	float:left;
	width:762px;
}

#global-nav-block #bodog-logo {
	float:left;
	height:31px;
	margin:20px 0 0;
	padding:0 0 0 22px;
	width: 120px;
	display: block;
	overflow: hidden;
}
*/

#data-bar{
	background: transparent url(../../bola/files/login_back.png) no-repeat scroll 0 -35px;
	margin-left:488px;
	margin-top:1px;
	padding: 5px 5px 5px 5px;
	position:absolute;
	z-index:1;
	color:#36444D;
	font-size:9px;
	display: block;
	width: 260px;
	height: 75px;
}

	#data-bar #signing-form{
		margin-bottom: 5px;
		padding-left: 3px;	
	}
	
	#data-bar #signing-form input[type=text],
	#data-bar #signing-form input[type=password]{
		float: left;
		margin-right: 5px;
		font-size: 9px;
	}
	
	#data-bar #signing-form form a#login{	
		background: transparent url(../../bola/files/bt_login.png) no-repeat scroll 0 0;
		height:20px;
		width:55px;
		display:block;
		float: left;
	}

	#data-bar #signing-form form a:hover#login{	
		background: transparent url(../../bola/files/bt_login_over.png) no-repeat scroll 0 0;
		height:20px;
		width:55px;
		display:block;
		float: left;	
	}
	
	#data-bar #signin-link{
		text-align: center;
	}
	
	#data-bar #signin-link a:link, 
	#data-bar #signin-link a:visited {
		color: #85A5B1;
		text-decoration: none;
	}
	
	#data-bar #signin-link a:hover {
		color: #CCD6DB;
		text-decoration: underline;
	}
	
	#data-bar #user-info{
		text-align: center;
		margin-bottom:5px;
	}
	
	#data-bar #user-info p{
		text-align: center;
		color: white;
		margin-bottom: 2px;
		line-height:12px;
	}

	#data-bar .user-info-links{
		margin-top: 3px;
		text-align: center;
		display: block;
		line-height:10px;
	}
	
#global-links{
	background-color:#1B2226;
	float:left;
	margin-left:1px;
	margin-top: 10px;
	padding:5px;
	position:relative;
	width:750px;
	z-index:0;	
}

#global-links #dashboard-account-links {
	color:#36444D;
	font-size:10px;
	padding:3px 10px;
}

	#global-links #dashboard-account-links a:link, 
	#global-links #dashboard-account-links a:visited {
		color:#85A5B1;
		text-decoration:none;
	}
	#global-links #dashboard-account-links a:hover {
		color:#CCD6DB;
		text-decoration:underline;
	}
	#global-links #dashboard-account-links .white{
		color: white;
	}
	


	
/* SUB-SECTION ----------------------------------- JOINED PROMO */

#joined-promo {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	float:left;
	background-color: #000000;
}

/* SUB-SECTION ----------------------------------- NON-LOGED */

/* non-loded-area
*	|
*	|-----> joinnow-area 
 					|----------> promo-buttons
					|----------> promo-banner	 
*	|-----> join-now-area
*	|-----> banners-area
 					|----------> promo-buttons
					|----------> promo-buttons
					|----------> promo-banner	 
*	|
*	|-----> master-content-block 762px
*	|
*	|-----> footer
*				|
*				|----->	link-block 1+758px+1
*/


.clear-both{
	clear: both;
}

#non-loged-area {
/*	padding: 0px 1px;*/
    width: 740px;
    overflow:hidden;
	margin:35px 10px 10px;
    background: #000;
}

/* SUB-SECTION ----------------------------------- ROTATE MAIN BANNER */

#main-banner-area {
	background-color:black;
	height:255px;
	width:760px;
	margin-top:5px;
	text-align: center;
	position:relative;
	z-index: 10;
}


/* Easy Slider */

		#intro {
			position: relative;
		}
		
		#intro #slider {
			border-bottom:1px solid #36444D;
			border-top:1px solid #36444D;
			height:254px;
			width: 758px;
			overflow:hidden;
			position:relative;
		}
		
		#slider ul,
		#slider li {
		    margin: 0;
		    padding: 0;
		    list-style: none;
		}
		
		#slider, 
		#slider li {
		    width: 760px;
		    height: 254px;
		    overflow: hidden;
		}

		#slide ul li a { width:760px; }
		
		span#prevBtn, 
		span#nextBtn {
			display: block;
			position: absolute;
			height: 70px;
			width: 70px;
		}
		
		span#prevBtn {
			left: 10px;
			top: 92px;
		}
		
		span#nextBtn {
			left: 672px;
			top: 92px;	
		}
		
		span#prevBtn a, 
		span#nextBtn a {
			display: block;
			height: 75px;
			width: 75px;
			overflow:hidden;
			text-indent: 9999px;
		}
		
		span#prevBtn a {
			background: url(../../bola/files/images/prev.gif) no-repeat;	
		}
		
		span#nextBtn a {
			background: url(../../bola/files/images/next.gif) no-repeat;		
		}
		
		a#join,
		a#join.out {
			position: absolute;
			left: 290px;
			top: 225px;
			display:block;
			overflow:hidden;
			z-index: 99;
			display: block;	
			width: 182px;
			height: 57px;
			text-indent:-900px;
			background: url(../../bola/files/bt_join_now.gif) 0 0;
			overflow:hidden;	
		}
		
		a#join:hover,
		a#join.hover {
			background: url(../../bola/files/bt_join_now.gif) no-repeat scroll 0px -62px;
		}


/* SUB-SECTION ----------------------------------- JOIN NOW AREA */

#joinnow-area{
    overflow:hidden;
}

	#msg-left,
	#msg-right {
		text-align: center;
		text-transform: uppercase;
		color: white;
		width: 247px;
	}

	#msg-left {
		float: left;
	}

	#msg-right {
		float: right;
	}
	
	.msg-title {
		font-size: 11px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	
	.msg-content {
		font-size: 11px;
		/*margin-bottom: 5px;*/
		color: #ccc;
	}

/* SUB-SECTION ----------------------------------- LOGOS-AREA */

#logos-area {
	padding: 10px 10px 15px 10px;
	border-top:1px solid #36444D;
	border-bottom:1px solid #36444D;	
	text-align: center;
	background-color: #16191C;
	color: white;
}

#logos-area img{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
}	

/* SUB-SECTION ----------------------------------- BANNERS-AREA */

#banners-area{
	/*margin-bottom: 5px;*/
    padding: 10px 0;
    background: #000;
}

	#banners-area div a {
		background:transparent;
		display:inline;
		float:left;
		height:118px;
		margin:0 0 0 13px;
		text-indent:-1000px;
		width:236px;
	}
	
	#banners-area div#banner-poker a { background-position: 0px 0px;	}
	#banners-area div#banner-poker a:hover { background-position: 0px -154px; }
	
	#banners-area div#banner-casino a { background-position: -243px 0px;	}
	#banners-area div#banner-casino a:hover { background-position: -243px -154px; }	
	
	#banners-area div#banner-sports a { background-position: -486px 0px;	}
	#banners-area div#banner-sports a:hover { background-position: -486px -154px; }	
	
	#banners-area div#banner-poker2 a { background-position: -723px 0px;	}
	#banners-area div#banner-poker2 a:hover { background-position: -723px -154px; }
	
	#banners-area div#banner-casino2 a { background-position: -966px 0px;	}
	#banners-area div#banner-casino2 a:hover { background-position: -966px -154px; }	
	
	#banners-area div#banner-sports2 a { background-position: -1209px 0px;	}
	#banners-area div#banner-sports2 a:hover { background-position: -1209px -154px; }	



/* SUB-SECTION ----------------------------------- H-BANNER */

#h-banner-area {
	padding: 5px;
    background: #000000;
}

	#h-banner-area h1{
		text-align: center;
		color: white;
		font-size: 10px;
	}

/* SUB-SECTION ----------------------------------- LINKS AREA */

#links-area {
	border-top:1px solid #36444D;
	color: #666666;
    background: #000000;
    width: 100%;
    overflow:hidden;    
    padding: 0 0 10px 0;
}

	#links-area .links-block{
		width: 140px;
		float: left;
		margin: 15px 0 10px 10px;
	}	
	
    #links-area .links-block ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        
    }
    
	#links-area .links-block h3{
		font-size: 9px;
		margin-bottom: 3px;
		color: gray;
	}
	
	#links-area .links-block h3 a{
		font-weight: bold;
		color: #666; 
	}
	
	#links-area .links-block a,
	#links-area .links-block a:link, 
	#links-area .links-block a:visited {
		font-size: 9px;
		color: #666;
		line-height: 14px;
		text-decoration: none;
	}
	
	#links-area .links-block a:hover{
		text-decoration: underline;
	}

/* SECTION ----------------------------------- FOOTER */

#footer p {
    margin:0 10px 0 10px;
}

#footer #link-block {
	font-size:9px;
	line-height: 1.2em;
	padding: 8px 10px;
	margin-bottom: 8px;
}

	#footer #link-block #link-block-left{
		float: left;
	}
	
	#footer #link-block #link-block-right{
		float: right;
	}
	
	#footer #logos{
		margin:0px 15px;
		padding:6px 0px 7px;
	}
		
		#footer #logos .kahnawake{
			margin: 0px 3px 6px 3px;
		}