/* CSS Document */
body {padding: 0px; margin:0px; font:normal 12px arial;color:#000;background-color:#eee;}
#scrollContainer{ overflow: auto; /* scroll! */
  position:absolute; /* make offsetParent */
  top: 0; height: 100%; width: 100%; /* fill parent */
}
#content{margin:0px; padding:0px; width:100%; display:block; overflow:hidden;}
#top{margin:0px auto; padding:0px; background:#dfdfdf url(../images/header_bg.gif) no-repeat top center; width:100%; height:135px;}
#header{margin:0px auto; width:988px; padding:0px;}
#header_left{margin:0px; float:left; padding:0px;}
#header_right{margin-right:20px; padding:0px; float:right; width:640px; height:135px;}
#nav{width:640px; height:44px; margin-top:69px; padding:0px; border:0px solid #333;}
#nav ul{margin:0px; padding:0px; list-style:none;}
div#nav ul li{float:left;margin:0 3px;}
div#nav ul li a{text-indent:-500em; height:66px; display:block; background:url('../images/menu.png');}
div#nav ul li.why a{background-position:0 top;width:104px;}
div#nav ul li.why a:hover{background-position:0 bottom;}
div#nav ul li.social a{background-position:-113px top;width:164px;}
div#nav ul li.social a:hover{background-position:-113px bottom;}
div#nav ul li.fun a{background-position:-280px top;width:128px;}
div#nav ul li.fun a:hover{background-position:-280px bottom;}
div#nav ul li.contact a{background-position:-425px top;width:105px;}
div#nav ul li.contact a:hover{background-position:-425px bottom;}
div#nav ul li.audience a{background-position:-528px top;width:95px;}
div#nav ul li.audience a:hover{background-position:-528px bottom;}
#banner{margin:0px; padding:0px; width:100%; height:533px; background:url(../images/banner_bg.gif) no-repeat top center; border-top:4px solid #173e64;}
#banner_content{margin:0px auto; padding:0px; width:988px;}
#banner_content_left{margin:200px 0px 0px 40px; padding:0px; float:left;}
#banner_content_right{margin:20px 20px 0px 0px; padding:0px; float:right; background-color:#000000;}
#p1{margin:0px auto; padding:0px; width:100%; background:url(../images/p1.gif) no-repeat top center; height:60px;}
#p2{margin:0px auto; padding:0px; width:100%; background:url(../images/p2.gif) no-repeat top center; height:40px;}
#block1{margin:0px auto; padding:0px; width:100%; background:url(../images/block1bg.gif) no-repeat top center; height:408px;}
#block1inside{margin:0px auto; padding:0px; width:877px; display:block; overflow:hidden;}
#block1inside h1{margin:5px 0px 10px 0px; padding:0px; font:normal 20px helvetica; color:#333;}
#block1inside h2{margin:5px 0px 10px 0px; padding:0px; font:bold 16px helvetica; color:#333;}
#block1inside p{margin:0px; padding:0px 0px 10px 0px; font:normal 15px helvetica; color:#555; line-height:18px;}
#block1inside p a{text-decoration:underline;}
#block1inside p a:hover{color:#ff6600; text-decoration:none;}
#block1inside ul{margin:0px; padding:0px; list-style:none}
#block1inside ul li{margin:10px; display:list-item; background:url(../images/bullet.gif) no-repeat 0px 7px; padding-left:20px; font:normal 15px helvetica; line-height:18px; color:#555;}
.block1inside_left{margin-top:10px; padding:0px; float:left; width:287px;}
.block1inside_middle{margin-top:10px;; margin-left:28px; padding:0px; float:left; width:260px;}
.block1inside_right{margin-top:10px; margin-left:29px; padding:0px; float:right; width:273px;}
#block2{margin:0px auto; padding:0px; width:100%; background:url(../images/block2bg.gif) no-repeat top center; height:656px;}
#block3{margin:0px auto; padding:0px; width:100%; background:url(../images/block3bg.gif) no-repeat top center; height:758px;}
#block4{margin:-10px auto 0; padding:0px; width:100%; background:url(../images/block4bg.gif) no-repeat top center; height:280px;}
#block5{margin:0px auto; padding:0px; width:100%; background:url(../images/block5bg.gif) no-repeat top center; height:450px;}
.link a{color:#0000ff; text-decoration:none;}
.link a:hover{color:#ff6600; text-decoration:underline;}