/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Web National Gametesters
CSS nhsintercon.com
Created: 8/07/2009 
------------------
*/
* {
	margin: 0;
	padding: 20;
}
html, body {
	/*height: 100%; needed for container min-height */
	width: 100%;
}
body {
	background: #272727 url(../images/bg.jpg) no-repeat top center;
	font: .75em Tahoma, Arial, Verdana, sans-serif, "Lucida Grand", Helvetica, Georgia;
	padding: 0;
	margin: 0;
	color: #868686;
}
/* -------- Control All Page --------- */
a {
	color: #ff7200; /* a link color */
	text-decoration: none;
}
a:hover {color: #c9620e !important;}/* a link hover color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 15px}
ol, ul {padding-left: 20px}
li {padding-bottom: 3px}
/* ------- End -------- */
.wraptxt:after, .content-wrap:after {
	content: ".";
	display: block; 
	clear: both;
	visibility: hidden;
	height: 0;
}
* html .wraptxt, * html .content-wrap {
	display: inline-block; /* for IE/Mac */
}
/**********************************
	 control width page 
**********************************/
#frame {
	width: 744px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#nationalgame {
	height: 54px;
	margin: 0;
}
#nationalgame img {
	margin: 95px 0 0 7px;
	position: relative;/*fix ie6.x*/
}
#top {
	background: url(../images/bg_top.png) no-repeat top;
	width: 726px;
	height: 140px;
	margin: 0 auto;
}
.btntop {
/*	background: url(../images/bg_btn1.png) no-repeat;	*/
	position: relative;	
}
.topbtn {
	width: 300px;
	overflow: hidden;
	list-style: none;
	position: absolute;
	top: 17px;
	right: 60px;
	margin: 0;
}
.topbtn li {
	display: inline;
	padding: 0;
}
.topbtn a {
	display: block;
	position: relative;
	height: 26px;
	float: left;
	overflow: hidden;
}
.topbtn a strong {
	background: url(../images/bg_btn1.png) no-repeat;
	position: absolute;
	display: block;
	width: 285px;
	height: 26px;
	top: 0px;
	text-indent: -900em;
	left: 0;
}
a.btn1 {width: 65px}
a.btn2 {width: 117px}
a.btn2 strong {left: -65px}
a.btn3 {width: 102px}
a.btn3 strong {left: -182px}
.mainbg {
	width: 734px;
	height: 490px;
	position: relative;
	margin: 0 auto;
	top: 25px;
}
.mainbg .bg1, 
.mainbg .bg2,  
.mainbg .bg3 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.mainbg .bg1 {
	background: url(../images/bg_curve1.png) no-repeat;	
	z-index: 1;
}
.mainbg .bg2 {
	background: url(../images/bg_home.jpg) no-repeat 11px 7px;
	z-index: 2;	
}
.mainbg .bg3 {
	background: url(../images/img1.png) no-repeat;
	z-index: 3;
	top: -36px;
	left: -23px;
}
.mainlogin {
	position: absolute;
	width: 643px;
	height: 382px;
	z-index: 4;
	left: 50%;
	top: 50%;
	margin-left: -322px;
	margin-top: -191px;
}
.login-wrap {
	background: url(../images/bg_login.png) no-repeat;
	display: table;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.login-wrap ul {
	padding-top: 142px;
}
.txtleft {
	width: 278px;
	float: left;
	list-style: none;
	padding: 145px 0 0 52px !important;
	font-size: 100%;
	text-transform: uppercase;
}
.txtleft * {
	color: #fff;
}
.txtleft li {
	background: url(../images/point1.png) no-repeat;	
	padding: 0 0 0 5%;
	margin-bottom: 8px;
	width: 95%;
}
.formlogin {
	width: 260px;
	list-style: none;	
	margin-left: 340px;
	position: relative;
	z-index: 999;
	padding-left: 0;
}
.formlogin li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 8px;
}
.formlogin label {
	width: 60px;
	float: left;
	font-size: 150%;
	color: #fff;
}
.formlogin li div input {
	background: url(../images/bg_all.png) no-repeat 0 0;	
	width: 170px;
	padding: 4px 2px;
	font-size: 130%;
	border: 0;
}
* html .formlogin li div input {background-attachment: fixed;}
.formlogin div {
	margin-left: 65px;
}
.btnregis {
	padding-top: 3px;
}
.btnregis input {
	margin-left: 72px;
}
* html .btnregis input {
	margin-left: 75px;
}
#contenttop {
	background: url(../images/bg_detail1.png) no-repeat center top;		
	height: 66px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.imgbg2 {
	background: url(../images/img2.png) no-repeat center top;	
	width: 306px;
	height: 277px;
	position: absolute;
	right: 13px;
	top: 70px;
	z-index: 2;
}
#content {
	width: 100%;
	position: relative;
	z-index: 3;
}
.content-wrap {
	background: url(../images/bg_detail2.png) repeat-y;	
	width: 90%;
	padding: 30px 5%;
}
#footer {
	background: #272727 url(../images/bg_detail3.jpg) no-repeat center top;	
	padding: 118px 0 5px 0;
	text-align: center;
	margin: 0;
	color: #fff;
	position: relative;
	z-index: 4;
}
.txtbig {
	font-size: 250%;
	color: #cc0000;
	text-align: center;
	word-spacing: 1px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.curvebox {
	background: url(../images/bg_curve2_top.png) no-repeat top;	
	width: 643px;
	margin: 0 auto;
	padding-top: 53px;
}
.curvebox .curvebox-wrap {
	background: url(../images/bg_curve2_bottom.png) no-repeat bottom;	
	width: 100%;	
	position: relative;
	padding-bottom: 65px;
}
.curvebox .boxtext {
	background: url(../images/bg_curve2_center.png) repeat-y center;	
	position: relative;
	z-index: 999;
	padding: 0 35px 0 57px;
}
h2.member {
	background: url(../images/bg_head1.png) no-repeat;	
	width: 521px;
	height: 110px;
	text-align: center;
	padding-top: 8px;
}
.imgbg {
	background: url(../images/bg_img.png) no-repeat;	
	padding: 7px 12px 15px 7px; 
	float: left;
	margin: 0 15px 5px 0;
}