body {background: #00a8d2 url('../images/bg.jpg') repeat-x top center; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
#home{
	background: #97d9f7 url('/images/bg-home.jpg') 50% 0 repeat-x;
}
img{
	border: none;
}
a {color: #666; text-decoration: underline; outline: none;}
a:hover {color: #7c9ecc;}
.highlight {color: #00abd2}

h1 {color: #00abd2; font-size: 30px; font-weight: normal; margin: 0 0 73px 0;}
h3 {color: #00abd2; font-size: 12px; font-weight: bold; margin: 0 0 -13px 0;}

#container {width: 996px; background: url('../images/content-bg.jpg') repeat-y top center; text-align: left; margin: 0 auto;}
#home #container{
	background-image: url('../images/home-content-bg.jpg');
}
* html #container {position: relative;}

#header {height: 167px; background: url('../images/header.jpg') no-repeat top center; position: relative;}
#home #header{
	background-image: url('../images/home-header.jpg');
	height: 217px;
}
a#header-home-link {height: 175px; width: 900px; display: block;}
#home #header-home-link{
	height: 217px;
	width: 300px;
}
	* html a#header-home-link {height: 150px;}
	
#header ul{
	list-style-type: none;
	position: absolute;
	right: 70px;
	top: 30px;
}
#header ul li{
	float: left;
	margin: 0 15px;
}
#header ul li a{
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
#header div{
	left: 350px;
	position: absolute;
	top: 90px;
	width: 575px;
}
#header div h3{
	color: #666;
	margin-bottom: 10px;
}
#header div a{
	color: #3399cc;
}

#content {padding: 32px 132px 0 132px; background: url('../images/subpage-bg.jpg') no-repeat ;}
#home #content{
	padding: 32px 80px 0;
}
#home #content h1, #hom #content>p{
	font-style: italic;
	text-align: center;
}
#home #content h1{
	color: #007dc3;
	font-weight: bold;
	margin-bottom: 210px;
}
#home #content>a{
	display: block;
	padding: 15px 0 30px;
}
* html #content {position: relative;}
#contentReg {padding: 32px 132px 0 132px; background: url('../images/subpage-Reg.jpg') no-repeat top center;}
* html #contentReg {position: relative;}
#contentCoupon {padding: 32px 132px 0 132px; background: url('../images/subpage-Coupon.jpg') no-repeat top center;}
* html #contentCoupon {position: relative;}

#footer {height: 139px; background: url('../images/footer.jpg') no-repeat bottom center; text-align: center; margin-top: 102px;}
#home #footer{
	background-image: url('../images/home-footer.jpg');
}
#footer a {margin: 0 26px; text-decoration: none; font-size: 11px; color: #999;}
#footer a:hover {color: #7c9ecc;}

#inner_bd {padding: 20px 132px 0 132px; background: url('../images/footer-0-bg.gif') no-repeat top center;position: relative; padding-top: 20px; z-index: 1; }
#inner_bd a {color: #00abd2;}
#inner_bd a:hover {color: #7c9ecc;}
#inner_bd h3 {color: #666;}

#Reg_Box {width: 720px; 
	text-align: left; 
	padding: 10px 20px 20px 10px;
	background-color:#edf8fa;}

	* html #Reg_Box {width: 692px;}

#Reg_box a.Submit_Reg_button span {
background: transparent url('../images/button_submit.gif') no-repeat; 
display: block;
line-height: 26px;
padding: 0 0 5px 12px;
}

#Coupon_Box {width: 720px; 
	text-align: left; 
	padding: 15px 10px 10px 15px;
	border: #66CCFF 2px dashed;
	position: relative;
	z-index: 2;}
	
	* html #Coupon_Box {width: 700px; overflow: hidden;}
	* html #Coupon_Box img {width: 700px; height: 213px;}
	
#Coupon_Box .info {
	position: absolute;
	top: 15px;
	left: 22px;
	z-index: 1;
	color: #000;
	font-size: 12px;
}
.right{
	float: right;
}
/* Home Page */
#home #content {background: url('/images/home-bg.jpg') 50% -11px no-repeat; position: relative;}
#home a#voucher-link {display: block; position: absolute; top: 300px; left: 220px; width: 284px; height: 58px; z-index: 2;}
	#home a#voucher-link {left: 89px;}
#home #inner {position: relative;  z-index: 1; padding-left: 10px}
#home #inner a {color: #00abd2;}
#home #inner a:hover {color: #7c9ecc;}
#home #inner h3 {color: #666;}
#home #footer {clear: both; margin-top: 48px;}

