html {width:100%; height: 100%;}

body {width: 100%; height: 100%; color: #afcbd9; background-color: #001832; margin: 0px; padding: 0px; font-family: Arial;}

a {outline:none; color: #fff;}
a:hover {text-decoration: none;}
a img {border:none;}
ul {margin: 0px; padding: 0px; list-style-type:none;}
.clear{clear:both;}

#wrap {background: url('/images/wrap.jpg') repeat-x; min-width: 980px; width: auto !important; width: 100%; height: 100%; position: relative;}

#flamearrow {background: url('/images/flamearrow.jpg') 50% 50% no-repeat; width: 100%; width: expression(document.body.clientWidth > 980 ? "100%" : "980px"); height: 369px; position: absolute; top: 89px;}

/*Header*/
#header {left: -490px; margin-left: 50%; position: absolute; z-index: 3; width: 980px; top: 0px; height: 134px;}
#headerbg {background-image: url("/images/header.png"); background-repeat: no-repeat; width: 757px; height: 109px; position: absolute; right: 0px;}

#logo {position: absolute; z-index: 9;}
.logotext {position: absolute; left: 9px; top: 3px; width: 276px; height: 79px; font-size: 50px; color: #fff; text-align:center;}
.mainlogobg {background: url("/images/mainlogo.jpg") no-repeat; width: 238px; height: 62px; position:absolute;top: 3px; left: 6px;}
.logobg {background: url("/images/logo.jpg") no-repeat; width: 236px; height: 65px; position:absolute; top: 0px; left: 9px;}
.logolink {display:block; width: 276px; height: 79px; position: absolute; top: 3px; left: 9px;}

.headmenu {width: 600px; padding-left: 90px; height: 100px; position: absolute; left: 287px; }
.headmenu li {float: left; padding-top: 45px; width: 90px; height: 20px; text-align: center; font-size: 15px;}
.headmenu li.divider{background: url("/images/divider.gif") 50% 0% no-repeat; width: 1px; font-size: 1px; height: 60px; padding-top: 0px;}
.headmenu .active {background: transparent url("/images/active.png") 50% 90% no-repeat; z-index: 2; color: #add8f1;}
.headmenu a {text-decoration: none;}
.headmenu a:hover {color: #ffcc00;}
.headmenu .active{background: transparent url("/images/active.png") 50% 90% no-repeat; z-index: 2; color: #add8f1;}
.headmenu .active a{color: #add8f1;}

.linkmenu{background: url("/images/linkmenubg.png") 50% 0% no-repeat; width: 100%; border-bottom: 3px #1a3955 solid; height: 110px; position: absolute; top: 0px; left: 0px;}
.linktree {position: absolute; z-index: 50; margin-left: 50%; left: -370px; top: 94px;}
.linkarrow {background:url("/images/linkarrow.gif") no-repeat; float: left; width: 8px; height: 3px; font-size: 1px; margin: 6px 5px;}
.linktree a {font-size: 10px; float: left; color: #ffcc00;}
.onpage {font-size: 10px; float: left; position: relative; top: 1px;}

/*Content*/
#container {width: 980px; margin: 0px auto;min-height: 361px; height: auto !important; height: 361px; padding-top: 140px; position: relative; z-index: 2;}
.nav {width: 100%; text-align:center; margin-top: 10px;}

/*Content-games*/
#slider {width: 100%; height: 320px; position: relative;}
#imagegame { width: 369px; height: 396px; position: absolute; left: 110px; top: -80px; z-index: 10;}
#imagegame object {position: relative; left: -35px; z-index: 10;}

.gameleft {background: url("/images/navileft.png") 50% 50%; z-index: 12; display:block; width: 54px; height: 89px; margin-left: 50%; position: relative; top: 230px; right: 200px;}
.gameright {background: url("/images/naviright.png") 50% 50%; z-index: 12; display:block; width: 43px; height: 107px; margin-left: 50%; position: relative; top: 125px; right: 100px;}
.gameleft:hover{background: url("/images/navileftact.png") 50% 50%;}
.gameright:hover{background: url("/images/navirightact.png") 50% 50%;}

#maindescription {position: absolute; overflow: hidden; top: 0px; left: 530px; width: 370px; font-size: 13px; line-height: 20px; color: #cde4f5; }
#maindescription h1 {font-family: Arial; font-size: 20px; font-weight: normal; color:#fff;}
#maindescription a{color: #ffcc00; text-decoration: none;}
#maindescription a:hover{color: #ffcc00; text-decoration: underline;}
#descinner {position: relative;}

/*Content-news*/
#newslink {background: url("/images/newslink.gif"); width: 244px; height: 48px; z-index: 13; position: absolute; top: 411px; right: 0px; cursor: pointer;}
#newsm {position: absolute; margin-left: 50%; top: 450px; left: 345px; }
#newses {background: url("/images/newsblock.png") no-repeat; width: 244px; height: 0px; position: relative; top: 8px; right: 100px; overflow: hidden;}
#newcontain {width: 230px; height: 0px; overflow: hidden; margin-top: 10px; position: absolute; top: 0px; right: 115px;}
#newcontain a {display: block; margin: 5px 0px 10px 0px; padding: 0px;color: #ffc135; font-weight: bold; font-family: "Trebuchet MS"; font-size: 13px; text-decoration: underline;}
#newcontain a:hover {text-decoration: none;}
#newcontain div {padding: 0px 15px 0px 20px; display: block; color: #a0bbcf; line-height: 15px; font-size: 11px; height: 60px; overflow: hidden;}
#newcontain .divide {background: url("/images/newsdiv.gif") 60% 80% no-repeat; width: 159px; height: 20px; margin-left: 15px;}
#newcontain p {padding: 0px; margin: 0px;}
#allnews {position: relative; left: 100px; margin: 5px 0px;}
#allnews a {background: url("/images/arrownews.gif") 100% 50% no-repeat; display: block; width: 100px; font-size: 13px; padding-right: 5px; color:#FFCC00;}


/*Content-description*/

.contentdescription {width: 100%;}
.contentinner {float: left; color: #afcbd9;}
.whoweare {background: url("/images/whoweare.jpg") 0% 50% no-repeat;}
.whatwedo {background: url("/images/whatwedo.jpg") 0% 50% no-repeat;}
.letsdoitnow {background: url("/images/letsdoitnow.jpg") 0% 50% no-repeat;}
.whoweare, .whatwedo, .letsdoitnow {width: 230px; height: 190px; position: relative; padding: 30px 10px 0px 80px; font-size: 12px; line-height: 20px;}
.whoweare h1, .whatwedo h1, .letsdoitnow h1 {margin:0px 0px 10px 0px; padding: 0px; font-size: 24px;}
.maintext {font-size: 12px; color: #536c86; line-height: 20px; padding: 15px 20px; width: 940px;}
.readmore {background: url("/images/readmore.jpg"); position: absolute; bottom: 0px; right: 0px; width: 150px; height: 51px; float: right;}
.readmore a {position: relative; left: 37px; top: 15px; color: #ffcc00; text-decoration:none;}
.readmore a:hover {color: #fff;}
.contentdiv {background: url("/images/contentdiv.jpg"); height: 143px; width: 1px; font-size: 1px; float: left;}


/*Footer*/
.footer {background: url("/images/footerbg.jpg") 50% 50% no-repeat; width: 100%; margin: 0px auto; position: relative; height: 175px; margin-bottom: 5px;}
.footmenu {position:relative; top:97px; left:225px; list-style-type: none; margin: 0px auto; width: 440px; font-size: 11px;}
.footmenu li {float: left;}
.footmenu a {color: #afcbd9;}
.footmenu a:hover {text-decoration: none;}

.facebook, .myspace, .twitter, .rss {display: block; position: absolute; margin-left: 50%;}
.facebook {width: 25px; height: 28px; top: 80px; left: -300px;}
.myspace {width: 25px; height: 35px; top: 68px; left: -265px;}
.twitter {width: 25px; height: 28px; top: 80px; left: -230px;}
.rss {width: 25px; height: 28px; top: 68px; left: -185px;}

.underlogo, .footerlogo, .footerlogolink {position: absolute; margin-left: 50%; bottom: 7px; left: -420px; width: 178px;}
.underlogo {color: #fff; font-size: 32px; text-align: center; bottom: 2px;}
.footerlogo {background: url("/images/footerlogo.jpg"); height: 27px;}
.footerlogolink {display: block; height: 27px;}

.copyright, .simpleart {font-size: 11px; margin: 0px auto;}
.copyright {position:absolute; margin-left:50%; width: 400px; top: 125px; left: -230px;}
.copyright a{color:#1a3047; text-decoration:none;}
.simpleart {position:relative; width: 100px; top: 127px; left: 430px;}







#mesBox {
	margin-left: 50%;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #46647C;
	position: absolute;
	top: 120px;
	left: -420px;
	width: 840px;
}
.mesBoxerr {
	background: #DF0303;
	color: #FFFFFF;
}
.mesBoxok {
	background: #349934;
	color: #FFFFFF;
}

/*Header*/

#lang {
	position: absolute;
	margin-left: 50%;
	top: 12px;
	left: 430px;
	height: 40px;
	z-index: 15;
	display: none;
}

#lang a {
	text-decoration: none;
	color: #add8f1;
}

#lang a:hover {
	text-decoration: underline;
}

#lang .active {
	text-decoration: underline;
	color: #ffcc00;
}

#lang .active:hover {
	text-decoration: none;
}

#flame {
	background: url("/images/flame2.jpg");
	width: 1411px;
	height: 137px;
	margin-left: 50%;
	position: relative;
	right: 690px;
	z-index: 0;
}

#mainlogo {
	margin-left: 50%;
	position: absolute;
	background: url("/images/mainlogo.png");
	width: 315px;
	height: 74px;
	top: 21px;
	left: -467px;
}


.mainlogo {
	display: block;
	width: 300px;
	height: 81px;
	margin-left: 50%;
	position: absolute;
	top: 0px;
	left: -450px;
	z-index: 6;
}

#alcomi {
	display: block;
	position: absolute;
	margin-left: 50%;
	top: 33px;
	left: -350px;
	font-size: 37px;
	z-index: 0;
	height: 50px;
}

#menu {
	background: url("/images/menubg.png") no-repeat;
	width: 923px;
	height: 137px;
	margin-left: 50%;
	position: relative;
	right: 350px;
	top: -137px;

}

.menu {
	list-style-type: none;
	margin-left: 50%;
	position: relative;
	width: 800px;
	top: -276px;
	right: 200px;
	z-index: 1;
	font-size: 15px;
}

.menu li {
	float: left;
	padding-top: 45px;
	width: 90px;
	height: 20px;
	text-align: center;
}

.menu li.divider{
	background: url("/images/divider.gif") 50% 0% no-repeat;
	width: 1px;
	height: 15px;
}

.menu .active {
	background: transparent url("/images/active.png") 50% 50% no-repeat;

}

.menu .active a{
	color: #add8f1;
}

.menu .active a, .menu a {
	text-decoration: none;
}

.menu a:hover {
	color: #ffcc00;
}

#linkmenu {
	background: url("/images/linkmenu.gif") no-repeat;
	width: 823px;
	height: 19px;
	margin-left: 50%;
	position: absolute;
	top: 85%;
	left: -380px;
	z-index: 20;
}

#linkmenu ul {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	list-style-type: none;
	left: 50px;
	top: 25%;
}

#linkmenu li {
	float: left;
}

#linkmenu .divider {
	background: url("/images/linkarrow.gif") 50% 50% no-repeat;
	width: 8px;
	height: 10px;
	margin: 0px 5px;
}

#linkmenu li a {
	color: #ffcc00;
}

#linkmenu li a:hover {
	text-decoration: none;
}

#linkmenu li .onpage {
	color: #add8f1;
	text-decoration: none;
}

#linkmenu li .onpage:hover {
	text-decoration: underline;
}

/*Content - content*/
#news {
	position: relative;
	padding: 0px;
	float: left;
    display: inline;
	margin-left: 70px;
	width: 205px;
	z-index: 2;
}

#news h1 {
	margin-top: 7px;
	margin-left: 0px;
	padding: 0px 0px 0px 15px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	color: #afcbd9;
}

#news ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	line-height: 17px;
}

#news li.newsdiv {
	background: url("/images/bluediv.gif") no-repeat;
	width: 190px;
	height: 1px;
	font-size: 1px;
	margin: 20px 0px 20px 20px;

}

.c_date {
	/*background: url("/images/datebg.gif") -120% 0% no-repeat;*/
	width: 121px;
	height: 17px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #bfced9;
}

.link {
	padding-left: 0px;
	color: #ffcc00;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.link a {
	color: #ffcc00;
}

.link a:hover {
	text-decoration: none;
}

.news {
	padding-left: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #6f889a;
}

#news a:hover{
	text-decoration: none;
}

#contentdiv {
	position: relative;
	float: left;
	margin: 10px 30px;
	background: url("/images/contentdiv.gif");
	width: 1px;
	height: 570px;
	z-index: 2;
}

#c_content {
	float: left;
	width: 570px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #6f889a;
	line-height: 18px;
}


#c_content h1, #n_content h1 {
	margin-top: 10px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	color: #afcbd9;
}

#c_content a {
	color: #ffcc00;
}

#c_content a:hover {
	text-decoration: none;
}

#n_content {
	width: 800px;
	font-family: "Trebuchet MS";
	font-size: 13px !important;
	color: #6f889a;
	line-height: 18px;
	margin-left: 90px;
	margin-bottom: 90px;
	position: relative;
	z-index: 20;
}

#n_content ul {
	list-style-type: none;
        font-size: 14px;
}



/*Content - Game*/
#content {
	position: relative;
    padding-left: 90px;
	font-size: 13px;
	line-height: 15px;
	color: #6f889a;
	z-index: 90;
}

#description ul, #textnews ul {
    list-style-type: disc;
    list-style-position: inside;
}

#gscontent {
	margin-left: 120px;
	font-size: 13px;
	line-height: 15px;
	color: #6f889a;
}

#content h1 {
	color: #afcbd9;
	font-weight: normal;
}

#leftcol {
	float: left;
	width: 450px;
	position: relative;
    display: inline;
	z-index: 70;
}

#leftcol .divider {
	background: url("/images/bluedivlong.gif") no-repeat;
	width: 450px;
	height: 1px;
    font-size: 1px;
	margin: 20px 0px;
}

.username {
	background: url("/images/user.gif") 0% 70% no-repeat;
	padding-left: 15px;
	margin-top: 20px;
	font-size: 15px;
	color: #afcbd9;
}

.date {
	position: relative;
	left: 250px;
	top: -15px;
	font-size: 10px;
}

.commtop {
	background: url("/images/commenttopbg.gif") no-repeat;
	width: 351px;
	height: 17px;
	position: relative;
	top:1px;
}

.commentbg {
	background: url("/images/commentinbg.gif") repeat-y;
	width: 351px;
	font-size: 12px;
}

.comment {
	margin-left: 15px;
	width: 330px;
}

.commbottom {
	background: url("/images/commentbottombg.gif") no-repeat;
	width: 351px;
	height:11px;
}

.commtop, .commentbg, .commbottom {
	margin-left: 20px;
}

#formcomment {
	font-size: 11px;
}

#formcomment input{
	background: transparent url("/images/input.jpg");
	width: 268px;
	height: 18px;
	border: 2px #46647C solid;
        padding-top: 2px;
	margin-bottom: 10px;
}

#formcomment textarea {
	background: #d3dfe8 url("/images/textarea.jpg") repeat-x;
	width: 369px;
	height: 156px;
	border: 2px #46647C solid;
	margin-bottom: 10px;
	overflow: auto;
}

#formcomment table {

}

.captcha {
	width: 86px !important;
	height: 20px !important;
	margin-left: 5px;
	margin-bottom: 0px !important;
}

#formcomment button {
	background: transparent url("/images/formbutton.gif") no-repeat;
	width: 106px;
	height: 22px;
	border: none;
	margin-left: 250px;
	margin-top: 10px;
}

#rightcol {
	float: left;
	width: 370px;
    display: inline;
    margin-left: 20px;

}

#bigpict {
	margin-bottom: 30px;
	text-align: left;
}

#picture {
	border:3px #46647c solid;
}

.gamethumb {
	display: block;
	float: left;
	margin: 5px 9px 5px 0px;
}

.gamethumb img {
	border:3px #46647c solid !important;

}

#rightcol a img{
	border: none;
}

#gamevideo {
	margin-top: 30px;
	width: 330px;
	border: 3px solid #46647C;
}
#gamevideo object {
    	
        display: block;
}

#rating {
	background: url("/images/ratingbg.jpg") 0% 100% no-repeat;
	padding-left: 120px;
}

#rating h1 {
	margin-left: 10px;
	font-size: 20px;
}

#rating tr {
	height: 22px;
}

#rating th {
	font-size: 11px;
	font-weight: normal;
}

#rating .t1 {
	background: url("/images/ratingt1.gif") no-repeat;
	width: 22px;
	color: #fff;
	text-align: center;
}

#rating .t2 {
	background: url("/images/ratingt2.gif") no-repeat;
	width: 114px;
	font-size: 14px;
	color: #15406e;
	text-indent: 20px;
}

#rating .t3top {
	background: url("/images/ratingt3top.gif") no-repeat;
	width: 83px;
	color: #fff;
	font-weight: 600;
	text-indent: 20px;
}

#rating .t3 {
	background: url("/images/ratingt3.gif") no-repeat;
	width: 83px;
	color: #fff;
	font-weight: 600;
	text-indent: 20px;
}

#rating .inner {
	height: 10px;
}


/*Content - games*/

#gameswitch {
	width: 550px;
	height: 51px;
	margin-left: 50%;
	position: absolute;
	top: 130px;
	left: -70px;
	z-index: 50;
}

#iphone, #win, #psp {
	display: block;
	float: left;
	height: 40px;
	padding-top: 15px;

}

#iphone {
	background: url("/images/iphone.jpg") no-repeat;
	padding-left: 50px;

}

#win {
	background: url("/images/win.jpg") no-repeat;
	padding-left: 50px;
}

#psp {
	background: url("/images/psp.jpg") no-repeat;
	padding-left: 50px;
}

#iphone a, #win a, #psp a {
	display: block;
	font-size: 20px;
	text-decoration: underline;
	height: 30px;
	position: relative;
	top: -13px;
	text-align: center;
	padding-top: 15px;
}

#iphone a {
	width: 100px;
}

#win a {
	width: 150px;
}

#psp a {
	width: 100px;

}

#iphone .active, #win .active, #psp .active {
	background: url("/images/activeplatform.jpg") 50% 0% no-repeat;
	color: #add8f1;
	text-decoration: none;
}


#gameswitch a:hover {
	color: #ffcc00;
	text-decoration: none;
}



#gscontent {
	margin-left: 120px;

}

#gscontent h1 {
	color: #afcbd9;
	font-weight: normal;
}

#gscontent .image {
	display: block;
	width: 148px;
	height: 148px;
        position: relative;
        left: 73px;
        top: 10px;
}

#gscontent a img {
	border: none;
}

.game {
	background: url("/images/thumbgamebg.jpg") no-repeat;
	width: 270px;
	margin: 0px 0px 0px 0px;
	float: left;
        height: 210px;
}

.thumb {
	position: relative;
	display: block;
	width: 148px;
	height: 148px;

}

.name {
	background: url("/images/gamenamebg.jpg") 50% 50% no-repeat;
        width: 170px;
        height: 20px;
        padding-top: 10px;
        left: 60px;
        float: left;
	position: relative;
	top: 17px;
        display: block;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
}

.name:hover {
	color: #ffcc00;
}


.error {
	margin-left: 300px;
}

.error a {
	color: red;
}

.error a:hover {
	text-decoration: none;
}

#send{background:url("/images/send.jpg") !important; border:none !important; height: 22px !important; width: 50px !important;}
#c_content textarea {background:#d3dfe8 url("/images/textarea.jpg") repeat-x; border: 2px #46647C solid;}
#c_content input {background:#d3dfe8 url("/images/input.jpg") repeat-x; border: 2px #46647C solid; height: 19px; padding-top: 3px;}