@import url("footer.css");

body {
	background: #FFF url(../images/page/content_bg.png) repeat-x 0px 0px;
}
#topbar, #header, #content, #footer {
    width: 100%;
}

#topbar>.wrap, #header>.wrap, #content>.wrap, #footer>.wrap{
	width: 960px;
    margin: 0px auto;
    position: relative;
    text-align: left;
    clear: both;
    overflow: visible;
}

/* @group top */
#topbar{
	margin-top: 12px;
}
#topnav{
	float: left;
	font-size: 1.1em;
	margin-top: -2px;
}
#topnav li{
	float: left;
	display: block;
	text-align: center;
	margin-right: 10px;
}
	#topnav li a{
		display: block;
	}
		#topnav li a:hover{
			border: 1px solid #444;
			background-color: #222;
		}
		
		#topnav li.current a{
			border: 1px solid #333;
			background-color: #222;
		}
		
	#topnav li.active {
		background: url(../images/top_li_active.png);
	}
		
	#topnav li em {
		background: url(../images/hover.png) no-repeat;
		width: 180px;
		height: 45px;
		position: absolute;
		top: -85px;
		left: -15px;
		text-align: center;
		padding: 20px 12px 10px;
		font-style: normal;
		z-index: 2;
		display: none;
	}
#topbar #utilbox {
	float: right;
	width: 519px;
	height: 64px;
	background: url(../images/page/top_bg.png) no-repeat;
}
#topbar #profile_panel{
	padding: 20px 20px 0px 20px;
	float: right;
	font-size: 12px;
	text-align:right;
	width:480px;
}
#topbar form input{
	width: 90px;
	height: 12px;
	margin: 0px 10px;
}
#topbar form {
	font-size: 12px;
}
#topbar #login_form{
	padding: 16px 20px 0px 20px;
	float: right;
}
#utilbox{
	margin-top: 6px;
}
#utilbox a{
	color: #4C4C4C;
	padding: 0px 3px;
	border: 1px solid transparent;
}
#utilbox a:hover{
	color: #FFF;
	background-color: #004080;
}
#locale_switcher {
	float: right;
	padding: 16px 15px 0px 0px;
}
/* @end */

#header {
}

#header h1#logo a {
	position: absolute;
	top: 0px;
	left: 0px;
    width: 263px;
	height: 131px;
	background: url(../images/page/logo.png) no-repeat;
	text-indent: -99em;
	display: block;
	margin-top: -70px;
}

#mainmenu{
	float: right;
	height: 66px;
}

#mainmenu .left{
	float: right;
	height: 66px;
	width: 10px;
	background: url(../images/page/mainmenu_left.png) repeat-x;
}

#mainmenu .right{
	float: right;
	height: 66px;
	width: 12px;
	background: url(../images/page/mainmenu_right.png) repeat-x;
}

#mainmenu ul{
	float: right;
	height: 66px;
	background: url(../images/page/mainmenu_bg.png) repeat-x;
}

#mainmenu ul li{
	display: inline;
	float: left;
	color: #FFF;
	padding: 9px 10px;
	background: url(../images/page/mainmenu_li.png) no-repeat scroll right 4px transparent;
}

#mainmenu ul li#tab_forum{
	background: none;
	padding: 9px 5px 9px 10px;
}

#mainmenu ul li a{
	color: #ececec;
	padding-left: 27px;
	display:block;
	height:23px;
	padding-top:5px;
}

#mainmenu ul li span.small{
	font-size: 10px;
}

#mainmenu li .active{
	background: url(../images/page/main_active.png) no-repeat top right;
	display: block;
	height: 66px;
	margin-top: -12px;
	margin-right: -6px;
	padding: 12px 14px 0px;
}

#mainmenu li .active a{
	color: #008000;
	font-weight: bold;
}

#mainmenu #tab_main a{
	background: url(../images/page/main_home.png) no-repeat;
}

#mainmenu #tab_adv a{
	background: url(../images/page/main_wiad.png) no-repeat;
}

#mainmenu #tab_gc a{
	background: url(../images/page/main_wigame.png) no-repeat;
}

#mainmenu #tab_we a{
	background: url(../images/page/main_wiengine.png) no-repeat;
}

#mainmenu #tab_game a{
	background: url(../images/page/main_wigame.png) no-repeat;
}

#mainmenu #tab_dev a{
	background: url(../images/page/main_dev.png) no-repeat;
}

#mainmenu #tab_forum a{
	background: url(../images/page/main_forum.png) no-repeat;
}

#mainmenu #tab_main .active a{
	background: url(../images/page/main_home_focused.png) no-repeat;
}

#mainmenu #tab_adv .active a{
	background: url(../images/page/main_wiad_focused.png) no-repeat;
}

#mainmenu #tab_gc .active a{
	background: url(../images/page/main_wigame_focused.png) no-repeat;
}

#mainmenu #tab_game .active a{
	background: url(../images/page/main_wigame_focused.png) no-repeat;
}

#mainmenu #tab_we .active a{
	background: url(../images/page/main_wiengine_focused.png) no-repeat;
}

#mainmenu #tab_dev .active a{
	background: url(../images/page/main_dev_focused.png) no-repeat;
}

#mainmenu #tab_forum .active a{
	background: url(../images/page/main_forum_focused.png) no-repeat;
}

#content{
	background: none;
	padding-top: 0px;
}

#content_top{
	background: url(../images/content_top.png) no-repeat 72px 0px;
	padding-top: 6px;
	height: 295px;
}
#features_border{
	float: left;
	border-left: 1px solid #cbd4db;
	border-bottom: 1px solid #cbd4db;
	height: 285px;
	width: 691px;
	background: #ebefef;
}
#features{
	border-left: 1px solid #adb4ba;
	border-bottom: 1px solid #adb4ba;
	border-top: 1px solid #adb4ba;
	height: 283px;
	width: 691px;
}

#features_side{
	display: block;
	float: left;
	background: url(../images/page/feature_side.jpg) no-repeat;
	width: 267px;
	height: 285px;
}

#login_btn{
	width: 100%;
	height: 103px;
	display: block;
}

#login_btn a{
	text-indent: -99em;
	background: url(../images/page/reg_btn.png) no-repeat;
	width: 191px;
	height: 52px;
	display: block;
	position: relative;
	left: 41px;
	top: 27px;
}

#features_news{
	width: 100%;
	height: 221px;
	display: block;
}

#features_news h3{
	background: url(../images/news_icon.png) no-repeat;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	position: relative;
	left: 15px;
	top: 7px;
	height: 20px;
	font-size: 14px;
}

#features_news .more{
	float: right;
	margin-right: 28px;
	font-size: .8em;
}

#features_news ul{
	left:20px;
	position:relative;
	top:15px;
}

#features_news ul li{
	line-height: 24px;
	width: 234px;
}

#features_news ul li .date{
	float: right;
}

#forum_topic h3{
	background: url(../images/dev_forum_icon.png) no-repeat -5px 0px;
	height: 38px;
	padding-left: 45px;
	padding-top: 10px;
}

#support_center h3{
	background: url(../images/dev_help_icon.png) no-repeat -5px 0px;
	height: 38px;
	padding-left: 45px;
	padding-top: 10px;
}


#forum_topic ul{
}

#forum_topic ul li{
	line-height: 24px;
	width: 210px;
}

#forum_topic ul li .date{
	float: right;
}

#forum_topic ul li .small{
	font-size: .9em;
	color: #808080;
}

/* @end */

/* @group content_main */
#content_main_wrap{
	width: 691px;
	border: 1px solid #cbdeec;
}
#content_main{
	width: 654px;
	background: #f9fafa;
	border: 1px solid #b1c0cc;
	padding: 20px;
}
/* @end */