/* _____________________________________________________________________

 RESET / BASE
_______________________________________________________________________ */
html,body,div,span,p,h1,h2,h3,h4,h5,h6,strong,em,abbr,acronym,address,bdo,blockquote,cite,q,code,ins,del,dfn,kbd,pre,samp,var,br,a,img,ul,ol,li,dl,dt,dd,table,tr,td,th,tbody,thead,tfoot,col,colgroup,caption,form,input,textarea,select,option,optgroup,button,label,fieldset,legend,b,i,tt,sub,sup,big,small,hr,iframe
{margin:0;padding:0;text-indent:0;font-size:100.01%}

body,input,textarea,select {font:13px/20px Verdana, Geneva, sans-serif}
h1,h2,h3,h4,h5 {font-family:simhei}

img {border:0}
ul,ol {list-style:none}
table {border-collapse:collapse;border-spacing:0}
a {text-decoration:none}
a * {cursor:pointer}
a:hover {text-decoration:underline}
hr {clear:both;border:0;color:#d0cc8d;background-color:#d0cc8d;height:2px}
br {clear:both}

/* _____________________________________________________________________

 LAYOUT
_______________________________________________________________________ */
body {background:url(../img/bg-body.jpg) top left repeat-x #11011e;text-align:center}
body.i {text-align:left;background-color:#fff;background-image:none;width:711px}

#wrap {width:778px;margin:0 auto;text-align:left}
h1#logo {position:absolute;width:380px;height:150px;text-indent:-9999px;background:url(../img/logo-keno.jpg) no-repeat}
#headlink {position:absolute;width:280px;height:150px;background:url(../img/bg-headlink.jpg) no-repeat;margin-left:498px}
#headlink a {display:block;width:280px;margin-left:0px;text-indent:-9999px;background:url(../img/bg-headlink-a.gif) no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
	#headlink a#head-signup {height:75px}
	#headlink a#head-info {height:40px;margin-top:3px;background-position:0 -78px}
	#headlink a#head-signup:hover,#headlink a#head-info:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#nav {position:absolute;height:100px;width:754px;top:150px;padding-left:24px;background:url(../img/bg-nav.jpg) top left no-repeat}
#nav li,#nav a {display:block;float:left;height:80px}
#nav a {text-indent:-9999px;background:url(../img/bg-nav-a.gif) no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;outline:none}
#nav a:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
	#nav-home a {width:56px;background-position:-24px 0}
	#nav-signup a {width:108px;background-position:-80px 0}
	#nav-about a {width:136px;background-position:-188px 0}
	#nav-rules a {width:112px;background-position:-324px 0}
	#nav-howto a {width:108px;background-position:-436px 0}
	#nav-deposit a {width:109px;background-position:-544px 0}
	#nav-contact a {width:102px;background-position:-653px 0}
#frame {position:absolute;top:250px;height:420px;width:778px;background:url(../img/bg-frame.png) top left no-repeat}
#iframe {width:731px;height:380px;border:0;margin-top:10px;margin-left:24px;background-color:#fff}
#banner {position:absolute;top:670px;height:119px;background:url(../img/bg-banner.png) no-repeat;padding:11px;padding-left:26px;width:741px}
#foot {position:absolute;top:800px;width:778px;text-align:center;color:#fff;padding-bottom:20px}

#intro {width:731px;height:380px;background:url(../img/bg-home.jpg) no-repeat}
#login {position:absolute;width:220px;height:135px;margin-top:221px;margin-left:480px;color:#fff}
#login a {color:#fff}
#login form label,#login form input,#login form a {display:block;float:left;margin-top:7px}
#login form label {clear:left;width:55px;font-size:14px;text-align:right;padding:0 5px}
#login form input {width:130px;border:1px solid #666;padding:2px}
#login form input.err {border-color:#f00;background-color:#fcc}
#login form a {width:100px;height:39px;text-indent:-9999px;background:url(../img/btn-login.gif) no-repeat}
#login form a:hover {background-position:0 -39px}
#login div {clear:both;padding:5px;text-align:center;color:#f4407c}

.content {padding:20px 30px;color:#333;font-family:simsun}
.content h2 {font-size:20px;font-weight:normal;color:#c00;padding-bottom:20px}
.content h3 {background:url(../img/bg-h3.gif) repeat-x #b60809;font-size:15px;line-height:34px;padding-left:10px;margin:20px 0 10px;color:#fff}
.content p {padding-bottom:10px}
.content a {color:#039}
.content table {margin-bottom:10px}
.content th, .content td{vertical-align:top;border:1px solid #bbaec2; padding:5px;text-align:center}
.content th{background:url(../img/bg-th.gif) repeat-x #d1b8e0}
.content td{background-color:#fcfcf9}
.content tr.alt td{background-color:#ffb}
.content table.banks td {text-align:left}

.content ol,.content ul {padding-bottom:10px}
.content ol {list-style-type:decimal;padding-left:20px}
.content ul {list-style-type:disc;padding-left:15px}
.content li {padding-bottom:5px}

.step {padding:20px 0;font-size:18px;color:#253453;border-bottom:1px dotted #ccc;height:220px}
.step div {float:left}
.step div.step-desc {margin-left:20px;width:245px}
.step strong {display:block;padding:15px 0;color:#600;text-shadow:#999 1px 1px 1px}
.step .backtotop {display:block;text-align:center;width:80px;height:19px;padding-top:3px;background:url(../img/bg-backtotop.gif) no-repeat;color:#914d7b;font-size:11px;float:right;margin-top:200px}

.tnc {color:#F63;font-size:12px;text-decoration:underline}

.contact {background:url(../img/bg-th.gif) repeat-x bottom left #f8dbff;padding:30px 200px 25px;color:#000;border:1px solid #bbaec2}
.contact span {font-family:Verdana, Geneva, sans-serif}
