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

html,body{width:100%;margin:0; margin-top:30px;padding:0;background-color: #fff;}

#gradient{
	background:url(images/bg-patrn.gif) repeat-x top; margin:0 auto;
	}
#outer{
	background:url(images/bg-hp.gif) no-repeat top center; margin:0 auto; height:auto;
	}
#container{
	width:980px; margin-left:auto; margin-right:auto; overflow:hidden;
}
#hp-head{
	width:958px; margin:0; padding:0;}
	
#hp-head-left{
	width:332px;  float:left;
}
#hp-head-right{
	width:626px;  float:right;
}

#hp-menu{
	width:150px; height: auto; padding-top:42px; padding-left:80px;
}
#hp-menu a{
	display:block;  margin-bottom:5px; margin-top:5px; margin-right:10px; 
}
a.roll1 {
	display: block;	width: 89px;	height: 25px;	text-decoration: none;	background: url(images/mnu01.gif);}a.roll1:hover {background-position: -89px 0;	}
a.roll2 {
	display: block;	width: 146px;	height: 25px;	text-decoration: none;	background: url(images/mnu02.gif);}a.roll2:hover {background-position: -146px 0;	}
a.roll3 {
	display: block;	width: 75px;	height: 25px;	text-decoration: none;	background: url(images/mnu03.gif);}a.roll3:hover {background-position: -75px 0;	}
a.roll4 {
	display: block;	width: 75px;	height: 25px;	text-decoration: none;	background: url(images/mnu04.gif);}a.roll4:hover {background-position: -75px 0;	}
a.roll5 {
	display: block;	width: 139px;	height: 25px;	text-decoration: none;	background: url(images/mnu05.gif);}a.roll5:hover {background-position: -139px 0;	}
a.roll6 {
	display: block;	width: 105px;	height: 25px;	text-decoration: none;	background: url(images/mnu06.gif);}a.roll6:hover {background-position: -105px 0;	}
a.roll7 {
	display: block;	width: 53px;	height: 25px;	text-decoration: none;	background: url(images/mnu07.gif);}a.roll7:hover {background-position: -53px 0;	}
a.roll8 {
	display: block;	width: 78px;	height: 25px;	text-decoration: none;	background: url(images/mnu08.gif);}a.roll8:hover {background-position: -78px 0;	}

#hp-btns{
	width:240px; height: auto; padding-top:10px; padding-left:40px; height:74px;
}
a.btn-t1 {
	display: block; float:left; margin:4px;	width: 72px;	height: 55px;	text-decoration: none;	background: url(images/btn-cal.gif);}a.btn-t1:hover {background-position: -72px 0;	}
a.btn-t2 {
	display: block;	float:left; margin:4px; width: 72px;	height: 55px;	text-decoration: none;	background: url(images/btn-buy.gif);}a.btn-t2:hover {background-position: -72px 0;	}
a.btn-t3 {
	display: block;	float:left; margin:4px; width: 72px;	height: 55px;	text-decoration: none;	background: url(images/btn-spons.gif);}a.btn-t3:hover {background-position: -72px 0;	}
	
a.btn-news {
	display: block;	float:left; margin-top:4px;margin-bottom:14px; width: 99px;	height: 19px;	text-decoration: none;	background: url(images/btn-news.gif);}a.btn-news:hover {background-position: -99px 0;	}

#hp-social{
	width:200px; float:left; margin-left:120px; margin-top:10px; margin-bottom:5px; margin-right:10px; display:block;
}

#hp-body{
	width:980px; margin-top:10px; padding:0; margin-left:auto; margin-right:auto; overflow:hidden;}
#hp-body-left{
	width:459px;  float:left;
}
#hp-body-right{
	width:500px;  float:right;
}

ul.news { 
	margin: 0;	padding:0;	list-style: none; width:500px; margin-left:auto; margin-right:auto; } 
ul.news li { 
	display:block; width:498px;	padding:0; 	float:left;	text-align:left;	margin-right:1em; 	margin-left:1em; 	margin-top:1em;	list-style: none;}	
ul.news li a { 
	color:#6e6e6e;font: 11px Arial, Helvetica, sans-serif;text-decoration:none;line-height: 1.6em; display:block; }
ul.news li a:hover { color:#7f0000;text-decoration:underline; }

#hp-footer{
	width:980px; padding:0; margin-left:auto; margin-right:auto; overflow:hidden;}



/* GLOBAL STYLES */

.sublink{
	font-family:Arial, Helvetica, sans-serif;color:#898989;font-size:11px; font-weight:normal; text-decoration:none;
}
a.sublink:hover{
	font-family:Arial, Helvetica, sans-serif;color:#7f0000;font-size:11px; font-weight:normal; text-decoration:underline;
}