/*------------------------------------------------------*/
/* =HTML ELEMENTS					*/
/*-----------------------------------------------------*/
body {
	background: #557f3d url(../images/bg.jpg) no-repeat top center;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 12px;
}

a{
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {

}

span {

}

/*------------------------------------------------------*/
/* =FLOAT CLASSES					*/
/*-----------------------------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	line-height: 0;
}

/*------------------------------------------------------*/
/* =LAYOUT						*/
/*-----------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
	width: 993px;
}

/*	HEADER	*/
#header {
	background: url(../images/header.png) no-repeat;
	height: 170px;
	padding-top: 40px;
	position: relative;
}

#header p {
	color: #fff;
	font-style: italic;
	font-size: 11px;
	padding: 0 5px 0 110px;
}

/*	LOGO	*/
#logo {
	background: url(../images/logo.png) no-repeat;
	height: 75px;
	margin-left: 260px;
	width: 375px;
}

#logo a {
	display: block;
	height: 75px;
	width: 375px;
}


/*------------------------------------------------------*/
/* =MENU							*/
#menu {
	position: absolute;
	bottom: 11px;
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 0 110px;
}

#menu li {
	float: left;
	background: url(../images/menu.jpg) no-repeat right;
}

#menu a {

	color: #fff;
	display: inline-block;
	height: 27px;
	padding: 10px 15px 0 15px;
}

#menu a:hover {
	background: url(../images/menu-hover.jpg) repeat-x;
	text-decoration: none;
}

/*	HEADER FORM	*/
#header form {
	position: absolute;
	bottom: 3px;
	right: -10px;
}

#header input {
	background: #fff;
	border: none;
	color: #ababab;
	float: left;
	font-size: 11px;
	height: 20px;
	margin: 22px 15px 0 0;
	padding: 5px 0 0 6px;
	width: 173px;
}

#header input.button {
	background: transparent url(../images/search-button.png) no-repeat;
	border: none;
	height: 57px;
	margin: 5px 11px 0 0;
	width: 60px;
}

#header input.button:hover {
	background: transparent url(../images/search-button.png) no-repeat 0 -58px;
	cursor: pointer;
}



/*------------------------------------------------------*/
/* =CONTENT						*/
#content {	
	background: url(../images/content.png) repeat-y;
	margin: 0 auto;
	overflow: hidden;		/*clears the floats*/
	width: 993px;			
}

#main {
	float: left;
	overflow: hidden;		/*clears the floats*/
	padding-top: 10px;
	width: 787px;
}

/*	GAME	*/
.gameContainer {
	overflow: hidden;	/*clears the floats*/
	width: 100%;		/*IE and some older versions of Opera needs this to clear the floats*/	
}

.game{
	float: left;
	font-family: tahoma, serif;
	font-size: 11px;
	margin: 5px 10px 0 0;
	width: 186px;
}

.game h2 {
	color: #fff;
	font-family: "comic sans ms";
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 17px 0 8px 65px;
}

.game ul {
	padding: 2px 0 0 21px;
}

.game li {
	padding-bottom: 7px;
}

.game a {
	color: #fff;
}

/*	GAME BLUE	*/
.gameBlue ul {
	background: url(../images/game-blue.jpg) repeat-y;
}

.gameBlue h2 {
	background: url(../images/game-blue-h2.jpg) no-repeat;	
}

.gameBlueBottom {
	background: url(../images/game-blue-bottom.jpg) no-repeat;
	height: 13px;
	margin-top: -4px;
}

/*	GAME RED	*/
.gameRed  ul{
	background: url(../images/game-red.jpg) repeat-y;
}

.gameRed h2 {
	background: url(../images/game-red-h2.jpg) no-repeat;	
}

.gameRedBottom {
	background: url(../images/game-red-bottom.jpg) no-repeat;
	height: 13px;
	margin-top: -4px;
}

/*	GAME GREEN	*/
.gameGreen ul{
	background: url(../images/game-green.jpg) repeat-y;
}

.gameGreen h2 {
	background: url(../images/game-green-h2.jpg) no-repeat;	
}

.gameGreenBottom {
	background: url(../images/game-green-bottom.jpg) no-repeat;
	height: 13px;
	margin-top: -4px;
}

/*	GAME ORANGE	*/
.gameOrange  ul{
	background: url(../images/game-orange.jpg) repeat-y;
}

.gameOrange h2 {
	background: url(../images/game-orange-h2.jpg) no-repeat;	
}

.gameOrangeBottom {
	background: url(../images/game-orange-bottom.jpg) no-repeat;
	height: 13px;
	margin-top: -4px;
}

/*	FEATURED GAME	*/
.featuredContainer {
	overflow: hidden;
	width: 100%;
}

.featured {
	float: left;
	height: 193px;
	margin: 10px 11px 0 -2px;
	text-align: center;
	width: 187px;
}

.featured h2 {
	color: #fff;
	font-family: "comic sans ms";
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 15px 0;
}

.featured a {
 color:#FFFFFF;
 display:block;
 font-size:13px;
 font-weight:bold;
} 

.featuredOrange {
 background: url(../images/featured-orange.jpg) no-repeat -2px 0;
}

.featuredBlue {
 background: url(../images/featured-blue.jpg) no-repeat 1px 0;
}

.featuredRed {
 background: url(../images/featured-red.jpg) no-repeat 1px 0;
}

.featuredGreen{
 background: url(../images/featured-green.jpg) no-repeat 2px 0;
}


.playBlue {
	background: url(../images/play-blue.jpg) no-repeat;
}

.playRed {
	background: url(../images/play-red.jpg) no-repeat;
}

.playGreen {
	background: url(../images/play-green.jpg) no-repeat;
}

.playYellow{
	background: url(../images/play-yellow.jpg) no-repeat;
}

/*	POPULAR TAGS	*/

#popularTags {
	background: url(../images/tags.jpg) repeat-y;
	clear: both;
	width: 780px;
		
}

#popularTags h2 {
	background: url(../images/tags-h2.jpg) no-repeat;
	color: #fff;
	font-family: "comic sans ms";
	font-size: 14px;
	font-weight: bold;
	height: 33px;
	text-transform: uppercase;
	padding: 12px 0 0 55px;
}

#popularTags p {
	background: url(../images/tags-p.jpg) no-repeat;
	line-height: 200%;
	min-height: 125px;
	padding: 0 30px;
}

#popularTags a {
	color: #fff;
	margin: 0 6px 0 0;
}

#popularTags .bottom {
	background: url(../images/tags-bottom.jpg) no-repeat;
	height: 15px;
}

/*------------------------------------------------------*/
/* =SIDEBAR						*/
.sidebar {
	float: left;
	margin: 0 5px 0 10px;
	text-align: center;
	width: 188px;
}

.sidebar h2{
	background: url(../images/sidebar-h2.jpg) no-repeat;
	color: #fff;
	font-family: "comic sans ms";
	font-size: 16px;
	padding: 10px 0 8px 0;
 	text-transform: uppercase;
}

.sidebar .box {
	background: url(../images/sidebar-box.jpg) repeat-y;
	padding: 5px 0;
}

.sidebar .box a {
	color: #fff;
	font-family: "comic sans ms";	
	text-align: left;
}

.sidebar .boxBottom {
		background: url(../images/sidebar-box-bottom.jpg) no-repeat;
		height: 18px;
		margin-bottom: 15px;
}

/*	ADDS	*/
#war1 {
	background: url(../images/war1.jpg) no-repeat;
	height: 395px;
}

#war2 {
	background: url(../images/war2.jpg) no-repeat;
	height: 389px;
}

#war3 {
	background: url(../images/war3.jpg) no-repeat;
	height: 264px;
}

#drugs {
	background: url(../images/drug.jpg) no-repeat;
	height: 262px;
}

/*------------------------------------------------------*/
/* =FOOTER						*/
#footer {
	background: url(../images/footer.png) no-repeat;
	color: #fff;
	font-weight: bold;
	height: 143px;
	margin-bottom: 30px;
	text-align: center;
}

#footer p {
	padding-top: 108px;
}

/*------------------------------------------------------*/
/* =INNER							*/
/*-----------------------------------------------------*/
.innerSidebar {
	float: left;
	margin: 10px 5px 0 12px;
	text-align: center;
	width: 188px;
}

.innerSidebar h2{
	background: url(../images/inner-sidebar-h2.jpg) no-repeat;
	color: #fff;
	font-family: "comic sans ms";
	font-size: 16px;
	padding: 12px 0 8px 0;
 	text-transform: uppercase;
}

.innerSidebar .box {
	background: url(../images/inner-sidebar-box.jpg) repeat-y;
	padding: 15px 0 10px 0;
}

.innerSidebar .boxBottom {
	background: url(../images/inner-sidebar-bottom.jpg) no-repeat;
	height: 32px;
}

.innerSidebar .boxBottomNormal {
	background: url(../images/inner-sidebar-bottom-normal.jpg) no-repeat;
	height: 32px;
}

/*	SIDEBAR H2s (DIFERRENCE IN COLOUR)	*/
.innerSidebar .redH2 {
	background: url(../images/inner-sidebar-h2-red.jpg) no-repeat;
}

.innerSidebar .blueH2 {
	background: url(../images/inner-sidebar-h2-blue.jpg) no-repeat;
}

.innerSidebar .greenH2 {
	background: url(../images/inner-sidebar-h2-green.jpg) no-repeat;
}

.innerSidebar .yellowH2 {
	background: url(../images/inner-sidebar-h2-yellow.jpg) no-repeat;
}

/*------------------------------------------------------*/
/* =MAIN AREA						*/
.category .gameContainer {
	margin-bottom: 20px;
}

.categoryLeft {
	float: left;
	overflow: hidden;
	width: 435px;
}

.categoryLeft h1 {
	color: #fff;
	font-family: "comic sans ms";
	font-size: 18px;
}

.categoryLeft h1 a {
	color: #fff;
}

#searchH1 {
	background: url(../images/search-h1.jpg) no-repeat;
	height: 52px;
	margin-bottom: 26px;
	padding: 20px 0 0 70px;
}

#categoryH1 {
	background: url(../images/category-h1.jpg) no-repeat;
	height: 52px;
	margin: 26px 0 10px 10px;
	padding: 7px 0 0 20px;
}

#category2 #categoryH1 {
	background: url(../images/category-h1.jpg) no-repeat;
	height: 32px;
	margin: 26px 0 0px 10px;
	padding: 7px 0 0 20px;
}

#aligator {
	background: url(../images/aligator.png) no-repeat;
	height: 114px;
	width: 78px;
	position: absolute;
	top: 245px;
	left: 520px;
}

#aligatorBig {
	background: url(../images/aligator-big.png) no-repeat;
	height: 137px;
	width: 120px;
	position: absolute;
	top: 370px;
	left: 210px;
}

/*	CATEGORY BOX	*/
.category .box {
	float: left;
	margin-right: 4px;
	text-align: center;
	width: 191px;
	
}

.category .box img {
	border: 1px solid #fff;
	margin-bottom: 10px;
}

.category .box a {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

/*	CATEGORY YELLOW	*/
.category .yellow {
	background: url(../images/category-yellow-box.jpg) repeat-y;
}

.category .yellow  .top{
	background: url(../images/category-yellow-top.jpg) no-repeat;
	height: 15px;
}

.category .yellow .bottom {
	background: url(../images/category-yellow-bottom.jpg) no-repeat;
	height: 19px;
}

.category #newGame {
	background: url(../images/new-game.png) no-repeat;
	height: 221px;
	margin: 0 auto;
	overflow: hidden;
	width: 318px;
}

.category #newGame .box {
	margin: 23px 0 40px 25px;
}

/*	CATEGORY RED	*/
.category .red {
	background: url(../images/category-red-box.jpg) repeat-y;
}

.category .red  .top{
	background: url(../images/category-red-top.jpg) no-repeat;
	height: 15px;
}

.category .red .bottom {
	background: url(../images/category-red-bottom.jpg) no-repeat;
	height: 19px;
}

/*	CATEGORY BLUE	*/
.category .blue {
	background: url(../images/category-blue-box.jpg) repeat-y;
}

.category .blue  .top{
	background: url(../images/category-blue-top.jpg) no-repeat;
	height: 15px;
}

.category .blue .bottom {
	background: url(../images/category-blue-bottom.jpg) no-repeat;
	height: 19px;
}

/*	CATEGORY GREEN	*/
.category .green {
	background: url(../images/category-green-box.jpg) repeat-y;
}

.category .green  .top{
	background: url(../images/category-green-top.jpg) no-repeat;
	height: 15px;
}

.category .green .bottom {
	background: url(../images/category-green-bottom.jpg) no-repeat;
	height: 19px;
}

/*------------------------------------------------------*/
/* =GAME PAGE						*/
/*-----------------------------------------------------*/
.gameSidebar {
	float: left;
	margin: 10px 5px 0 12px;
	text-align: center;
	width: 188px;
}

.gameSidebar h2{
	color: #fff;
	font-family: "comic sans ms";
	font-size: 16px;
	padding: 14px 0 20px 0;
 	text-transform: uppercase;
}

.gameSidebar .box h2 {
	padding-bottom: 13px;
}

.gameSidebar .boxBottom {
	height: 18px;
	margin-top: 5px;
}

/*	BOXES	*/
#game .blue h2 {
	background: url(../images/sidebar-h2.jpg) no-repeat;
	padding: 10px 0 15px 0;
}

#game .blue {
	background: url(../images/sidebar-box.jpg) repeat-y;
}

#game .blue .boxBottom {
	background: url(../images/sidebar-box-bottom.jpg) no-repeat;
	margin-bottom: 15px;
}

#game .yellow h2 {
	background: url(../images/game-yellow-h2.jpg) no-repeat;
}

#game .yellow .yellowNormalH2 {
	background: url(../images/game-yellow-h2-normal.jpg) no-repeat;
	padding: 10px 0 15px 0;
}

#game .yellow {
	background: url(../images/game-yellow-box.jpg) repeat-y;
}

#game .yellow .boxBottom {
	background: url(../images/game-yellow-bottom.jpg) no-repeat;
	height: 35px;
}

#game .red h2 {
	background: url(../images/red-h2.jpg) no-repeat;
}

#game .red {
	background: url(../images/red-box.jpg) repeat-y;
}

#game .red .boxBottom {
	background: url(../images/red-box-bottom.jpg) no-repeat;
	height: 35px;
}

#game .red .boxBottomNormal {
	background: url(../images/red-box-bottom-normal.jpg) no-repeat;
	height: 15px;	
	margin-top: 5px;
}

#game .green{
	background: url(../images/green-box.jpg) repeat-y;
	margin-bottom: 10px;
}

#game .green h2{
	background: url(../images/green-h2.jpg) no-repeat;
	padding: 10px 0 15px 0;
}

#game .green .boxBottom {
	background: url(../images/green-box-bottom.jpg) no-repeat;
	height: 15px;	
	margin-top: 5px;
}

#playGame {
	color: #fff;
	float: left;
	font-size: 13px;
	margin-left: 10px;
	width: 560px;
}

#playGame a {
	color: #fff;
}

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

#playGame h1 {
	background: url(../images/play-game-h1.jpg) no-repeat;
	color: #fff;
	font-family: "comic sans ms";
	font-size: 16px;
	height: 49px;
	padding: 45px 0 8px 115px;
}

#playGame #navigation {
	overflow: hidden;
	width: 100%;
}

#playGame #navigation li {
	float: left;
	display: block;
	height: 21px;
	font-weight: bold;
	font-size: 13px;
	padding-top: 10px;
	text-align: center;
	width: 118px;
}

#playGame #navigation #blue {
	background: url(../images/play-navigation-blue.jpg) no-repeat;
}

#playGame #navigation #red {
	background: url(../images/play-navigation-red.jpg) no-repeat;
	margin: 0 10px 0 5px;
}

#playGame #navigation #orange {
	background: url(../images/play-navigation-orange.jpg) no-repeat;
}

#playGame .info {
	background: url(../images/play-game-info-top.jpg) no-repeat 0 31px;
	margin: 0 auto;
	padding-top: 4px;
	margin-bottom: 10px;
	width: 538px;
}

#playGame .infoBody {
	background: url(../images/play-game-info.jpg) repeat-y;
	overflow: hidden;
	padding: 15px 20px;
	width: 498px;
}

#playGame .infoBody .right span {
	display: block;
}

#playGame .infoBody .left span {
	background: url(../images/play-span.jpg) no-repeat bottom;
	display: block;
	margin-bottom: 5px;
	padding: 0 20px 10px 0;
}

#playGame .infoBody a {
	background: url(../images/play-info-a.jpg) no-repeat;	
	display: block;
	height:	31px;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 9px;
	text-align: center;
	width: 144px;
}

#playGame .infoBody p {
	line-height: 200%;
}

#playGame .infoBottom {
	background: url(../images/play-game-info-bottom.jpg) no-repeat;
	height: 4px;
}

#playGame .play {
	background: url(../images/play.jpg) repeat-y;
	margin: 0 auto;
	text-align: center;
	width: 532px;
}

#playGame .play  .top {
	background: url(../images/play-top.jpg) no-repeat;
	height: 10px;
	margin-bottom: 10px;
}

#playGame .play  .bottom {
	background: url(../images/play-bottom.jpg) no-repeat;
	height: 10px;
	margin-top: 10px;
}





/* Popup */
div#popup {
	width: 300px;
	height: 110px;
	color: #354415;
	/*background: url("images/catg-box-btm-blue.gif") no-repeat;*/
	font: 11px "Arial", Verdana, Sans-serif;
}
div#popup .popup-img {
	display: inline;
	width: 168px;
	height: 97px;
	float: left;
	margin: 4px;
	border-style:outset; 
	border-color: #40348C; 
	border-width:3px;
}
div#popup ul {
	display: inline;
	float: left;
	margin: 4px 0 0 5px;
	padding: 0;
	list-style: none;
}
div#popup ul li {margin: 2px 0 5px 0;}
div#popup ul li.last-child {padding: 3px 0 0 0;}
/* /Popup  */

.diagonalNew {
	background: url("../images/diagonal-new.png") no-repeat;
	height: 67px;
	width: 67px;
	position: absolute;
	top: 1px;
	right: 11px;
}

#new {
	color: #fff;
	font-family: "comic sans ms";
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	left: 30px;
	top: 3px;
}

#new span {
	background: url(../images/new.jpg) repeat-x;
	padding: 10px;
}

#new img {
	position: relative;
	top: 6px;
}

.sidebar #partners {
	text-align: left;
}

.sidebar #partners {
	padding-left: 15px;
}

.banner {
	margin: 0 0 20px 25px;
}

#main.category form {
	position: absolute;
	margin: 0px auto;
	left: 3px
	right: -10px;
}

.category h1 {
	color: #fff;
	font-family: "comic sans ms";
	margin: 20px 15px 0 130px;
	font-size: 20px;
}

#main.category input {
	background: #fff;
	border: none;
	color: #ff0000;
	float: left;
	font-size: 20px;
	height: 30px;
	margin: 50px 15px 0 200px;
	padding: 5px 0 0 6px;
	width: 300px;
}

#main.category input.button {
	background: transparent url(../images/search-button.png) no-repeat;
	border: none;
	height: 57px;
	margin: 35px 11px 0 0;
	width: 60px;
}

#main.category input.button:hover {
	background: transparent url(../images/search-button.png) no-repeat 0 -58px;
	cursor: pointer;
}


#popularTags2 {
	background: url(../images/tags.jpg) repeat-y;
	clear: both;
	width: 780px;
	margin: 0px 15px 0 200px;

}

#popularTags2 h2 {
	background: url(../images/tags-h2.jpg) no-repeat;
	color: #fff;
	font-family: "comic sans ms";
	font-size: 14px;
	font-weight: bold;
	height: 33px;
	text-transform: uppercase;
	padding: 12px 0 0 55px;
}

#popularTags2 p {
	background: url(../images/tags-p.jpg) no-repeat;
	line-height: 200%;
	min-height: 125px;
	padding: 0 30px;
}

#popularTags2 a {
	color: #fff;
	margin: 0 6px 0 0;
}

#popularTags2 .bottom {
	background: url(../images/tags-bottom.jpg) no-repeat;
	height: 15px;
}