@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #c060;
	background-color: #FFFFFF;
	text-align: center;	/* part 1 of 2 centering hack */
	}

h1, h2, h3 {
	font-family: verdana, arial, helvetica, sans-serif;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 1em;
	line-height: 140%;
}

.rolltext {
	font-size: 11px;
	font-family: PMingLiU;
	color: #333333;
}
a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #FC3E1A;
}
	
.STYLE1 {color: #666666}
.smallgreen {font-size: small}



.leftmenu {
    float: left;
	position: relative;
		width: 280px; 
		margin-top: 65px;
		text-align:left;
		color:#666666

	}

	
/* content-left */

#content {
    float: left;
	position: relative;
		width: 275px; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: 1px; 	
	text-align:left; 
	line-height: 150%;
	}

#content .title1  {
	color: #669900;
	font-size: 150%;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	margin: 10px 0px 5px 0px;
	
		}
#content .title2  {
	color: #666666;
	font-size: 125%;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	margin: 10px 0px 5px 0px;
	}
	
.ctitle  {
	color: #666666;
	font-size: 125%;
	font-weight: bold;

	padding-left: 30px
	margin: 10px 0px 5px 0px;
	background-image: url(images/email.png);
	background-repeat: no-repeat;
	background-position: left center;
		}

/* content1 */

#content1 {
	width: 540px; 
		margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 15px;
	margin-left: auto; 	
	text-align:left; 
	line-height: 150%;
}
	
#content1 .dotline {
		text-indent: 0em;
    color: #c1c1c1;
	BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
	padding-left:30px;padding-right:35px;
}	


.pngbg{left:140px;  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login_bg.png',sizingMethod='scale');
background-image:none;
}


#content1 .text  {
	color: #000000;
	text-indent: 2em;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 45px 0px 40px;
	line-height: 150%;
}

#content1 .graytext  {
	color: #111111;
	text-indent: 2em;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 45px 0px 40px;
	line-height: 150%;
}


#content1 .title1  {
		text-indent: 0em;
	color: #669900;
	font-size: 175%;
	font-weight: bold;
	padding: 5px 5px 0px 0px;
	margin: 10px 0px 0px 0px;
	line-height: 100%;
		}
#content1 .title2  {
		text-indent: 0em;
	color: #666666;
	font-size: 125%;
	font-weight: bold;
	padding: 0px 5px 5px 0px;
	margin: 10px 0px 5px 0px;
	line-height: 150%;
		}

/* image */

img.left {
	float: left;
	margin: 3px 20px 0 0;
	border: 3px solid #848C8F;
}

img.right {
	float: right;
	margin: 3px 0 0 20px;
	border: 3px solid #848C8F;
}

img.leftpng {
	float: left;
	margin: 0 20px 0 0;
	border: 0px;
}

img.rightpng {
	float: right;
	margin: 8px 10px 10px 10px;
	border: 1px;
}

img.top {
	float: top;
	margin-top: 3px;
	border: 0px ;
}


	
/* head */

.head {
	width: 850px;
	height: 68px;
	margin: 0 auto;
		}

/* four-Columns */

.four-columns {
	width: 850px;
	height: 306px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg3.jpg) repeat-x 0px 0px;
	}

/* NAV */

#nav{
 width: 850px;
 height: 68px;
 background: #FFF;
 margin: 0 auto;
 }
.vline{
 background: #999;
 width: 1px;
 height: 20px;
  }
#nav ul{
 margin:0px;
 padding: 0px;
 list-style-type: none;
}
#nav li{
 float: left;
 font-family: Arial;
 font-weight: bold;
 font-size: 12px;
 text-align: center;
}
#nav li a{
 display: block;
 width: 84px;
 line-height: 28px;
 color:  #666; 
 text-decoration: none;
 border-top: 4px solid #0F35A5;
 }
#nav li a:hover{
 color:  #7C8DD9;
 border-top: 4px solid #7C8DD9; 
}



/* about us */

.about {
	width: 850px;
	height: 480px;
	margin: 0 auto;
	background: #ffffff url(../images/bkgy.jpg) repeat-y 0px 0px;
	}

.about-content {
	width: 850px;
	height: 590px;
	margin: 0 auto;
	background: #ffffff url(../images/about1.jpg) repeat-y 0px 0px;
	
	}

/* business */


.business-content {
	width: 850px;
	height: 1210px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-business.jpg) repeat-y 0px 0px;
	}
	
.LotteryandGaming {
	width: 850px;
	height: 480px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-lotteryandgaming.jpg) repeat-y 0px 0px;
	}	

.MarketingandPromotion {
	width: 850px;
	height: 480px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-marketingandpromotion.jpg) repeat-y 0px 0px;
	}	
	
.CustomerCare {
	width: 850px;
	height: 420px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-customercare.jpg) repeat-y 0px 0px;
	}	
	
.E-payment {
	width: 850px;
	height: 480px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-e-payment.jpg) repeat-y 0px 0px;
	}			
	
/* news */

#news {

	width: 750px;
	height: 800px;
	margin: 0 auto;
			margin-top: 20px;
	margin-bottom: 20px;

	text-align:center; 
	line-height: 150%;
		}	
		
.news-content {
	width: 850px;
	height: 800px;
	margin: 0 auto;
	background: #ffffff url(../images/news-back.jpg) repeat-y 0px 0px;
	}		
	
/* careers */

.careers-content {
	width: 850px;
	height: 1160px;
	margin: 0 auto;
	background: #ffffff url(../images/careers-back.jpg) repeat-y 0px 0px;
	}
	
/* contact */

.contact-content {
	width: 850px;
	height: 550px;
	margin: 0 auto;
	background: #ffffff url(../images/contact-map-back.jpg) repeat-y 0px 0px;
	}	
	
/* padding */

.padding-blue {
	width: 850px;
	height: 3px;
	margin: 0 auto;
	background: #3399cc;
	}
	
.padding-gray {
	width: 850px;
	height: 1px;
	margin: 0 auto;
	background: #aaaaaa;
	}	

/* Banner */

#banner-about {
	width: 850px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}

#banner-business {
	width: 850px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}

#banner-news {
	width: 850px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}

#banner-careers {
	width: 850px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}

#banner-contact {
	width: 850px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}
	
#banner-lotteryandgaming {
	width: 850px;
	height: 80px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}
#banner-marketing {
	width: 850px;
	height: 80px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}
#banner-customercare {
	width: 850px;
	height: 80px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}
#banner-e-payment {
	width: 850px;
	height: 80px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg-banner.jpg) repeat-y 0px 0px;
	}


/* Slogan */

#slogan {
	width: 850px;
	height: 145px;
	margin: 0 auto;
	background: #ffffff url(../images/bkg4.jpg) repeat-x 0px 0px;
	}

#slogan p {
	text-align: left;
	padding: 0 15px;
	font-size: smaller;
	color: #666666;
}

#slogan a {
	color: #666666;
}


/* Footer */

#footer {
	width: 850px;
	height: 21px;
	margin: 0 auto;
	background: #ffffff url(../images/IWT_r8_c1.jpg) no-repeat 0px 0px;
	}

#footer p {
	text-align: left;
	padding: 3px 15px;
	font-size: smaller;
	color: #666666;
}

#footer a {
	color: #666666;
}
.endfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #999999;
}