* {padding:0px; margin:0px;}
html, body {margin: 0px; padding:0px; background-color: #FFFFFF; color: #000000; font-style: normal; font-weight: normal; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:12px;}
img {border: none; outline: none;}
a {color:#000000; text-decoration:none; outline: none;}
a:hover {color: #000000; text-decoration: none; outline: none;}

/* homepage */
.hp_back{ width: 100%; height: 681px; background-image: url(/images/hp_back.jpg); background-repeat: repeat-x; background-position: top; }
.hp_left_site{float: left;width: 68px; height: auto}
.hp_right_site{float: left;width: 68px; height: auto}
.hp_center_site{float: left;width: 990px;}


.hp_logo{float: left; z-index: 10; position: relative}
.hp_sign_in{ margin-top: 26px;padding-top:24px; height:52px; background-color: #626262; width: 340px; z-index: 8; position: relative; margin-left: -30px; padding-left: 190px }
.hp_logo_sign_in{float: left; padding-right: 5px; padding-top:6px;color: #FFFFFF; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:12px;}
.hp_logo_input{color: #a2a2a2; font-style: normal; font-weight: normal; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:11px; background-image: url(/images/hp_input_back.jpg); width: 110px; height: 21px; border: 0px; padding-top: 5px; padding-left: 8px; background-repeat: no-repeat;}
#hp_logosite_btn {border:0px; display: block;width:47px;height:25px;background-image: url(../images/go_button_logo.jpg);background-position: 0 0; margin: 0;}
#hp_logosite_btn:hover {background-position: 0 -25px;}
.hp_logo_back{ background-image: url(/images/hp_img/hp_logo_back.jpg); background-repeat: no-repeat; background-position: top; height: 117px}


.hp_video_box{float: left; width: 640px; height: 360px}


.hp_text_back{ background-image: url(/images/hp_img/hp_back_text.jpg); background-repeat: no-repeat; float: left; width: 350px; height: 360px}
.hp_text{ padding-left: 8px; height:196px; padding-top: 15px;color: #000000; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:13px;}
.hp_text a {color:#FF0000; text-decoration: underline; outline: none;}
.hp_text a:hover {color: #FF0000; text-decoration: underline; outline: none;}
.hp_arrow{ padding-right: 8px; float: left; padding-top: 3px}
.hp_text_box{padding-bottom: 8px; padding-left: 12px}
.hp_create_league{margin-top: 21px; padding-left: 2px; color: #FFFFFF; font-style: normal; font-weight: normal; font-family: DIN Bold, Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:16px;}
.hp_invate{border: 0px; color: #1a1a1a; font-style: normal; font-weight: normal; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:12px; background-image: url(/images/hp_input_code.jpg); width:72px; height: 29px; padding-top: 9px; padding-left: 8px}



.hp_footer{ padding-top: 5px; color: #565656; font-style: bold; font-weight: bold; font-family: Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-size:10px;}
.hp_footer a {color:#565656; text-decoration: underline; font-weight: bold; outline: none;}
.hp_footer a:hover {color: #565656; text-decoration: underline;font-weight: bold; outline: none;}
a#hp_cl_btn {display: block;width:158px;height:38px;background-image: url(/images/hp_btn_cl.jpg);background-position: 0 0; margin: 0;}
a#hp_cl_btn:hover {background-position: 0 -38px;}
#hp_join_btn {border:0px; display: block;width:63px;height:38px;background-image: url(../images/hp_btn_join.jpg);background-position: 0 0; margin: 0;}
#hp_join_btn:hover {background-position: 0 -38px;}
/* end homepage */