@charset "utf-8";
/* CSS Document */
body{
	background:#38424d;
	margin:20px 0;
	padding:0;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:16px;
	color:#666;
       -webkit-text-size-adjust:none;
	}
/*>>>>>>>>----Predefined Function-------------->>>>>*/

img{border:0}
p{ line-height:24px; font-size:16px; }

h1{ 
	font-size:24px; 
	font-weight:normal; 
	color:#666;
	margin:5px 0;
	}
h2{
	font-size:16px;
	color:#333;
	}
h2 small{ color:#ff6600; font-size:16px}

a{ color:#ff6600; outline:none;}
.terms{color:#ffff;text-decoration:none;}

/*>>>>>>>>----Main------------->>>>>*/

#mai_wrapper{
	margin:0 auto;
	width:850px;
	background:#fff url(images/main_bg.gif) repeat-y;
	height:100%;
	}
#header{
	background:url(images/header_top.gif) 0 0 repeat-x;
	height:90px;
	display:block;
	position:relative;
	}



a.freequote{ 
	background:url(images/freequote.gif) no-repeat; 
	display:block; 
	width:225px; 
	height:37px; 
	position: absolute; 
	right:25px; 
	top:4px; 
	text-decoration:none
	}
a.freequote:hover{ 
	background:url(images/freequote.gif) no-repeat  0 -38px ; 
	display:block; 
	width:225px; 
	height:37px; 
	position: absolute; 
	right:25px; 
	top:4px; 
	text-decoration:none
	}

.logo{
	float:left;
	width:195px;
	height:60px;
	padding:30px 0 0 40px;
	background:url(images/header_tl.gif) no-repeat 0 0;
	display:block;
	}
.header_right{ 
	float:right;
	width:577px;
	padding:50px 33px 0 0;
	height:40px;
	background: url(images/header_tr.gif) no-repeat 100% 0;
	
	}/*>>>>>>>>----Pagenav section------------->>>>>*/
#intro{ 
	width:784px; 
	display:block;
	padding:0 33px;
	}

.intro_index{ background:url(images/intros.jpg) no-repeat; display:block; width:784px; height:240px;clear:both}
.intro_games{ background:url(images/intros.jpg) no-repeat 0 -243px; display:block; width:784px; height:121px; clear:both}
.intro_services{ background:url(images/intros.jpg) no-repeat 0 -367px; display:block; width:784px; height:121px; clear:both}
.intro_contact{ background:url(images/intros.jpg) no-repeat 0 -493px;  display:block; width:784px; height:121px; clear:both}

#page_nav{ display:block;
	clear:both; 
	margin:0 auto; 
	}
#page_nav ul{ 
	height:26px;
	float:right; 
	margin:0; 
	padding:0 15px 0 0 ;
	}
#page_nav li{ 
	list-style:none; 
	display:inline;
	
	}
#page_nav li a{ 
	display:block; 
	float:left;
	background:url(images/nav_lc.gif) no-repeat 0 0;
	height:26px;
	padding-left:13px;
	color:#666; 
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
	margin-right:4px;
	}
#page_nav li a span{
	float:left;
	display:block; 
	background:url(images/nav_rc.gif) no-repeat 100% 0;
	padding:6px 23px 4px 10px;
	height:16px;
	cursor:pointer;
	}
#page_nav li a:hover{
	background:url(images/nav_lc_over.gif) no-repeat 0 0; 
	color:#fff;
	}
#page_nav li a:hover span{
	background:url(images/nav_rc_over.gif) no-repeat 100% 0; 
	cursor:pointer;
	}
#page_nav_active{
	display:block; 
	float:left;
	background:url(images/nav_lc_over.gif) no-repeat 0 0;
	height:26px;
	padding-left:13px;
	color:#fff; 
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
	margin-right:4px;
	}
#page_nav_active span{
	float:left;
	display:block; 
	background:url(images/nav_rc_over.gif) no-repeat 100% 0;
	padding:6px 23px 4px 10px;
	height:16px;
	cursor:pointer;
	}
#page_nav_active span{background:url(images/nav_rc_over.gif) no-repeat 100% 0; 
	cursor:pointer}
#content_wrapper{
	width:775px; 
	clear:both; 
	margin:0 auto;
	display:block;
	padding:20px 35px 0 40px; 
	}
.news{
	float:right; 
	width:210px; 
	padding-left:10px; 
	border-left:1px solid #ccc;
}
.news ul{ margin:0;padding:0}
.news ul li{
	list-style:none;
	}
.news ul li h2{ 
	color:#ff6600; 
	font-size:14px; 
	margin:0; 
	padding:0
	}
.news ul li {
	display:block;
	/*background:url(images/arrow_gray.gif) no-repeat 100% 50%;*/
	border-bottom:1px solid #ccc;
	color:#999; 
	font-size:14px;
	padding:10px 3px 10px 0;
	text-decoration:none;
	}
.news ul li a:hover{ /*background:url(images/arrow_orange.gif) no-repeat 100% 50%;*/}
.news ul li p{ margin:5px 0; font-size:14px;}

.clear{ clear:both; overflow:hidden; height:0px;}

.welcome{ margin:0; padding:0 0 0 20px}
.welcome li{
	list-style:none;
	background:url(images/bullet_1.gif) no-repeat 0 6px;
	color:#666;
	line-height:24px;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
	margin:10px 0	
	}
/*>>>>>>>>----footer section------------->>>>>*/
#footer{ 
	background:url(images/footer_bg.gif) repeat-x 0 0;
	height:70px;
	clear:both;
	margin:20px auto 0 auto;
	
	}
#footer_left{
	display:block;
	background:url(images/footer_leftcurve.gif) no-repeat 0 0;
	clear:both; 
	margin:0 auto;
	width:100%;
	float:left;
	height:70px;
	
	}
#footer_right{ 
	background:url(images/footer_rightcurve.gif) no-repeat 100% 0; 
	float:right;
	height:35px;
	padding:35px 0 0 0;
	text-align:center;
	color:#fff; font-size:14px;
	display:block;
	width:100%;
	}
.copyright{ 
	font-size:18px; 
	font-weight:bold;
	}
/*>>>>>>>>----Games section------------->>>>>*/
.games{ 
	width:400px;
	float:left;
	}

.games ul{ 
	
	background:url(images/ul_bg.gif) repeat-y 100% 0;
	padding:0 25px 0 0px ;
	margin:0;
	}
.games ul li{ 
	
	list-style:none; 
}
.games ul a{ 
	height:85px;
	display:block;
	background:url(images/arrow_gray.gif)  no-repeat 100% 50%; 
	border-bottom:1px solid #ccc;
	padding:10px 0;
	text-decoration:none;
	}

.games ul a:hover{ background:url(images/arrow_orange.gif) no-repeat 100% 50%; }
.games ul a:hover h2{ color:#ff6600}
.games ul a span{ display:block; cursor:pointer}
	
.game_icon{ float:left; display:block}
.game_descript{ padding:5px 10px 0 8px; width:250px; float:left;}
.game_descript p{margin:5px 0 0 0; padding:0; color:#666; line-height:18px; font-size:14px}
.games ul a h2{ color:#333; font-size:16px; margin:0; padding:0}

/*>>>>>>>>----apps section------------->>>>>*/

.apps{ 
	width:360px;
	float:left;
	}

.apps ul{ 
	
	padding:0;
	
	margin:0;
	}
.apps ul li{ 
	
	list-style:none; 
}
.apps ul a{ 
	height:85px;
	display:block;
	background:url(images/arrow_gray.gif)  no-repeat 100% 50%; 
	border-bottom:1px solid #ccc;
	padding:10px 0;
	text-decoration:none;
	}
.apps ul a span{ display:block; cursor:pointer}
.apps ul a:hover{ background:url(images/arrow_orange.gif) no-repeat 100% 50%; }
.apps ul a:hover h2{ color:#ff6600} 
	
.apps_icon{ float:left; width:80px;}
.apps_descript{ padding:5px 10px 0 8px; width:240px; float:left;}
.apps_descript p{margin:5px 0 0 0; padding:0; color:#666; line-height:18px;font-size:14px}
.apps ul a h2{ color:#333; font-size:16px; margin:0; padding:0}




/*.game_box h2{ 
	font-size:16px; 
	color:#333; 
	margin:0; 
	padding:0
	}
.game_box td{
	padding-left:5px; 
	font-weight:bold; 
	font-size:12px; 
	color:#555;
	}
.game_box_rank{
	color:#ff6600; 
	font-weight:bold;
	}*/
.submit{
	background:#ff6600 url(images/button_bg.gif) repeat-x 0 0 ;  
	height:22px; 
	border:1px solid #d07300;
	color:#fff;
	}