@charset "utf-8";
/* CSS Document */
body{ background:url("../../images/bg_body.jpg") repeat-x #061224; font:normal 11px/1.5 Verdana, Geneva, sans-serif; color:#FFF;}
a:link,a:visited{ text-decoration:none; color:#FFF;}
a:hover,a:active{ color:#FF0;}

#headerWrapper{ background:url("../../images/bg_wrapper_header.jpg") no-repeat center top;}
#mainWrapper{ background:url("../../images/bg_wrapper_main.jpg") no-repeat center top;}
#container{ background:url("../../images/bg_container.jpg") no-repeat center top;}
#header{ margin:0 auto; width:1080px; height:140px; background:url("../../images/bg_header.jpg") no-repeat;}
.logo{ float:left; margin:8px 0 0 35px; -display:inline; width:230px; height:90px; text-indent:-999em;}
.logo a{ display:block; height:90px; overflow:hidden;}
.announce{ float:left; margin:18px 0 0 40px; -display:inline; width:520px; height:58px; overflow:hidden;}
.like{ float:left; margin:8px 0 0 8px; -display:inline; width:520px; height:29px; overflow:hidden;}
.nav{ clear:both; margin-left:28px; width:1012px; height:28px; padding-left:7px;}
.nav li{ float:left; margin:0 1px; -display:inline;}
.nav a{ float:left; width:91px; height:28px; background:url("../../../static.go2.browsergame.com/igg/images/sprites.png") no-repeat; text-indent:-999em; overflow:hidden;}
.nav .s1 a:link,.nav .s1 a:visited{ background-position:-8px 0;}
.nav .s1 a:hover,.nav .s1 a:active,.nav .s1 a.current:link,.nav .s1 a.current:visited,.nav .s1 a.current:hover,.nav .s1 a.current:active{ background-position:-8px -40px;}
.nav .s2 a:link,.nav .s2 a:visited{ background-position:-101px 0;}
.nav .s2 a:hover,.nav .s2 a:active,.nav .s2 a.current:link,.nav .s2 a.current:visited,.nav .s2 a.current:hover,.nav .s2 a.current:active{ background-position:-101px -40px;}
.nav .s3 a:link,.nav .s3 a:visited{ background-position:-194px 0;}
.nav .s3 a:hover,.nav .s3 a:active,.nav .s3 a.current:link,.nav .s3 a.current:visited,.nav .s3 a.current:hover,.nav .s3 a.current:active{ background-position:-194px -40px;}
.nav .s4 a:link,.nav .s4 a:visited{ background-position:-287px 0;}
.nav .s4 a:hover,.nav .s4 a:active,.nav .s4 a.current:link,.nav .s4 a.current:visited,.nav .s4 a.current:hover,.nav .s4 a.current:active{ background-position:-287px -40px;}
.nav .s5 a:link,.nav .s5 a:visited{ background-position:-380px 0;}
.nav .s5 a:hover,.nav .s5 a:active,.nav .s5 a.current:link,.nav .s5 a.current:visited,.nav .s5 a.current:hover,.nav .s5 a.current:active{ background-position:-380px -40px;}
.nav .s6 a:link,.nav .s6 a:visited{ background-position:-473px 0;}
.nav .s6 a:hover,.nav .s6 a:active,.nav .s6 a.current:link,.nav .s6 a.current:visited,.nav .s6 a.current:hover,.nav .s6 a.current:active{ background-position:-473px -40px;}
.nav .s7 a:link,.nav .s7 a:visited{ background-position:-566px 0;}
.nav .s7 a:hover,.nav .s7 a:active,.nav .s7 a.current:link,.nav .s7 a.current:visited,.nav .s7 a.current:hover,.nav .s7 a.current:active{ background-position:-566px -40px;}
.nav .s8 a:link,.nav .s8 a:visited{ background-position:-659px 0; width:126px;}
.nav .s8 a:hover,.nav .s8 a:active,.nav .s8 a.current:link,.nav .s8 a.current:visited,.nav .s8 a.current:hover,.nav .s8 a.current:active{ background-position:-659px -40px;}
.nav .s9 a:link,.nav .s9 a:visited{ background-position:-785px 0; width:139px;}
.nav .s9 a:hover,.nav .s9 a:active,.nav .s9 a.current:link,.nav .s9 a.current:visited,.nav .s9 a.current:hover,.nav .s9 a.current:active{ background-position:-785px -40px;}
.nav .s10 a:link,.nav .s10 a:visited{ background-position:-926px 0; width:74px;}
.nav .s10 a:hover,.nav .s10 a:active,.nav .s10 a.current:link,.nav .s10 a.current:visited,.nav .s10 a.current:hover,.nav .s10 a.current:active{ background-position:-926px -40px;}
.nav .s11 a:link,.nav .s11 a:visited{ background-position:-1002px 0; width:96px;}
.nav .s11 a:hover,.nav .s11 a:active,.nav .s11 a.current:link,.nav .s11 a.current:visited,.nav .s11 a.current:hover,.nav .s11 a.current:active{ background-position:-1002px -40px;}
.nav .s12 a:link,.nav .s12 a:visited{ background:url("../../images/nav_vip.png") no-repeat 0 0; width:54px;}
.nav .s12 a:hover,.nav .s12 a:active,.nav .s12 a.current:link,.nav .s12 a.current:visited,.nav .s12 a.current:hover,.nav .s12 a.current:active{ background-position:0 -40px;}
#game{
	margin: 0 auto;
	width: 1024px;
	height: 250px;
	background: url("../../images/bg_game.jpg") no-repeat;
	position: relative;
	z-index: 1;
	padding: 3px 28px 0 28px;
}
.play{ width:1024px; height:820px; margin:0 auto;}
.welcome{ display:block;}
.btnPlay{ display:block; position:absolute; z-index:1; width:1024px; height:820px; left:28px; top:3px; overflow:hidden; background:url("../../../static.go2.browsergame.com/igg/images/sprites.png") no-repeat -2000px 0;}
.btnPlay:link .btn,.btnPlay:visited .btn{ display:block; margin:520px 0 0 386px; width:253px; height:75px; background:url("../../../static.go2.browsergame.com/igg/images/sprites.png") no-repeat 0 -90px; text-indent:-999em; overflow:hidden; cursor:pointer;}
.btnPlay:hover .btn,.btnPlay:active .btn{ background-position:-260px -90px;}
.btnPlay p{ text-align:center; font-size:16px; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top:16px; color:#FFF;}
#main{ margin:0 auto; width:1080px; height:700px; background:url("../../images/bg_main.png") no-repeat;}
.facebookCol{ float:left; width:600px; margin:10px 10px 0 38px; -display:inline;}
.facebookCol li{ clear:both; width:600px; margin-bottom:5px;}
.iframeCol{ margin:0 0 5px 0;}
.bannerCol{ float:left; width:392px; margin-top:10px; background:url("../../images/bg_banner.png") no-repeat; padding-top:10px;}
.bannerCol ul{ background:url("../../images/bg_banner.png") no-repeat left bottom;}
.bannerCol li{ margin:0 auto; width:380px; padding-bottom:8px; font:0/0 Arial;}
.bannerFull{ width:1000px; margin:0 auto; padding-top:40px;}

#content{ margin:0 auto; width:1024px; padding:3px 28px 25px 28px; background:url("../../images/bg_game.jpg") no-repeat center top;}
.entry{ background:#091124; border:1px solid #0A506A; min-height:820px; -height:820px;}

.events{ float:left; background:#0D1833; border-right:1px solid #0C3D61; min-height:1050px; -height:1050px; width:750px; padding:0 0 10px 0;}
.events dl{ clear:both; width:730px; margin:10px auto 0 auto; overflow:hidden; border:1px solid #0D284E;}
.events dt{ border-bottom:1px solid #0D284E; padding:5px 8px 5px 12px; background:#0D1D3B; color:#FFE6C5; font-weight:bold; font-size:14px;}
.events dt a:link,.events dt a:visited{ display:block; background:url(../../images/btn_events.png) no-repeat right 3px; color:#6796B8; padding-bottom:3px;}
.events dt a:hover,.events dt a:active{ color:#FF0;}
.eventTime{ width:560px; float:left; padding:5px 0 5px 12px; color:#6591B8;}
.eventStat{ width:148px; float:right; color:#FF0; padding:5px 10px 5px 0;}
.eventStat strong{ color:#6591B8;}
.events .eventEntry{ clear:both; padding:0 15px 8px 15px; color:#B8CEDE; display:none; visibility:hidden;}
.eventEntry p{ padding:8px 0;}
.eventEntry a{ text-decoration:underline; color:#B8CEDE;}
.eventEntry a:hover{ color:#FF9;}
.events .expanded,.events .expanded dd{ border-color:#094362;}
.events .expanded dt{ background:#0F2246;}
.events .expanded dt a{ color:#FFF;}
.events .expanded dt a:link,.events .expanded dt a:visited,.events .expanded dt a:hover,.events .expanded dt a:active{ background:url(../../images/btn_events.png) no-repeat right -78px;}
.events .expanded .eventEntry{ visibility:visible; display:block;}
.eventsHot{ float:left; width:270px; padding-top:10px;}
.eventsHot li{ width:240px; margin:0 auto; padding-top:10px; font:0/0 Arial;}
.eventsHot .fbInfo{ width:240px; font:normal 12px/1.8 "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#FFF; padding:5px 0;}
.eventsHot .fbInfo strong{ font-size:12px;}

.normalTitle{ text-align:center; font-size:18px; font-weight:bold; color:#00C0FF; padding-top:25px;}
.normalEntry{ padding:15px;}
.normalEntry p{ padding:8px 0;}
.normalTable{ border-collapse:collapse; border:1px solid #2D5AA3; margin-top:10px;}
.normalTable td{ border:1px solid #2D5AA3; background:#0C2C58; text-align:center; padding:5px 10px;}


.gameIntro{ width:1024px; height:820px; margin:0 auto; background:url("../../images/bg_rside.jpg") no-repeat right top;}
.mainIntro{
	width: 1024px;
	height: 250px;
	background: url("../../images/bg_mainIntro.jpg") no-repeat left top;
	position: relative
}
.btnPlayNew{
	width: 1024px;
	height: 250px;
	display: block;
	position: absolute;
	top: -148px;
	left: 15px;
}
.btnPlayNew .btn{
	display: block;
	width: 227px;
	height: 69px;
	position: absolute;
	top: -127px;
	left: -299px;
	text-indent: -999em;
	overflow: hidden;
	background: url("../../images/btn_play.png") no-repeat;
}
.btnPlayNew:hover .btn {background-position:0px -69px;}
.fb_contect{
	width: 570px;
	position: absolute;
	top: 44px;
	left: -272px;
	color: #FFF;
	font: bold 14px/2 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	text-decoration: none
}
.screenshots{
	width: 472px;
	height: 382px;
	position: absolute;
	top: 86px;
	left: -274px;
	z-index: 10
}
.screenshotNav{ padding:20px 0 0 23px; height:67px;}
.screenshotNav li{ margin:0 7px; height:64px; float:left;}
.screenshotNav li img{ opacity:0.4; filter:alpha(opacity=40); border:1px solid #44BEF1; display:block;}
.screenshotNav li.current{ background:url("../../images/ico_arrow.png") no-repeat center bottom;}
.screenshotNav li.current img{ opacity:1.0; filter:alpha(opacity=100); }
.screenshotContent{ margin-left:9px; width:454px; height:286px; overflow:hidden;}