/* Base CSS */
@font-face {
	font-family: ;
	src: url('../fonts/');
}
.alignleft {float: left;margin-right: 15px;}
.alignright {float: right;margin-left: 15px;}
.aligncenter {display: block;margin: 0 auto 15px;}
a:focus { outline: 0 solid }
img {max-width: 100%;height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: 700; }

body {
	background-color: #000;
	overflow-x: hidden;
	background-image: url(../img/bg_header_repeat.png);
	background-position :  top left;
	background-repeat: repeat-x;
	color : #fff;
	font-family : Century Gothic, Arial;
}
a:hover { text-decoration: none }

.container{width: 1366px; margin : 0 auto; border : 0px solid #fff; padding : 0 20px;}

/*===============================
Header-top-area-css
=================================*/
.header-area {
	margin-top: 0px;
	height : 215px;
	position:relative; 
	background-image: url(../img/bg_header.png);
	background-position :  top center;
	background-repeat: no-repeat;
	z-index: 99;
	width: 1366px; margin : 0 auto;
}

.head {width: 1080px; height : 70px; margin : 20px auto;}
.head .kiri {width: 350px; float : left; display: block; }
.head .kanan {width: 700px; float : right;}

.login-form {
	text-align: right;
	margin-top: 35px;
}
input[type="name"], input[type="password"] {
	padding: 6px 0px;
	text-align: center;
	background: transparent;
	color: #fff;
	border: 0px;
	border-bottom: 1px solid #fff;
	width: 170px;
}

input[type="login"], input[type="daftar"] {
	padding: 5px 0;
	display: inline-block;
	width: 125px;
	text-align: center;
	color: transparent;
	border: 1px solid transparent;
	background-size: cover;
	background-position: center;
	border-radius : 20px;
}
input[type="login"]{
	color : #fff;
	cursor: pointer;
	border : 2px solid #0096ca;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ec7+0,004f83+50,008ec7+100 */
	background: #008ec7; /* Old browsers */
	background: -moz-linear-gradient(top, #008ec7 0%, #004f83 50%, #008ec7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #008ec7 0%,#004f83 50%,#008ec7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #008ec7 0%,#004f83 50%,#008ec7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ec7', endColorstr='#008ec7',GradientType=0 ); /* IE6-9 */
}
input[type="daftar"]{
	background: #002e48;
	color : #fff;
	cursor: pointer;
	border : 2px solid #00a5fa;
}


/*===============================
		Running-text-area-css
=================================*/
.info {width :1079px; margin: 0 auto; height: 39px; background: url(../img/info.png) top center no-repeat; position : relatif;}
.info marquee {width : 900px; float : right; padding : 9px 25px 0 0;}

/*===============================
		Menu-area-css
=================================*/
.menu { text-align:center; margin-top : 10px;}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li {
	margin-top : 5px;
	display: inline-block;
}
.menu li a {
	color: #009ce1;
	text-transform: uppercase;
	font-size: 14px;
	padding: 7px 13px;
	margin : 0 20px;
}
.m1, .m2, .m3, .m4, .m5, .m6, .m7 {}

.slider{
	width: 1366px;
	height: 306px;
}
.slider img {
	width: 1366px;
	height: 306px;
	z-index : 1;
}

.slide-area {
	background-color : #000000;
	margin-top : -31px;
	position:relative; 
	height: 470px; 
	width : 100%;}

	
	
.content-area {color : #eee;}
.content{width : 1080px; padding: 40px 0; margin: 0 auto;}


.deposit-area {min-width : 1366px; height : 325px;  background-color : #001928; padding : 20px 0; position:relative;}

/*===============================
		Jackpot-area-css
=================================*/
.jackpot-area {
	padding: 5px 0;
}
.jackpot-count {
	width: 49%;
	display: inline-block;
	text-align: center;
}
#jackpot, #jackpott {
	background: transparent;
	border: transparent;
	color: #fff;
	font-weight: 700;
	padding-top: 30px;
	font-size : 25px;
	letter-spacing: 2px;
}

.jackpot-content {
	background-image: url(../img/bg_jackpot.png);
	height : 66px;
	position:relative; 
	z-index : 2;
	margin : -50px auto 0 auto;
	width : 970px;
}

.games {text-align : center; padding : 10px 0;}
.b5 {border : 5px solid #0072bc;}

.deposit {border : 5px solid #0072bc; height : 163px; color : #fff; font-size : 14px; }
.deposit .d-left  {width : 49%; float : left;}
.deposit .d-left img  {text-align : center; padding: 20px 0 0 10px; height : 125px; }
.deposit .d-right {width : 50%; float : left;}
.deposit .d-right table {margin-top : 12px;}
.deposit .d-right td {padding : 3px 0;}

.cs {width :20%;text-align : center; font-weight: 700;}

.single-deposit {
	display: inline-block;
	font-size: 14px;
}

.copyright-area {position:relative; width : 100%; height : 65px; padding : 7px 0;background-color: #000A11;}
.copyright-area img {display: block; margin-left: auto; margin-right: auto;}