titleboxpro@charset "utf-8";
/* CSS Document */
body{
	margin: 0px;
}
#top_menu{
	background-image: url(images/bg_menu_top.jpg);
	height: 22px;
	color: #494949;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.top_nav{
	width: 850px;
	text-align: right;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 2px;
}
.top_nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.top_nav a:hover{
	color: #b83524;
	text-decoration: underline;
}
#container{
	width: 858px;
	margin: auto;
}
#header{
	height: 105px;
}
#bg_rh{
	background: url(images/content-BG.png) top repeat-y;
}
.logo{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 85px;
}
#columnlf{
	width: 624px;
	float: left;
}
#nav_main{
	background-image: url(images/menu-BG.png);
	height: 40px;
	border-right: 1px solid #a0a3a4;
	width: 623px;
	margin-top:7px;
}
.nav{
	float: left;
	padding-right: 23px;
	padding-left: 23px;
	margin: auto;
	padding-top: 6px;
}
.nav a{
	color: #ac3322;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.nav a:hover{
}
#banner_main{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c73525;
	height: 162px;
	width: 623px;
}
#content{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a0a3a4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a0a3a4;
	width: 623px;
}
#info{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#info h1, h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #d12229;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size:18px;
}
#info h2, h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d12229;
}
#info h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d12229;
	margin: 0px;
}
.titlethanks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #475258;
	text-align: center;
	font-weight: bold;
}
#info p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#info ul,ol,li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
form{
	margin: 0px;
}
label{
	text-align: right;
	display: block;
	margin-bottom: 3px;
	vertical-align: top;
}

.submit{
	clear: right;
	float: right;
} 
input{
	color: #AE3E19;
	border: 1px solid #A0A3A4;
	background-color: #E3E8EC;
} 
textarea{
	color: #AE3E19;
	border: 1px solid #A0A3A4;
	background-color: #E3E8EC;
} 
.boxproducts{
	border: 1px solid #a0a3a4;
	background-image: url(images/bg_box_products.jpg);
	background-repeat: repeat-x;
	height: 155px;
	margin-bottom: 15px;
	background-color: #EEEEEE;
	background-position: top;
}
.bgh1prod{
	background-image: url(images/bg_h1_products.jpg);
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0a3a4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-repeat: repeat-x;
	color: #d12229;
	font-weight: bold;
}
.titleboxpro{
	padding: 0px;
}
.titleboxpro a{
	color: #d12229;
	text-decoration: none;
}
.titleboxpro a:hover{
	text-decoration: underline;	
}
.boxproductstext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 10px;
	width: 480px;
	float: right;
	text-align: justify;
}
.linkproducts{
	text-align: right;
	color: #d12229;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 12px;
	margin-top: 0.5em;
	clear: right;
	margin-right: 10px;
}
.linkproducts:hover{
	color: #666666;
	text-decoration: underline;
}
.lf{
	float: left;
	margin: 7px;
}
.rh{
	float: right;
	margin-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b93524;
	font-weight: bold;
	margin-top: 5px;
	
}
.boxeswhyvig{
	border: 1px solid #a0a3a4;
	background-color: #eeeeee;
	margin-bottom: 10px;
}
.titleboxwhyvig{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b93524;
	font-weight: bold;
	margin-top: 5px;
}
.contentwhy{
	width: 540px;
	float: right;
}
.textwhy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
}
.leftdemocolumn{
	width: 290px;
	float: left;
	margin-top: 10px;
}
.rightdemocolumn{
	float: right;
	width: 290px;
	margin-top: 10px;
}
.backdemo{
	width: 592px;
	margin: auto;
	background-image: url(images/bg_demo_games.jpg);
	height: 310px;
	background-repeat: no-repeat;
}
.demotitles{
	margin-bottom: 10px;
}
.demobaccarat{
	width: 290px;
	height: 125px;
}
.demobjep{
	width: 290px;
	margin-top: 15px;
	margin-bottom: 10px;
	height: 140px;
}
.textgamesdemo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.imgdemo{
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}
.newsbox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A3A4;
	padding-bottom: 15px;
	margin-bottom: 10px;

}
.newsbox a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d12229;
	margin: 0px;
}
.newsbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.datenews{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
.textnews{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
.contactbox{
	position:relative;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contactform{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 230px;
}
.contactbox h3{
	color: #d12229;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.textcontact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-bottom: 15px;
}
.link{
	font-family: Arial, Helvetica, sans-serif;
	color: #d12229;
	text-decoration: none;
	font-size: 12px;
}
.link:hover{
	color: #666666;
	text-decoration: underline;
}
#boxgames{
	float: right;
	border: 1px solid #a0a3a4;
	text-align: center;
	padding: 3px;
	margin-left: 15px;
}
#boxgames h1{
	text-align: center;
	margin: 3px;
	}
.textboxgames{

}
.navab{
	list-style-type: none;
	padding-bottom: 2px;
}
.navab a{
	text-decoration: none;
}
.navab a:hover{

}
#columnrh{
	float: right;
	width: 233px;
}
.btn_demo{
	text-align: center;
	margin-top:10px;
}
.rh_news{
	width: 205px;
	margin: auto;
	padding-top: 10px;
}
.rh_news h1{
	text-align: center;
	margin: 0px;
}
.text_rh_news{
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a0a3a4;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d0e0e;
	font-weight:bold;
}
.rh_news a{
	color: #990033;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}
.rh_news a:hover{
	color: #666666;
	text-decoration: underline;
}
.rh_events{
	width: 205px;
	margin: auto;
	padding-top: 10px;
}
.rh_events h1{
	text-align: center;
	margin: 0px;
}
.text_rh_events{
	padding-top: 5px;
	padding-bottom: 5px;
}
.rh_events a{
	color: #d12229;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.rh_events a:hover{
	color: #666666;
	text-decoration: underline;
}
.rh_contact{
	width: 205px;
	margin: auto;
	padding-top: 10px;
}
.rh_contact h1{
	text-align: center;
	margin: 0px;
}
.text_rh_contact{
	padding-top: 5px;
	padding-bottom: 5px;
}
.rh_contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
.rh_contact a{
	color: #d12229;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.rh_contact a:hover{
	text-decoration: underline;
	color: #666666;
}
#foot{
	clear: both;
}
#footer{
	background-image: url(images/bg_footer.jpg);
	background-color: #E2E2E2;
	position: relative;
	background-repeat: repeat-x;
	height: 80px;
}
.content_footer{
	margin: auto;
	width: 850px;
	text-align: center;
	padding-top: 10px;
}
.content_footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.content_footer a:hover{
	color: #D12229;
	text-decoration: underline;
}
.copy{
	margin: auto;
	width: 850px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	text-decoration: none;
	padding-top: 5px;
}

	
	.demogamecenter,
	.demogame					{ position:relative; float:left; width: 294px; height:148px; 
								  background:url(images/demo_game_BG.png) no-repeat; padding:10px 0 0 7px;  
								}


	.demogamecenter				{ position:relative; float:none; text-align:center; margin:0 auto; width: 294px; height:148px; }

	.demogamecenter .dtitle,
	.demogame .dtitle			{ position:absolute; width:224px; height:21px; top:5px; left:10px;  }

	.demogamecenter .dcontent,
	.demogame .dcontent			{ position:absolute; width:270px; height:100px; top:40px; left:5px;  
								  font-family: Arial, Helvetica, sans-serif;
								  font-size: 11px;
								  text-align: justify;
								}


	.menuindex 					{ position:relative; width: 624px; height: 91px; top:0; right:0; margin:0; padding:0;   }

	.menuindex  li				{ display: inline; }
	
	.menuindex li a:link, 
	.menuindex li a:visited 	{ float: left; color: white; text-decoration: none; width:156px; height: 91px; 
								  font-weight: bold; overflow:hidden  }

	.menuindex li a:hover		{ color: #999999; text-decoration: none;  font-weight: bold; height: 91px;  }

	.menuindex .item1 a span, .menuindex .active-item1 a span, 
	.menuindex .item2 a span, .menuindex .active-item2 a span, 
	.menuindex .item3 a span, .menuindex .active-item3 a span,
	.menuindex .item4 a span, .menuindex .active-item4 a span
	{ padding:28px 0 0 180px; display:block; width:156px; }
	
	.menuindex .item1 a, .menuindex .item1 a:hover, .menuindex .active-item1 a, 
	.menuindex .item2 a, .menuindex .item2 a:hover, .menuindex .active-item2 a, 
	.menuindex .item3 a, .menuindex .item3 a:hover, .menuindex .active-item3 a,
	.menuindex .item4 a, .menuindex .item4 a:hover, .menuindex .active-item4 a
	{ background: url(images/menu-index.png) no-repeat; display: block; width:156px; height:91px; }

	.menuindex .item1 a								{ background-position:0px 0px;  }
	.menuindex .active-item1 a,
	.menuindex .item1 a:hover						{ background-position:0px -91px; }

	.menuindex .item2 a								{ background-position:-157px 0px;  }
	.menuindex .active-item2 a,
	.menuindex .item2 a:hover						{ background-position:-157px -91px; }

	.menuindex .item3 a								{ background-position:-313px 0px; }
	.menuindex .active-item3 a,
	.menuindex .item3 a:hover						{ background-position:-313px -91px; }

	.menuindex .item4 a								{ background-position:-469px 0px; }
	.menuindex .active-item4 a,
	.menuindex .item4 a:hover						{ background-position:-469px -91px; }


	.space						{ height:20px; clear:both; background:none !important; margin:0 !important; padding:0 !important }
	.spaceblock					{ height:5px; clear:both; background:none !important; margin:0 !important; padding:0 !important }