/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
address,caption,cite,code,dfn,em,th,var { font-weight:normal; font-style:normal;} 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
input,textarea,select{ font-family:Verdana, Arial, Helvetica, sans-serif;}
caption,th{ text-align:left;}
q:before, q:after{ content: '';}
ul,ol,dl{ list-style:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

body{ background:#FAFCBC url(http://www.igg.com/themes/images/buzz/gw_v7/bg_body.png) repeat-x; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#593405;}
a{ text-decoration:none; color:#593405;}
a:hover{ text-decoration:underline; color:#F60;}

#container{ background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_container.jpg) no-repeat center top;}
#header{ width:1000px; height:210px; margin:0 auto; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_header.jpg) no-repeat; overflow:hidden;}
#main{ width:1000px; height:503px; margin:0 auto; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_main.jpg) no-repeat;}
#sidebar{ float:left; margin:6px 0 0 150px; width:207px; height:390px; padding:45px 0 0 7px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_sidebar.jpg) no-repeat; _display:inline;}
#content{ float:left; width:485px; height:385px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_content.jpg) no-repeat;}
#footer{ width:1000px; height:157px; margin:0 auto; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_footer.jpg) no-repeat;}

/*header*/
h1#logo{ margin:5px 0 0 400px; width:215px; height:105px; text-indent:-999em; overflow:hidden;}
.nav{ margin:63px 0 0 250px; height:29px;}
.nav li{ float:left; padding:3px 14px 2px 12px; height:29px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/nav.png) no-repeat right -44px;}
.nav li.last{ background:none;}
.nav li a{ display:block; height:22px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/nav.png) no-repeat; text-indent:-999em; overflow:hidden;}
.nav li.s1 a{ width:104px; background-position:0 0;}
.nav li.s1 a:hover,.nav li.s1 a.current{ background-position:0 -22px;}
.nav li.s2 a{ width:219px; background-position:-104px 0;}
.nav li.s2 a:hover,.nav li.s2 a.current{ background-position:-104px -22px;}
.nav li.s3 a{ width:120px; background-position:-323px 0;}
.nav li.s3 a:hover,.nav li.s3 a.current{ background-position:-323px -22px;}
.nav li.s4 a{ width:178px; background-position:-443px 0;}
.nav li.s4 a:hover,.nav li.s4 a.current{ background-position:-443px -22px;}

/*main content*/
#sidebar li{ padding:14px 0; text-align:center; font:0/0 Arial;}
.introVideo{ float:left; margin-left:14px; _display:inline; width:390px; height:292px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_intro_video.jpg) no-repeat; padding:68px 41px 25px 39px;}
.title{ padding:87px 0 0 42px; height:30px; font:0/0 Arial;background:url(http://www.igg.com/themes/images/buzz/gw_v7/title_bg.jpg) no-repeat center bottom;}
.title .pageBtn{ float:right; padding:1px 40px 0 0;}
.title .pageBtn img{ display:block; margin:0 3px; float:left;}
.intro{ margin:0 30px 0 20px; padding-left:212px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_intro.jpg) no-repeat; line-height:18px;}
.screenshots{ margin:0 20px;}
.screenshots li{ float:left; width:131px; height:101px; margin:6px 8px; _display:inline;}
.screenshots li a{ display:block; width:125px; height:95px; background:#FFF; padding:2px; border:1px solid #A08F61; font:0/0 Arial;}
.screenshots li a:hover{ border-color:#F90;}

.videos li{ float:left; width:180px; height:145px; margin:10px 0 0 42px; _display:inline;}
.videos li a{ display:block; width:180px; height:145px; background:#FFF; padding:2px; border:1px solid #A08F61; font:0/0 Arial;}
.videos li a:hover{ border-color:#F90;}

/*video*/

html,body{ _height:100%;}
.videoWatchBg{ position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:99; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.videoWatch{position:fixed; _position:absolute; left:50%; top:50%; z-index:100; margin-left:-365px; margin-top:-288px; _margin-top:0; width:729px; height:575px; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.videoWatchHead{ height:21px; text-align:right; padding:5px 5px 0 0; line-height:0; font-size:0; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_video_watch.png) no-repeat;}
.videoWatchBox{ width:725px; height:545px; padding:1px; border:1px solid #000; background:#535353; overflow:hidden;}


/*footer*/
.siteNav{ margin-left:213px; height:26px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/site_nav.png) no-repeat 31px 12px;}
.siteNav li{ float:left; margin:12px 0 0 31px; _display:inline; height:14px; }
.siteNav li a{ display:block; height:14px; text-indent:-999em; overflow:hidden;}
.siteNav li.s1 a{ width:69px;}
.siteNav li.s2 a{ width:95px;}
.siteNav li.s3 a{ width:73px;}
.siteNav li.s4 a{ width:75px;}
.siteNav li.s5 a{ width:89px;}
.copyright{ margin-top:40px; text-align:center; color:#FFF;}

/*register*/
.register{ position:absolute; z-index:10; width:335px; height:372px; left:40%; top:130px; background:url(http://www.igg.com/themes/images/buzz/gw_v7/bg_register.png) no-repeat;}
.register a{ color:#F00;}
.register .close{ position:absolute; right:13px; top:10px; cursor:pointer;}
.register a:hover{ text-decoration:underline; color:#F60;}
.register h2{ height:60px; text-indent:-999em; overflow:hidden;}
.register .tip{ clear:both; text-align:center;}
.register .btn{ clear:both; padding:10px 0 10px 115px;}
.register .pwStrong{ clear:both; padding:2px 0 5px 135px;}
.register .check{ clear:both; width:215px; padding:10px 0 0 110px; overflow:hidden;}
.register .check span{ float:left; width:190px;}
.register .check span.checkbox{ width:20px;}
.register .formElement{ clear:both; line-height:22px;}
.register .formElement label{ float:left; display:block; width:130px; padding:8px 5px 0 0; text-align:right;}
.register .formElement .input{ float:left; width:180px; padding-top:8px;}
.inputNormal{ font-size:11px; line-height:14px; padding:3px; border:1px solid #965C36; background:#FFF; +margin:-1px 0;}
.inputFocus{ font-size:11px; line-height:14px; padding:3px; border:1px solid #F90; background:#FFF; +margin:-1px 0;}
.textRed{ color:#F00;}
.info{ position:absolute; border:1px solid #AB6E48; padding:3px 5px 3px 2px; width:200px; line-height:18px; display:none; background:#F2E9E2; z-index:11;}
.ps{ height:4px; background:#666; overflow:hidden;}
.pwS{ float:left; font-weight:bold; padding-right:5px;}
.pwT{ float:left; clear:right; line-height:19px;}
.image{ position:absolute; left:50%; top:50px; margin-left:-250px; z-index:99999;}



.gameintro, #content { background:url(http://www.igg.com/themes/images/buzz/gw_v7/game_introbg.jpg) no-repeat; width:487px; height:497px; margin-top:6px; float:left;}
.gameintro div {width:420px; padding-top:73px; margin:0 auto;}