@font-face {	font-family: 'Zurich BC';
	src: url(../fonts/ZurichBT-BoldCondensed.eot);
	src: url(../fonts/ZurichBT-BoldCondensed.ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
}

html{color:#000;background:none;font-family:Verdana,Helvetica,Arial,sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {
	background:#e9e9e9 url(../img/wrapper_bg.png) center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

strong {font-weight: bold;}

a {
	color: #194787;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

#wrapper{Z-INDEX: 1; MARGIN: 0px auto; WIDTH: 1004px; background:#e9e9e9; }

.hidden-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 1004px;
	height: 423px;
	background: url(../img/header.png) top center no-repeat;
	text-align: center;
}

#header .image {
	position: absolute;
	width: 971px;
	height: 308px;
	bottom: 0;
	left: 16px;
	z-index: 0;
}

#header .buttons {
	position: absolute;
	top: 0;
	left: 0;
	width: 323px;
	height: 272px;
}
#header .buttons2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 323px;
	height: 172px;
}
#header .guy {
	position: absolute;
	top: 0;
	left: 323px;
	width: 340px;
	height: 272px;
}

#header .bonus-info {
	position: absolute;
	top: 0;
	left: 663px;
	width: 308px;
	height: 272px;
}

#header .image .button {
	position: absolute;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 999em;
	opacity: 0;

}


#header .image .download {
	left: 33px;
	top: 4px;
	width: 250px;
	height: 131px;
}

#header .image .play {
	left: 75px;
	top: 145px;
	width: 216px;
	height: 112px;
	background-position: 0 -131px;
}

#logo {
	display: block;
	position: relative;
	top:18px;
	width: 249px;
	height: 70px;
	margin: 0 auto;
	z-index: 10;
}

#logo img {
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
}

#top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#language {
	position: relative;
	z-index: 2000;
	float: right;
	right: 31px;
	top: 8px;
	font-size: 11px;
	color: #303030;
	background: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	text-align: left;
}

#language a {
	color: #303030;
	display: block;
	padding-right: 4px;
}

#language a:hover {
	background: #e7e7e7;
	text-decoration: none;
}

#language:hover, .ie-hover {
	border: 1px solid #babec1 !important;
}

#language span {
	background: url(../img/arrow-down-bw.gif) right 0 no-repeat;
	padding-right: 12px;
	margin-right: 4px;
}

#language li {
	background: url(../img/globe.jpg) 2px 1px no-repeat;
	text-indent: 25px;
	line-height: 18px;
}

#language ul {
	display: none;
}

#language:hover ul, .ie-hover ul {
	display: block !important;
}

#language li li {
	background: none;
}

#nav {
	position: absolute;
	text-align: center;
	height: 50px;
	z-index: 1000;
	left: 0;
	top: 76px;
	width: 100%;
	white-space: nowrap;
	cursor: default;
}

#nav .wrapper {
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
}

*:first-child+html #nav .wrapper, * html #nav .wrapper {
	display: inline;
}

#nav .wrapper .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#nav .wrapper .hover {
	position: absolute;
	height: 37px;
	top: 6px;
	background: url(../img/menu.png) 0 -156px repeat-x;
}

#nav .wrapper .hilight {
	position: absolute;
	left: 0;
	top: 6px;
	width: 100%;
	height: 36px;
	background: url(../img/menu-highlight.png) center center no-repeat;
}

#nav .wrapper .m {
	margin: 0 25px;
	height: 50px;
	background: url(../img/menu.png) 0 -50px repeat-x;
}

#nav .wrapper .l, #nav .wrapper .r {
	position: absolute;
	width: 25px;
	height: 50px;
	left: 0;
	top: 0;
	background: url(../img/menu.png) 0 0 no-repeat;
}

#nav .wrapper .r {
	background-position: -25px 0;
	left: auto;
	right: 0;
}

#nav .wrapper .lhover { background-position: 0 -100px; }
#nav .wrapper .rhover { background-position: -25px -100px; }

#nav ul {
	height: 36px;
	line-height: 36px;
	position: relative;
	top: 6px;
}

#nav li {
	position: relative;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 36px;
}

#nav li span {
	display: inline-block;
	height: 36px;
	background: url(../img/menu-separator.png) right 3px no-repeat;
	padding: 0 12px 0 5px;
}

#nav li.last span {
	background-image: none;
	padding-right: 5px;
}

*:first-child+html #nav li, * html #nav li {
	display: inline;
}

*:first-child+html #nav li span, * html #nav li span {
	display: inline;
	padding: 0 12px 0 8px;
}

*:first-child+html #nav li.last span, * html #nav li.last span {
	padding-right: 4px;
}

#nav a {
	color: #fff;
	-moz-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	text-shadow: 1px 1px 1px #000;
	filter: DropShadow(Color=#000000,OffX=1,OffY=1);
	display: block;
	float: left;
	text-transform: uppercase;
}

#nav a:hover {
	text-decoration: none;
}

#nav a.arrow {
	background: url(../img/arrow-down-trans.gif) right 17px no-repeat;
	padding-right: 13px;
}

#nav ul ul {
	position: absolute;
	top: 36px;
	left: -5px;
	height: auto;
	background: #16181a;
	text-align: left;
	float: none;
	border: 1px solid black;
	border-top: none;
	display: none;
}

*:first-child+html #nav ul ul, * html #nav ul ul {
	left: 0;
}

#nav li:hover ul, #nav li.ie-hover ul {
	display: block;
}

#header #nav li li {
	display: list-item;
	height: 25px;
	width: auto;
	line-height: 25px;
	background: none;
	text-align: left;
	padding: 0 10px;
}

#nav li li a {
	display: block;
	height: 25px;
	float: none;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	filter:none;
	font-weight: normal;
	text-transform: none;
}

#nav li li a:hover {
	text-decoration: underline;
}

.center {
	position: relative;
	width: 956px;
	margin: 0 auto;
}

.center2 {
	position: relative;
	width: 986px;
	margin:0px 0px 0px -30px;
 }

#play h3 {
	font-size: 15px;
	font-family: "Zurich Cn BT", "Zurich Bold Condensed BT", "Zurich BC", Arial, Helvetica, sans-serif;
	color: #313131;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

#play a {text-decoration:none;color:#313131;}

#content {
	margin-top: 460px;
}

.box {
	position: relative;
	width: 279px;
	height: 115px;
	margin: 0 26px 0 16px;
	background: url(../img/box1.png) bottom repeat-x;
	float: left;
	z-index: 100;
}

.last {
	margin-right: 0;
}

.box .l, .box .r {
	position: absolute;
	top: 0;
	left: -16px;
	width: 16px;
	height: 115px;
	background: url(../img/box1.png) no-repeat;
}

.box .r {
	left: auto;
	right: -16px;
	background-position: -16px 0;
}

.first .l { background-position: -32px 0; }
.last .r { background-position: -48px 0; }

.box h2 {
	color: #1b1b1b;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin: 16px 0 14px 0;
	font-family: "Zurich Cn BT", "Zurich Bold Condensed BT", "Zurich BC", Arial, Helvetica, sans-serif;
}

.box a {
	color: #616161;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	font-family: "Zurich Cn BT", "Zurich Bold Condensed BT", "Zurich BC", Arial, Helvetica, sans-serif;
}

.box a.blue { color: #085f7b; }

.box img {
	position: relative;
	float: left;
	margin-right: 13px;
	margin-left: 4px;
}

.box img.headphones {
	position: relative;
	margin: -9px 8px 0 -12px;
	z-index: 1000;
}


.box2 {
	position: relative;
	width: 320px;
	height: 150px;
	margin: 3px;
	background: url(/img/bigbox.png) bottom repeat-x;
	float: left;
	font-size:11px;
	z-index: 100;
	font-family:verdana;
}

.last2 {
	margin-right: 0;
}

 

.text-center {
	text-align: center;
}

#footer {
	position: relative;
	width: 956px;
	margin: 0 auto;
	z-index: 10;
}

#footer p {
	float: left;
	clear: left;
	font-size: 12px;
	color: #676767;
	padding-top: 15px;
	width: 100%;
}

#powered-by-desigui {
	position: absolute;
	display: block;
	width: 114px;
	height: 31px;
	right: 2px;
	bottom: 10px;
}

.column {
	margin-top: 27px;
	float: left;
	width: 165px;
}

.column h3 {
	text-transform: uppercase;
	font-weight: bold;
	color: #a80000;
	font-size: 14px;
	letter-spacing: -.02em;
	margin-bottom: 12px;
}

.column .links {
	font-size: 12px;
	color: #323232;
	float: left;
}

.column ul.no-title {
	margin-top: 28px;
}

.column .links a { color: #323232; }

#logos {
	width: 188px;
	height: 128px;
	margin-top: 10px;
	margin-left: -12px;
	float: left;
}

#logos .rival {
	position: relative;
	left: -5px;
	top: -5px;
	z-index: 50;
}

#logos .gambleaware {
	position: relative;
	left: 1px;
	top: -12px;
}

#logos .curacao {
	position: relative;
	left: 2px;
	top: -7px;
}

#social {
	position: relative;
	float: left;
	top: 33px;
	left: 25px;
	width: 92px;
	height: 136px;
	background: url(../img/social.png) no-repeat;
}

#social a {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	white-space: nowrap;
	background: black;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#social .facebook {
	left: 3px;
	top: 10px;
	width: 50px;
	height: 100px;
}

#social .twitter {
	left: 52px;
	top: 1px;
	width: 40px;
	height: 103px;
}

#counter {
	position: relative;
	height: 40px;
	text-align: center;
	font-weight: bold;
}

#counter .digit {
	display: inline-block;
	width: 25px;
	height: 0;
	background: url(../img/digits.png) no-repeat;
	margin-right: 1px;
	overflow: hidden;
	font-size: 0;
	padding-top: 40px;
}


*:first-child+html #counter .digit, * html #counter .digit {
	display: inline;
}


#counter .d1 { background-position: -25px 0; }
#counter .d2 { background-position: -50px 0; }
#counter .d3 { background-position: -75px 0; }
#counter .d4 { background-position: -100px 0; }
#counter .d5 { background-position: -125px 0; }
#counter .d6 { background-position: -150px 0; }
#counter .d7 { background-position: -175px 0; }
#counter .d8 { background-position: -200px 0; }
#counter .d9 { background-position: -225px 0; }
#counter .d0 { background-position: -250px 0; }

#counter .comma {
	width: 8px;
	background-position: -275px 0;
	margin: 0;
}

.clear { clear: both; }
.h20 { height: 20px; }
.left { float: left; }

#subpage {
	position: relative;
	margin: -395px auto 100px auto;
	width: 917px;
	background: url(../img/subpage-header.png) 0 -252px repeat-x;
	min-height: 270px;
	z-index: 10;
}

#subpage .l, #subpage .r {
	position: absolute;
	width: 10px;
	height: 252px;
	background: url(../img/subpage-header.png) 0 0 no-repeat;
	top: 0;
}

#subpage .l { left: 0; }
#subpage .r { right: 0; background-position: -10px 0; }

#subpage-bg {
	position: absolute;
	left: 0px;
	top: 387px;
	width: 100%;
	height: 164px;
	background: url(../img/subpage-bg.png) center top no-repeat;
	z-index: 1;
}

.text h1, .text h2, .text h3, .text h4 {
	font-size: 30px;
	font-family: "Zurich Cn BT", "Zurich Bold Condensed BT", "Zurich BC", Arial, Helvetica, sans-serif;
	color: #313131;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 25px;
	padding-top: 18px;
}

.text h2 { font-size: 24px }
.text h3 { font-size: 18px }
.text h4 { font-size: 14px }

.text h1 em, .text h2 em, .text h3 em, .text h4 em { font-style: normal; }

.text .red { color: #fd2e2e; }

.text p {
	font-size: 13px;
	color: #313131;
	margin: 10px 27px 0 27px;
}

#subpage .sidebar {
	display: inline;
	width: 200px;
	float: right;
	margin: 20px 15px 0 15px;
}

#subpage .buttons {
	display: inline;
	float: right;
	width: 282px;
	height: 257px;
	position: relative;
	margin-right: -2px;
	margin-top: -13px;
}

#subpage .buttons .button {
	position: absolute;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 999em;
	opacity: 0;
	
}

#subpage .buttons .button:hover {

}

#subpage .buttons .download {
	left: 12px;
	top: 4px;
	width: 250px;
	height: 130px;
}

#subpage .buttons .play {
	left: 54px;
	top: 145px;
	width: 218px;
	height: 111px;
	background-position: 0 -131px;
}


#subpage .buttons2 {
	display: inline;
	float: right;
	width: 281px;
	height: 140px;
	position: relative;
	margin-right: -2px;
	margin-top: -13px;
}

#subpage .buttons2 .button {
	position: absolute;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 999em;
}
 

#subpage .buttons2 .download {
	left: 12px;
	top: 4px;
	width: 250px;
	height: 130px;
}

#subpage .buttons2 .play {
	left: 54px;
	top: 145px;
	width: 218px;
	height: 111px;
	background-position: 0 -131px;
}


.homepage-text {
border:1px #ccc solid;
padding:8px;
	position: relative;
	width: 100%;
	margin: 10px 0 15px;
}

.homepage-text p {
	margin: 10px 0 0;
}

.homepage-text h1, .homepage-text h2, .homepage-text h3, .homepage-text h4 {
	margin-left: 0;
}

.contain {background-image:url(/img/contain.png);width:150px;height:110px;z-index:20;position: absolute;}
.screens {width:150px;height:110px;overflow:hidden;float:left;margin:2px 5px 0px 5px;border:1px black solid;}

.screenbox
{
background-image:url(/images/clear.png);
padding:5px;
width:500px;
margin:0 auto;
}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(/img/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/img/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/img/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/img/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/img/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/img/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/img/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

#tabsE {
width:870px;
margin:0 auto;
line-height:normal;
padding-top:7px;

}
#tabsE ul {
margin:0;
padding:0px 0px 0px 4px;
list-style:none;
}
#tabsE li {
display:inline;
margin:0;
padding:0;
}
#tabsE a {
float:left;
background:url("/img/tableftE.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("/img/tabrightE.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
font-size:12px;
font-weight:bold;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
}
#tabsE a span {float:none;}
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}

#tabsE #current a {
background-position:0% -42px;
}
#tabsE #current a span {
background-position:100% -42px;
}
/*Class to set the width for the whole Carousel. You can set the width and height as you want */

.widget {
width:1000px;
margin: 500px 0 0 0;
background:url(/img/slide_bg.png) no-repeat;
height: 140px;
overflow:hidden;
}



#carousel_inner {
float:left; /* important for inline positioning */
width:880px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
margin: 20px 5px; text-align:right;
}

#carousel_ul {
position:relative;
left:0; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:1000px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
height: 100px;
overflow: hidden;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:170px;  /* fixed width, important */
/* just styling bellow*/
padding:0px 3px;
height:110px; 

}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
border:0px;
}
#left_scroll{
float:left;
display:block;
width:50px;
height:68px;
margin-top:40px;
}

#right_scroll{
float:right;
display:block;
width:55px;
height:68px;
margin-top:40px;
margin-left:-5px;
}
#left_scroll img, #right_scroll img{
/*styling*/
}

.payment {
	float: left;
	width: 956px;
	margin: 35px 0px 0px 0px;
	background:url(../img/payment_bg.png) repeat-x;
	height: 52px;
}
.payment ul{
	margin: 0 5px;
}

.payment li{
	list-style:none;
	float: left;
	padding: 0 9px;	
}
.games_table {width:800px; margin:10px auto; text-align:center;}
.games_table td {font-size:12px; vertical-align:top; text-align:center;width:190px;}
.games_table td img {margin:10px 0 0 0; width:160px; height:120px;}

.games_games {float:left; padding:0 0 0 60px; margin:10px 0 10px 0;}
.games_games div {width:190px; margin:0 10px 10px 0; float:left; text-align:center; font-size:12px;}
.games_games div img {width:160px; height:120px; border:1px #c0c0c0 solid;}
.games_games div span {clear:both; display:block;}
.games_games div.sepline {height:0; width:100%; float:left; margin:0;}
