@charset "ISO-8859-1";


/*-----------------MAIN NAVIGATION ITEMS------------------*/

#games {
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 18px;
}
	  #games a {
		  display: block;
		  height: 23px;
		  width: 89px;
		  background-image: url(../images/btn_games.png);
	  }
			#games a:hover {
				background-position: 0px -23px;	
			}
			
			
#about {
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 18px;
}
	  #about a {
		  display: block;
		  height: 23px;
		  width: 92px;
		  background-image: url(../images/btn_about.png);
	  }
			#about a:hover {
				background-position: 0px -23px;	
			}
			
			
#news {
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 20px;
}
	  #news a {
		  display: block;
		  height: 23px;
		  width: 101px;
		  background-image: url(../images/btn_news.png);
	  }
			#news a:hover {
				background-position: 0px -23px;	
			}
			

/*-----------------HOME PAGE TOGGLE BUTTONS------------------*/

#toggle {
	height: 18px;
	width: 70px;
	margin-left: 13px;
	margin-top: 33px;
}

#togg1 {
	display: block;
	float: left;
	margin-right: 8px;
}
	  #togg1 a {
		  display: block;
		  height: 18px;
		  width: 18px;
		  background-image: url(../images/toggle_1.png);
	  }
			#togg1 a:hover {
				background-position: 0px -18px;	
			}


#togg2 {
	display: block;
	float: left;
	margin-right: 8px;
}
	  #togg2 a {
		  display: block;
		  height: 18px;
		  width: 18px;
		  background-image: url(../images/toggle_2.png);
	  }
			#togg2 a:hover {
				background-position: 0px -18px;	
			}



#togg3 {
	display: block;
	float: left;
}
	  #togg3 a {
		  display: block;
		  height: 18px;
		  width: 18px;
		  background-image: url(../images/toggle_3.png);
	  }
			#togg3 a:hover {
				background-position: 0px -18px;	
			}
			

/*--------------------BOX BUTTONS---------------------*/


#readmore {
	display: block;
	float: left;
	bottom: 15px;
	position: absolute;
	left: 13px;
}
	  #readmore a {
		  display: block;
		  height: 24px;
		  width: 88px;
		  background-image: url(../images/btn_readmore.png);
	  }
			#readmore a:hover {
				background-position: 0px -24px;	
			}
			
			
#readmore2 {
	display: block;
	float: left;
	bottom: 15px;
	position: absolute;
	left: 13px;
}
	  #readmore2 a {
		  display: block;
		  height: 24px;
		  width: 88px;
		  background-image: url(../images/btn_readmore.png);
	  }
			#readmore2 a:hover {
				background-position: 0px -24px;	
			}
			
			
			
#allgames {
	display: block;
	position: absolute;
	left: 0px;
	top: 141px;
}
	  #allgames a {
		  display: block;
		  height: 24px;
		  width: 111px;
		  background-image: url(../images/btn_allgames.png);
	  }
			#allgames a:hover {
				background-position: 0px -24px;	
			}


/*--------------------GAME BOXES---------------------*/

.viewdetails-box {
	float: left;
	height: 25px;
	width: 288px;
	margin-top: 20px;
	position: relative;
}
.indev-btn {
	float: right;
	height: 24px;
	width: 120px;
	top: -4px;
	position: absolute;
	right: 0px;
}
.arrow {
	float: left;
	height: 17px;
	width: 17px;
	margin-top: 0px;
	position: absolute;
	left: 75px;
	top: 1px;
}
#gamenav {
	background-image: url(../images/bg_strip_boxes.png);
	background-repeat: repeat-x;
	float: left;
	height: 193px;
	width: 181px;
	margin-top: 40px;
	margin-left: 13px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#gamenav .game {
	height: 15px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 12px;
	font-weight: lighter;
}
#gamenav a {
	font-size: 12px;
	font-weight: lighter;
	color: #FFF;
	text-decoration: none;
}
#gamenav a:hover {
	font-size: 12px;
	font-weight: lighter;
	color: #F2671A;
	text-decoration: none;
}

#gamebox-large a {
	font-size: 12px;
	font-weight: lighter;
	color: #FFF;
	text-decoration: none;
}
#gamebox-large a:hover {
	font-size: 12px;
	font-weight: lighter;
	color: #F2671A;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F47C32;
}



/*--------------------GAME PAGE  NAV---------------------*/

#gamenav #game1 {
}
#gamearrow {
	height: 12px;
	width: 9px;
	position: absolute;
	left: 419px;
	top: 157px;
	visibility: hidden;
}
#gamearrow a:hover {
	visibility: visible;
}
#gamebox-news a {
	font-size: 12px;
	font-weight: lighter;
	color: #FFF;
	text-decoration: none;
}
#gamebox-news a:hover {
	font-size: 12px;
	font-weight: lighter;
	color: #F2671A;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F47C32;
}

/*--------------------CLIENT ZONE  NAV---------------------*/

#clientzone {
	float: right;
	margin-left: 10px;
	text-decoration: none;
	border: none;
	border-bottom-style: none;
}
#clientzone:hover {
	border-bottom-style: none;
}

#clientzone a {
		  display: block;
		  height: 24px;
		  width: 91px;
		  background-image: url(../images/btn_clients.png);
		  text-decoration: none;
		  border: none;
		  border-bottom-style: none;
	  }
#clientzone a:hover {
	background-position: 0px -24px;	
	text-decoration: none;
	border: none;
	border-bottom-style: none;
}
