* { margin:0; padding:0;}
body {
	background:url(images/body-bg.gif) left 3px #28262b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:0.875em;
}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p {
	margin-bottom:14px;
	font-size: 12px;
	color: #CCC;
}

.tail-top { background:url(images/tail-top.jpg) left top repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#search-form .search-input { background:url(images/search-input.gif) no-repeat left top; padding:4px 3px 5px 3px; width:162px; border:0; margin-right:2px; color:#89888c;}

.form { height:26px;}
.form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;}
textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;}

/*==================list====================*/
ul {
	list-style:none;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}

#top-menu { width:100%; overflow:hidden;}
#top-menu li { margin-left:-2px; float:left;}
#top-menu li a {
	display:block;
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	background:url(images/divider.gif) no-repeat left top;
	width:122px;
	text-align:center;
	line-height:38px;
}
#top-menu li a:hover { background:#111; background:url(images/menu1.gif) left top repeat-x; color:#111;}

#site-nav li { display:inline;}
#site-nav li a {
	display:block;
	background:url(images/site-menu-bg.png) no-repeat left top;
	width:212px;
	height:32px;
	font-size:1.1em;
	color:#CCC;
	text-transform:uppercase;
	text-indent:21px;
	text-decoration:none;
	line-height:28px;
	margin-top:-3px;
}
#site-nav li a:hover { text-decoration:underline;}

#login-form .input { width:142px; padding:4px 9px 5px 9px; background:url(images/login-input.gif) no-repeat left top; border:0; color:#969299; margin-right:3px;}
#login-form div { height:28px;}

.list1 { margin-bottom:8px;}
.list1 li { background:url(images/png_point.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/png_point.png', sizingMethod='scale',enabled=true); width:100%; margin-bottom:2px;}
.list1 li p { padding:17px 18px 26px 24px; margin:0;}
.list1 li p.alt { padding-bottom:24px;}
.list1 li span.alt { padding-bottom:0;}
.list1 li p.alignright { padding:10px 10px 20px 0; text-align:right;}
.list1 li p a { color:#89888c; text-decoration:none; display:block;}
.list1 li p a:hover { color:#fff; text-decoration:underline;}
.list1 li span { display:block; background:url(images/marker.gif) no-repeat left 3px; padding:0 0 10px 15px; margin-left:-15px; }
.list1 li strong {
	color:#0CF;
	font-weight:normal;
}
.list1 li em { color:#c8880d; font-style:normal;}
.list1 li em a {color:#c8880d;}

.list2 li { background:url(images/line-hor.gif) left bottom repeat-x; padding-bottom:19px; margin-bottom:10px; width:100%; overflow:hidden; color:#000;}
.list2 li img.fleft { margin:0 8px 0 0;}
.list2 li img { margin-right:2px;}
.list2 li span { color:#000; display:block; padding-bottom:8px;}
.list2 li span.alt { padding-bottom:0;}
.list2 li em { color:#fff; font-style:normal;}
.list2 li a.link2 {
	color:#0FF;
	text-decoration:underline;
}
.list2 li a.link2:hover { text-decoration:none;}
.list2 li a.link3 { color:#f39a11;}

.list3 li { background:url(images/line-hor1.gif) left bottom repeat-x; padding-bottom:22px; margin-bottom:10px; width:100%; overflow:hidden;}
.list3 li img.fleft { margin:0 13px 0 10px;}
.list3 li span { color:#000; display:block; padding-bottom:8px;}

.list4 {
	padding:0 0 0 9px;
	font-size: 0.625em;
}
.list4 dt {
	font-size:1.2em;
	color:#0CC;
	padding-bottom:4px;
}
.list4 dd { padding-bottom:16px;}
.list4 dd a {color:#89888c; text-decoration:underline;}
.list4 dd a:hover { text-decoration:none;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p2 { margin-bottom:6px;}

.quick-links {
	color:#0CF;
	text-align:center;
	line-height:1.9em;
}
.quick-links a { color:#c1c1c1; text-transform:uppercase;}

/*==================txt, links, lines, titles====================*/
a {
	color:#0CF;
	text-decoration:none;
}
a:hover { text-decoration:underline;}

h1 { font-size:3em; color:#fff; line-height:1em; letter-spacing:-1px;}
h1 a { color:#fff; text-decoration:none;}
h1 a:hover { text-decoration:none;}
h1 span { font-size:10px; color:#b3b0b4; display:block; position:relative; margin-top:-3px; letter-spacing:0;}
h2 { font-size:1.6em; color:#d6d5d6; margin-bottom:11px;}
h3 { color:#1f1e1f; font-size:1.6em; line-height:1em;}
h4 {
	font-size:1.2em;
	font-weight:normal;
	color:#0CF;
	padding:8px 0 5px 0
}
h4 a {
	color:#0CF;
	text-decoration:none;
}
h4 a:hover { color:#fff;}
h5 {
	font-size:1.2em;
	color:#CCC;
	font-weight:normal;
	padding:7px 0 0 0;
	text-align: justify;
}
h5 a { color:#fff; text-decoration:none; font-weight:bold;}
h5 a:hover { text-decoration:underline;}

.extra-link { float:right;}
.extra-link em { font-style:normal;}
.extra-link .left { background:url(images/link1-left.gif) no-repeat left top; display:block; float:left;}
.extra-link .right {
	background:url(images/link1-right.gif) no-repeat right top;
	height:20px;
	display:block;
	float:left;
	height:21px;
	width: auto;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 10px;
}
.extra-link a { background:url(images/link1-bg.gif) left top repeat-x; text-transform:uppercase; text-decoration:none; color:#e5e5e5; height:20px; display:inline-block; line-height:19px; cursor:pointer; letter-spacing:-1px; padding-right:2px;}
.extra-link a:hover {
	color:#0CF;
}

.title-box { background:url(images/title-bg.gif) left top repeat-x; width:100%; margin-bottom:3px;}
.title-box .left { background:url(images/title-left.gif) no-repeat left top;}
.title-box .right { background:url(images/title-right.gif) no-repeat right top; height:40px;}
.title-box h2 {padding:13px 0 0 20px; margin:0;}

.top-game-box {
	width:100%;
	overflow:hidden;
	background: 171718;
}
.top-game-box h1 { padding:0 0 9px 11px; float:left;}
.top-game-box .rating { float:right; padding:9px 18px 0 0; color:#b3b0b4;}
.top-game-box .rating img { margin-left:2px;}
.top-game-box .rating p { margin-bottom:11px;}
.top-game-box .rating span { color:#d8d6d8;}


/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-x #38363a; width:100%; margin-bottom:17px;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:13px 0 20px 10px;}

.box1 { background:url(images/box1-bg.gif) left top repeat-x #343236; width:100%;}
.box1 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border-left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-right1.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/border-bot1.gif) no-repeat left bottom; }
.box1 .inner { padding:13px 0 20px 10px;}
.box1 .inner1 { padding:13px 20px 20px 10px;}
.box1 h3 { background:url(images/line-hor2.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px; color:#d3d2d3;}

.box2 { background:url(images/box2-bg.gif) left top repeat-x #3f3d40; width:100%; margin-bottom:7px;}
.box2 .border-bot {background:url(images/border-bot2.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border-left2.gif) repeat-y left;}
.box2 .border-right {background:url(images/border-right2.gif) repeat-y right;}
.box2 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; }
.box2 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; }
.box2 .inner { padding:16px 8px 12px 7px;}

.box3 {
	background:url(images/box3-bg.gif) left top repeat-x #38363a;
	width:100%;
}
.box3 .border-bot {background:url(images/border-bot3.gif) repeat-x bottom;}
.box3 .border-left {background:url(images/border-left3.gif) repeat-y left;}
.box3 .border-right {background:url(images/border-right3.gif) repeat-y right;}
.box3 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top;}
.box3 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top;}
.box3 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom; }
.box3 .inner { padding:10px 8px 10px 10px;}

.box4 {
	width:100%;
	background-color: #565457;
	background-image: url(images/box4-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.box4 .border-bot {background:url(images/border-bot4.gif) repeat-x bottom;}
.box4 .border-left {background:url(images/border-left4.gif) repeat-y left;}
.box4 .border-right {background:url(images/border-right4.gif) repeat-y right;}
.box4 .left-top-corner {background:url(images/left-top-corner4.gif) no-repeat left top;}
.box4 .right-top-corner {background:url(images/right-top-corner4.gif) no-repeat right top;}
.box4 .left-bot-corner {background:url(images/left-bot-corner4.gif) no-repeat left bottom; }
.box4 .right-bot-corner {background:url(images/right-bot-corner4.gif) no-repeat right bottom; }
.box4 .inner { padding:20px 10px 10px 10px;}
.box4 h3 { background:url(images/line-hor.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px;}

.box5 {
	background:url(images/box5-bg.gif) left top repeat-x #171718;
	width:100%;
	color:#89888c;
}
.box5 .left-top-corner {background:url(images/left-top-corner5.gif) no-repeat left top;}
.box5 .right-top-corner {background:url(images/right-top-corner5.gif) no-repeat right top;}
.box5 .left-bot-corner {background:url(images/left-bot-corner5.gif) no-repeat left bottom; }
.box5 .right-bot-corner {background:url(images/right-bot-corner5.gif) no-repeat right bottom; }
.box5 .inner { padding:20px 10px 10px 10px;}
.box5 h3 { background:url(images/line-hor1.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px; color:#cbcbcb;}

.box6 {background:url(images/png_point.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/png_point.png', sizingMethod='scale',enabled=true); width:100%;}
.box6 .inner { padding:17px 20px 21px 24px;}

.footer-box { background:url(images/footer-bg.gif) left top repeat-x; width:100%;}
.footer-box .left { background:url(images/footer-left.gif) left top repeat-x;}
.footer-box .right { background:url(images/footer-right.gif) no-repeat right top; height:46px;}
.footer-box p { margin:0; padding:13px 20px 0 0; text-align:right; text-transform:uppercase;}


/*header*/
#header .row-1 {
	height:105px;
	text-align: right;
}
#header .row-1 .fleft { padding:35px 0 0 40px;}
#header .row-1 .fright { padding:45px 28px 0 0;}
#header .row-2 { height:38px; background:url(images/menu-bg.gif) left top repeat-x; margin:0 9px;}

/*content*/
#content { padding:20px 9px 18px 9px;}

/*footer*/
#footer { padding:0 9px 0 9px; color:#7c7b7d;}
#footer a {color:#7c7b7d;}

/*==========================================*/
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td h3 span strong {
	color: #000;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td h3 strong {
	color: #000;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-size: 12px;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-weight: bold;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-weight: normal;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-family: Verdana, Geneva, sans-serif;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-size: 12px;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	color: #CCC;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-family: Verdana, Geneva, sans-serif;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	font-size: 12px;
}
#page1 .tail-top #main #content .wrapper #right-side .box2 .border-right .border-bot .border-left .left-top-corner .right-top-corner .left-bot-corner .right-bot-corner .inner table tr td span ul li {
	color: #999;
}