/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.gif) top repeat-x #242428; text-align:center; margin-top:15px;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.417em; color:#5b5b5d;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#5b5b5d; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
h1{ font-size:1.167em; padding:4px 0 6px 10px;}
h2{ font-size:1.167em; padding:4px 0 6px 10px;}
/* ============================= main layout ====================== */
.imgindent {margin:3px 13px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{margin-left:4px;}
.space2{ margin-left:14px;}
.space3{ margin-left:6px;}
.margin0{ margin-top:6px;}
.margin1{ margin-top:10px;}
.margin2{ margin-top:15px !important;}
.margin3{ margin-top:30px !important;}
.margin4{ margin-top:10px;}
.padding1{ padding-top:6px !important;}
.padding2{ padding-top:3px !important;}
.game_heigher_499{ width:968px!important;}
/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) no-repeat 0 0;}
#header .top{
	height:100px;
	width:100%;
	overflow:hidden;
}
#header .logo{
	padding:0px 0 0 0px;
}

#header .menu1{ padding:61px 0 0 17px;}
#header .menu1 li{ float:left; padding-left:15px; color:#3f3f3f;}
#header .menu1 a{ color:#757474; text-decoration:none; font-weight:bold; display:inline-block; margin-right:15px;}
#header .menu1 a:hover, #header .menu1 .active{ color:#fff;}

#header .menu2{ padding:37px 0 0 12px;}
#header .menu2 li{ float:left; padding-left:15px; color:#e1e1e1;}
#header .menu2 a{ color:#e1e1e1; text-decoration:none; font-weight:bold; display:inline-block; margin-right:15px;}
#header .menu2 a:hover, #header .menu2 .active{ color:#ff9000;}

#header .menu{ width:100%; overflow:hidden;}
#header .menu li{ float:left; font-size:1.083em; padding-top:17px;}
#header .menu a{ color:#1e1e21; text-decoration:none; display:inline-block; text-align:center; background:url(images/menu-item-tail.gif) bottom repeat-x; cursor:pointer; margin-top:8px;}
#header .menu a span{ display:inline-block; background:url(images/menu-border.gif) bottom left no-repeat; width:135px; padding:8px 0 9px 0;}
#header .menu a:hover, #header .menu .active{ margin-top:0;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#fff; padding:10px 0 15px 0; font-weight:bold;}

/* ============================= content ====================== */
#content{
	background:#4c4c4e;
	padding:5px 5px 5px 5px;
	float: left;
}
.middle_content{
	width:478px;
	float:left;
}
.right_content{
	width:310px;
	float:left;
	margin-left: 5px;
}

.box1{ background:#131315; padding:9px 9px 9px 9px;}
.box1 h3{ font-size:1.417em; color:#fff; background:url(images/title-tail.gif) top repeat-x; padding:8px 0 9px 7px;}

.mimg{float:left;width:988px;height:112px;background:url('images/middle.png') repeat-x;}

.mimg .image1{float:left;width:82px;margin-top:13px;margin-left:16px;}
.mimg .image1 .img1{
	clear:both;
	float:left;
	width:82px;
	height:93px;
}
.mimg .image1 .act{clear:both;float:left;width:82px;text-align:center;font:bold 14px Arial;color:#ffffff;margin-top:4px;}
.mimg .image1 .act a{color:#ffffff;text-decoration:none;}
.mimg .image1 .act a:hover{color:#ffffff;text-decoration:none;}

.mimg .image2{float:left;width:82px;margin-top:13px;margin-left:27px;}
.mimg .image2 .img1{clear:both;float:left;width:82px;height:72px;}
.mimg .image2 .act{clear:both;float:left;width:82px;text-align:center;font:bold 14px Arial;color:#ffffff;margin-top:4px;}
.mimg .image2 .act a{color:#ffffff;text-decoration:none;}
.mimg .image2 .act a:hover{color:#ffffff;text-decoration:none;}

.box2{ background:#1f1f22; width:100%;}
.box2 .indent{ padding:8px 0px 12px 7px;}
.box2 .indent1{ padding:8px 5px 12px 7px;}
.box2 strong{ font-weight:normal; color:#fff;}

.box3{
	padding:5px 5px 5px 5px;
	background-color: #CCC7C7;
	float: left;
}
.box3 h3{ font-size:1.417em; color:#1f1f22; padding-bottom:10px;}

.box_footer{
	padding:5px 5px 5px 5px;
	background-color: #CCC7C7;
	margin-right: auto;
	margin-left: auto;
	width: 978px;
	/*height: 610px;*/
}
.box_footer h3{ font-size:1.417em; color:#1f1f22; padding-bottom:10px;}

.box4 .indent{ background:url(images/box4-tail.gif) top repeat-x #0d0d0f; font-size:0.917em; color:#727277; padding:9px 5px 11px 12px; line-height:1.727em;}
.box4 .indent_2{
	background:url(images/box4-tail.gif) top repeat-x #0d0d0f;
	font-size:0.917em;
	color:#727277;
	padding:3px;
	line-height:1.25em;
	height: 27px;
	text-align: center;
}
.box4 .indent_3{
	background:#222222;
	font-size:0.917em;
	color:#727277;
	padding:3px;
	line-height:1.25em;
	float: left;
	height: 94px;
	width: 106px;
}
.box4 .indent_3 .game_title {font:bold 11px Arial}
.box4 .indent_3 .game_desc {
	font:10px Arial;
	color: #CCCCCC;
}
.box4 .indent_4{
	background:#222222;
	font-size:0.917em;
	color:#727277;
	padding:3px;
	line-height:1.25em;
	float: left;
	height: 94px;
	width: 124px;
}
.box4 .indent_4 .game_title {font:bold 11px Arial}
.box4 .indent_4 .game_desc {
	font:10px Arial;
	color: #CCCCCC;
}
.top_rated_img{
	width:116px;
	float:left;
	background-color: #222222;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}
.box4 a{ color:#fff; font-weight:bold; text-decoration:none;}
.box4 a:hover{ color:#727277;}

.box5{
	background:#999999;
	color:#777777;
	float: left;
	width: 100%;
}
.box5 .indent{
	padding:5px;
}
.box5 .indent1{
	padding:5px;
	text-align:center;
}
.box5 strong{ color:#fff;}

.block{ padding-top:10px; width:100%; overflow:hidden; font-size:0.917em; color:#fff;}
.link1{ display:inline-block; background:url(images/link1-tail.gif) top repeat-x; color:#fff; text-decoration:none; font-weight:bold; float:right;}
.link1 span{ display:block; background:url(images/link1-left-bg.gif) left top no-repeat;}
.link1 span span{ background:url(images/link1-right-bg.gif) right top no-repeat; padding:1px 11px 2px 7px;}
.link1:hover{ background:url(images/link1-tail-act.gif) top repeat-x;}
.link1:hover span{ background:url(images/link1-left-bg-act.gif) left top no-repeat;}
.link1:hover span span{ background:url(images/link1-right-bg-act.gif) right top no-repeat;}

.link2{ display:inline-block; background:url(images/link2-tail.gif) top repeat-x; color:#000; text-decoration:none; font-weight:bold; float:right; font-size:0.917em; margin-top:16px;}
.link2 span{ display:block; background:url(images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(images/link2-right-bg.gif) right top no-repeat; padding:1px 7px 2px 7px;}
.link2:hover{ background:url(images/link2-tail-act.gif) top repeat-x;}
.link2:hover span{ background:url(images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span{ background:url(images/link2-right-bg-act.gif) right top no-repeat;}

.link3{ display:inline-block; font-weight:bold; margin-top:22px; font-size:0.917em; color:#858587;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:5px;}

.rating{ background:url(images/rating-tail.gif) top repeat-x; float:left;}
.rating .left-bg{ background:url(images/rating-left-bg.gif) top left no-repeat;}
.rating .right-bg{ background:url(images/rating-right-bg.gif) top right no-repeat; padding:2px 16px 1px 6px;}
.rating span{ display:inline-block; margin-left:10px;}
.extra{ margin-right:7px;}

.rating2{ width:100%; overflow:hidden; padding-top:29px;}
.rating2 .link2{ float:right; margin:0;}

.title1{ background:url(images/title1-bg.gif) top repeat-x; color:#242428;}
.title2{ background:url(images/title2-bg.gif) top repeat-x; color:#ffffff;}
.title3{ background:url(images/title3-bg.gif) top repeat-x; color:#ffffff;}

.list li{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:8px}
.list .last{ margin-bottom:0;}
.list a{ color:#e6e4e4; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:12px; text-decoration:none;}
.list a:hover{ color:#ff5d00;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-tail.gif) top repeat-x; font-size:0.917em;}
#footer .menu{ height:28px; text-align:center; padding-top:10px; padding-left:5px;}
#footer .menu li{ display:inline; color:#1d1d1f; padding-left:13px;}
#footer .menu a{ color:#1d1d1f; text-decoration:none; display:inline-block; margin-right:14px;}
#footer .menu a:hover{ color:#fff;}

#footer p{ text-align:left; padding-top:4px; color:#4c4c4e;}
#footer p a{
	color:#333333;
	text-decoration:none;
	display:inline-block;
	margin-left:10px;
}
#footer p a:hover{ color:#4c4c4e;}
.footer_text {
	padding:5px;
	text-align:left;
	color:#000000;
	padding-top: 2px;
}
/* ============================= forms ============================= */
#SearchForm{
	float:left;
	padding:0px 0px 0 0;
}
#SearchForm .input1{
	border:solid 0px;
	background:url(images/search-form-bg.gif) left top no-repeat #343436;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ffffff;
	padding:4px 2px 3px 3px;
	width:276px;
	vertical-align:top;
}