@charset "utf-8";

html {background:#DDDDDD none repeat scroll 0 0; color:#000000;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;	padding:0;}

body {background:#DDDDDD; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding:20px;}

ul, li {list-style:none;}

a {outline:none; color:#0568aa;}

p {font-size:11px; line-height:16px; color:#444;}

img {border:none}

/*self-fix css*/

.clearfix {zoom:1} /*for IE */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* for Others */



#border {margin:auto; width:849px; padding:0px; border:1px solid #ccc; background:#f5f5f5;}

#wrapper {width:849px; background:#FFFFFF url(images/main_bg.jpg) no-repeat top;}



#topheader {height:143px; padding-top:20px;}

#mainlogo {width:400px; height:120px; text-indent:-5000px; cursor:pointer; float:left;}

#hystalogo {width:100px; height:120px; text-indent:-5000px; float:left; margin-left:340px; cursor:pointer;}

#sidebar h4.vote {background:transparent url(images/sidebar_vote.gif) no-repeat;}

#navi {height:60px; padding:5px 0 0 5px;}

#navi ul {display:inline;}

#navi ul li {display:inline; float:left; text-align:center; text-indent:-5000px; margin-left:12px;}

#navi ul li a {display:block; height:33px;}

#navi ul li#home a {background:url(images/sprite_navi.gif) 0 0; width:84px;}

#navi ul li#home a:hover, #navi ul li#home a.navion {background:url(images/sprite_navi.gif) -150px 0;}

#navi ul li#welcome a {background:url(images/sprite_navi.gif) 0 -50px; width:134px;}

#navi ul li#welcome a:hover, #navi ul li#welcome a.navion {background:url(images/sprite_navi.gif) -150px -50px;}

#navi ul li#program a {background:url(images/sprite_navi.gif) 0 -100px; width:94px;}

#navi ul li#program a:hover, #navi ul li#program a.navion {background:url(images/sprite_navi.gif) -150px -100px;}

#navi ul li#speakers a {background:url(images/sprite_navi.gif) 0 -150px; width:106px;}

#navi ul li#speakers a:hover, #navi ul li#speakers a.navion {background:url(images/sprite_navi.gif) -150px -150px;}

#navi ul li#mediainfo a {background:url(images/sprite_navi.gif) 0 -200px; width:150px;}

#navi ul li#mediainfo a:hover, #navi ul li#mediainfo a.navion {background:url(images/sprite_navi.gif) -150px -200px;}

#navi ul li#team a {background:url(images/sprite_navi.gif) 0 -250px; width:84px;}

#navi ul li#team a:hover, #navi ul li#team a.navion {background:url(images/sprite_navi.gif) -150px -250px;}

#navi ul li#sponsors a {background:url(images/sprite_navi.gif) 0 -300px; width:101px;}

#navi ul li#sponsors a:hover, #navi ul li#sponsors a.navion {background:url(images/sprite_navi.gif) -150px -300px;}





#mainbody {width:569px; float:left;}

#pagetitle {width:500px; height:111px; text-indent:-5000px;}

#mainbody .home {background:url(images/home_header.gif) no-repeat;}

#mainbody .welcome {background:url(images/welcome_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .program {background:url(images/program_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .speakers {background:url(images/speakers_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .mediainfo {background:url(images/mediainfo_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .team {background:url(images/team_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .sponsors {background:url(images/sponsors_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody .registration {background:url(images/registration_header.gif) no-repeat; margin-bottom:-30px;}

#mainbody #text {padding:10px 35px; font-size:11px;}

#mainbody #text p {margin-bottom:10px;}

#mainbody #text h4 {font-size:14px;}

#mainbody #youtube {width:425px; height:344px; border:0px solid #ccc; margin:20px auto; background:#f5f5f5; padding:0px;}

#mainbody #speakerlist {margin-left:30px; line-height:18px;}

#mainbody #speakerlist li {list-style:square;}

#mainbody #speakerlist li strong {font-size:12px;}



#mainbody .listitem  {margin:20px 0; padding-top:10px; border-top:1px solid #ccc;}

#mainbody .listitem h5{font-size:11px; font-weight:normal; color:#999; margin-bottom:10px;}

#mainbody .listitem h5 strong{font-size:12px; font-weight:bold; color:#333;}

#mainbody .listitem .photo {float:left; margin-right:20px;}

#mainbody .speaker img {border:1px solid #ccc; padding:3px; background:#fff;}

#mainbody .listitem .intro {float:left;}

#mainbody .speaker .intro {width:360px;}

#mainbody .sponsor .intro {width:320px;}





#mainbody .maintable {font-size:11px; border-top:1px solid #ccc; width:100%;}

#mainbody .maintable th{padding:6px 14px; border-bottom:1px solid #ccc; background:#dcedf5;}

#mainbody .maintable td{vertical-align:top; padding:6px 14px; border-bottom:1px solid #ccc;}

#mainbody .maintable td.time{width:130px; font-weight:bold; color:#2e85bd; background:#f9f9f9;}

#mainbody .maintable span {font-size:11px; font-weight:normal; color:#666;}



#sidebar {width:180px; height:666px; float:left; margin-top:10px; background:transparent url(images/sidebarbg.png) no-repeat left top; padding:0 40px;}

a#registerbtn {display:block; width:192px; height:37px; background:transparent url(images/btn_register.png); text-indent:-5000px;}

a#registerbtn:hover {background:transparent url(images/btn_register_hover.png);}



#sidebar h4 {text-indent:-5000px; width:200px; height:37px; margin-top:20px;}

#sidebar h4.share {background:transparent url(images/sidebar_share.gif) no-repeat;}

#sidebar h4.contact {background:transparent url(images/sidebar_contact.gif) no-repeat;}

#sidebar p {color:#444; margin-bottom:10px;}

#sidebar #shareicons li{display:inline;}

#sidebar #vecface {padding-top:20px;}



#footer {clear:both; height:54px; background:transparent url(images/footer_bg.jpg) no-repeat; padding:100px 0 0 20px;}

#footer ul {display:inline;}

#footer ul li {display:inline; font-size:11px; margin-right:4px; font-weight:bold;}

#footer a {color:#ffffff;}

#footer p {font-size:10px; color:#ffffff; margin-top:5px;}