* {
	padding: 0px;
	margin: 0px;
}
html {
	background: #101d40;
	color: black;
	font-size: 12px;
	font-family: verdana, sans-serif;
a:link {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a {
	font-weight: bold;
}
}
#page {
	padding: 10px 0px;
}
#outer {
	width: 799px;
	margin: 0 auto;
}
#top {
	height: 106px;
	background: url(../img/top-bg.gif) repeat-x left bottom;
	position: relative;
}
#top .logo {
	display: block;
	position: absolute;
	width: 241px;
	height: 126px;
	top: 0px;
	background: url(../img/top-logo.gif) no-repeat;
	left: 12px;
}
#top .contact {
	display: block;
	position: absolute;
	width: 481px;
	height: 56px;
	top: 0px;
	background: url() no-repeat;
	right: 0px;
}
#box {
	height: 423px;
	background: #203b71 url(../img/box-bg1.jpg) no-repeat;
}
#d1 {
	height: 423px;
	background: url(../img/box-bg2.jpg) no-repeat 0px 141px;
}
#content {
	height: 363px;
	background: url(../img/box-bg3.jpg) no-repeat 0px 282px;
	position: relative;
	padding-top: 60px;
}
#boxStart {
	height: 430px;
	margin-bottom: -7px;
	background: #203b71 url(../img/box-start1.jpg) no-repeat;
	position: relative;
	z-index: 3;
}
#boxStart #d1 {
	height: 430px;
	background: url(../img/box-start2.jpg) no-repeat 0px 141px;
}
#boxStart #content {
	height: 430px;
	padding-top: 0px;
	background: url(../img/box-start3.jpg) no-repeat 0px 282px;
}

#footer {
	height: 67px;
	
	padding-top: 119px;
	position: relative;
	z-index: 1;
	background: #e4e0d1 url(../img/footer-bg.gif) repeat-x;
}
#footer .prev, #footer .next {
	display: block;
	position: absolute;
	height: 93px;
	width: 300px;
	top: 7px;
	color: white;
}
#footer .prev {
	background: url(../img/footer-prev.jpg) no-repeat right top;
	right: 459px;
	
}
#footer .next {
	background: url(../img/footer-next.jpg) no-repeat left top;
	left: 460px;
}
#footer .register {
	display: block;
	width: 121px;
	height: 93px;
	background: url(../img/footer-register.jpg) no-repeat;
	position: absolute;
	top: 7px;
	left: 339px;
	z-index: 3;
	color: white;
}
#footer .lotto {
	display: block;
	width: 420px;
	height: 93px;
	background: url(../img/footer-lotto.jpg) no-repeat;
	position: absolute;
	top: 7px;
	left: 339px;
	z-index: 3;
	color: white;
}
#footer .play {
	width: 323px;
	height: 93px;
	display: block;
	position: absolute;
	left: 240px;
	top: 7px;
	z-index: 8;
	background: url(../img/footer-play.gif);
}
#menu {
	padding-left: 22px;
	line-height: 30px;
	color: #3ba090;
	padding-top: 5px;
}	
#menu a {
	color: #8f6e1a;
	text-decoration: none;
}
#menu span {
	padding: 0px 7px;
}
#footer a:hover {
	text-decoration: underline;
}
#copy {
	padding-left: 22px;
	color: #4e3d10;
}
#copy a {
	color: #4e3d10;
	text-decoration: none;
}	




/** CONTENT **/
#bar {
	height: 25px;
	width: 602px;
	position: absolute;
	overflow: hidden;
	top: 27px;
	left: 108px;
	background: url(../img/bar-bg.gif);
}
#bar .hide {
	display: hidden;
}

#bar span {
	position: absolute;
	display: block;
	width: 39px;
	top: 9px;
	height: 9px;
	font-size: 0px;
	overflow: hidden;
	background-position: 0px -9px;
}
#bar .step1 {
	background-image: url(../img/bar-step1.gif);
	left: 86px;
}
#bar .step2 {
	background-image: url(../img/bar-step2.gif);
	left: 215px;
}
#bar .step3 {
	background-image: url(../img/bar-step3.gif);
	left: 350px;
}
#bar .step4 {
	background-image: url(../img/bar-step4.gif);
	left: 480px;
}
#bar .active {
	background-position: 0px 0px;
}
#body {
	position: relative;
	color: white;
	height: 363px;
	overflow: hidden;
}
#body .page {
	height: 363px;
	overflow: hidden;
	position: relative;
}
#body .step1 .left  {
	width: 238px;
	height: 337px;
	position: absolute;
	background: url(../img/step1-left.jpg) no-repeat left bottom;
	left: 45px;
	top: 20px;
}
#body .step1 .prev, .step1 .next, .step1 .look {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 275px;
	color: white;
}
#body .step1 .prev {
	left: 15px;
}
.step1 .look {
	left: 90px;
}
.step1 .next {
	left: 165px;
}
.step1 .img {
	background: white;
	border: 7px solid #4e66aa;
	height: 253px;
	overflow: hidden;
	position: relative;
}
img { border: 0px; }
.step .img img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
.step1 h1 {
	width: 427px;
	height: 80px;
	background: url(../img/step1-title.gif) no-repeat;
	position: absolute;
	left: 326px;
	top: 29px;
}
.step1 .text { 
	position: absolute;
	text-align: justify;
	font-size: 13px;
	line-height: 18px;
	width: 433px;
	height: 226px;
	left: 326px;
	top: 128px;
}
.step2 {
	height: 360px;
	background: url(../img/step2-bg.jpg) no-repeat 218px 58px;
}
.step2 h1 {
	position: absolute;
	left: 50px;
	top: 10px;
	width: 685px;
	height: 45px;
	background: url(../img/step2-title.gif);
}
.step2 .text1 {
	position: absolute;
	left: 247px;
	top: 85px;
	width: 302px;
	line-height: 18px;
}
.step2 .text2 {
	position: absolute;
	left: 255px;
	top: 220px;
	width: 302px;
	line-height: 18px;
}
.step2 .img {
	position: absolute;
	top: 67px;
	text-align: center;
}
.step2 .img img {
	display: block;
	border: 6px  solid #4e66aa;
	margin-bottom: 6px;
}
.step2 .img1 {
	left: 24px;
}
.step2 .img2 {
	right: 24px;
}
.step3 h1 {
	width: 311px;
	height: 106px;
	background: url(../img/step3-title.gif) no-repeat;
	position: absolute;
	top: 29px;
	left: 0px;
}
.step3 .plus {
	position: absolute;
	top: 40px;
	width: 643px;
	height: 323px;
	left: 129px;
	background: url(../img/step3-info.gif) no-repeat;
}
.step4 {
	height: 363px;
	background: url(../img/step4-bg.gif) no-repeat 366px 176px;
}
.step4 h1 {
	width: 670px;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 29px;
	background: url(../img/step4-title.gif);
}


#regForm {
	position: absolute;
	left: 48px;
	top: 90px;
}
#registerleft {
	float: left;
	width: 93px;
	line-height: 22px;
	font-weight: bold;
}
#registerleft span span, #terms span {
	color: #43bf13;
}
#registerright {
	line-height: 22px;
}
#registerright input, #registerright select {
	background: #405886;
	color: #b3b3b3;
	border: 1px solid #b3b3b3;
	margin-bottom: 1px;
	width: 200px;
	padding-top: 1px;
}
#registerright #year {
	width: 50px;
}
#registerright #day, #registerright #month {
	width: 30px;
}
#registerright {
	float: left;
}
#submit {
	position: absolute;
	top: 140px;
	left: 410px;
	width: 230px;
	height: 48px;
	border: 0px solid;
	background: transparent;
	cursor: pointer;
}	
#terms {
	position: absolute;
	top: 80px;
	left: 400px;
	padding-left: 40px;
}
#terms input {
	position: absolute;
	top: 8px;
	left: 5px;
}
#terms a {
	text-decoration: none;
	font-weight: bold;
	color: #afc0e9;
}