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

* {margin:0; padding:0;}

html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 0.9em;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #666;
	text-decoration: none;
	font-size: 1em;
}

a:hover {
	
	color:#000000;
}

img {
	border:none
}

.wrapper { 
	width: 920px;
	margin: 20px auto auto auto;
}



#top-banner {
	width: 540px;
	height: 73px;
	float: left;
	border-bottom: 1px solid #999999;
}

#login-box {
	background: url(../images/login_bg.gif) bottom left no-repeat; 
	width: 380px;
	height: 74px;
	float: right;
	
}

#login-box .submit {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:medium none;
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0pt 0pt 0px 5px;
	width:50px;
}

#login-form {
	width: 340px;
	margin-top: 30px;
	padding-top: 12px;
	padding-left: 15px;
}

#login-form input {
	background-color:#ECEDE7;
	border:1px solid #777777;
	color:#777777;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0pt 0pt 0px 0px;
	padding:3px;
	width:90px;
}

#top-logo {
	float: right;
	height: 115px;
	width: 337px;
	background: url(../images/hctv-logo.jpg) no-repeat right;
}

#nav {
	width: 583px;
	height: 115px;
	
	float: left;
}

.div1 {
	clear: both;	
}

.div2 {
	clear: both; 
	height: 115px;
	background: url(../images/header_bg.gif) no-repeat bottom left;
}

#main {
	margin-top:20px;
	width:775px;
	float:left;
}
#maincontent {
	width: 600px;
	float: left;
}

#right-banner{
	float: right;
	text-align: right;
	margin-top: 20px;
}

#left-banner{
	float: left;
	text-align: left;
	width: 150px;
}

#footer {
	margin-top:15px;
	float:left;
	width:915px;
	height:35px;
	
	font-size: 10px;
	font-color: #999999;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a, .footer_right a {
	font-size: 9px;
	color: #999;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline
}
.footer_left {
	margin-top:11px;
	width:400px;
	display:block;
	float:left;
	text-align:left;
}
.footer_right {
	margin-top:11px;
	width:200px;
	display:block;
	float:right;
	text-align:right;
}

/* Menu */

/*------------------------------------------------------------*
 ~Navigation Information~
**------------------------------------------------------------*/

#navi {
	margin-top:15px;
	width:555px;
	height:30px;
	overflow:hidden;
	float:left;
}

.home {
	display:block;
	width:100px;
	height:30px;
	background-image: url(site_images/menu_home.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
.about {
	display:block;
	width:100px;
	height:30px;
	background-image: url(site_images/menu_about.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
.trainer {
	display:block;
	width:130px;
	height:30px;
	background-image: url(site_images/menu_trainer.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
.shop {
	display:block;
	width:110px;
	height:30px;
	background-image: url(site_images/menu_shop.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
.contact {
	display:block;
	width:115px;
	height:30px;
	background-image: url(site_images/menu_contact.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
a.home, a.about, a.trainer, a.shop, a.contact {
	background-position: 0 0px;
}
a.home:hover, a.about:hover, a.trainer:hover, a.shop:hover, a.contact:hover {
	background-position: 0 -30px;
}


.drop { height:29px; position:relative; z-index:500; margin:37px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; width:555px; float:left;}
.drop li { float:left; }
.drop  li.top {display:block; float:left;}
.drop  li a.home {	background:url(../images/menu_home.gif) no-repeat; width:100px;	height:30px; display:block; text-indent:-99999px;} 
.drop  li a.about {	background:url(../images/menu_about.gif)no-repeat; width:100px;	height:30px; display:block;	text-indent:-99999px;}
.drop  li a.trainer { background:url(../images/menu_trainer.gif)no-repeat; width:130px;	height:30px; display:block;	text-indent:-99999px;} 
.drop  li a.shop { background:url(../images/menu_shop.gif)no-repeat; width:110px; height:30px; display:block; text-indent:-99999px;} 
.drop  li a.contact { background:url(../images/menu_contact.gif)no-repeat; width:115px;	height:30px; display:block;	text-indent:-99999px;} 
.drop  li.homeover {background:url(../images/menu_home.gif); background-position: 0 -30px;} 
.drop  li.aboutover {background:url(../images/menu_about.gif); background-position: 0 -30px;} 
.drop  li.trainerover {background:url(../images/menu_trainer.gif); background-position: 0 -30px;} 
.drop  li.shopover {background:url(../images/menu_shop.gif); background-position: 0 -30px;} 
.drop  li.contactover {background:url(../images/menu_contact.gif); background-position: 0 -30px;} 
.drop  li.current a.home,.drop  li.current a.home:hover {background:url(../images/menu_home.gif); background-position: 0 -30px} 
.drop  li.current a.about,.drop  li.current a.about:hover {background:url(../images/menu_about.gif); background-position: 0 -30px;} 
.drop  li.current a.trainer,.drop  li.current a.trainer:hover {background:url(../images/menu_trainer.gif); background-position: 0 -30px;} 
.drop li.current a.shop,.drop  li.current a.shop:hover {background:url(../images/menu_shop.gif); background-position: 0 -30px;} 
.drop  li.current a.contact,.drop  li.current a.contact:hover {background:url(../images/menu_contact.gif); background-position: 0 -30px;} 
.drop  table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.drop  ul {position:absolute; left:-9999px; top:-9999px; width:700px; height:30px; margin:0; padding:0; list-style:none; float:left;}
.drop  :hover ul { left:0; top:30px; padding:3px; float:left; height:auto; width:750px;	z-index:300;}
.drop  :hover li { left:0; top:30px; padding:3px; float:left; height:auto; width: auto; z-index:300;}
.drop  :hover ul li {display:block; height:20px; float:left; font-weight:normal;}
.drop  :hover ul li a { display:block; font-size:11px; height:30px; line-height:20px; width:auto; padding:0 0px 0 28px; color:#999999; text-decoration:none;}
.drop  :hover ul li a:hover {text-decoration:none; color:#000000}
.drop  li a.top_link:hover {background:transparent;} 
.drop  li:hover > a.top_link {background:transparent;} 

/* Menu End */