* { padding: 0; margin: 0; }
	
	body {	
	margin:0px;
	background: lightgrey; 
	color: black;
	}
	
	#wrapper { 
	 margin: 0 auto;
	 width: 975px;
	 background: white;
	 font-family:Verdana, Geneva, sans-serif;
	 font-size: 13px;
	 padding-left: 10px;
	 padding-right: 10px;

	}
	

/*  CSS FOR THE HEADER  */
	
	#header {
	 color: white;
	 background: url(../images/header-bg3.png);
	 width: 100%;
	 float: left;
	 height: 64px;
	 margin: 0px 0px 0px 0px;
	 
	}
	
	.navigation{
	width: 100%;
	padding:8px;
	position: absolute; left: 250px; top: 3px;
	}
		
	.navagigation_bottom { 
	 background: url(../images/head-shadow2.gif);
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 height: 20px;
	 width: 100%;
	 float: left;
	}
	
	#mainbody { 
	 background: white;
	 margin: 20px 0px 20px 0px;
	 padding: 0px;
	 height: auto;
	 width: 100%;
	 display: inline;
	}
	
	.mainbodycontentleft{
	float: left;
	width: 633px;
	height: auto;
	margin: 0 5px 40px 10px;
	padding: 2px;
	background: none;
	position: relative; 

	}
	
	/* Code for the gameplay page*/
	
	.mainbodycontentleft_playgame_page{
	float: left;
	width: 840px;
	height: 500px;
	margin-right: 10px;
	margin-bottom: 40px;
	background: none;
	position: relative; 

	}
	
	.mainbodycontentright_playgame_page{
	float: right;
	width: 114px;
	padding-left: 10px;
	margin-bottom: 60px;
	height: auto;
	background: none;
	border-left: 1px solid #00aeef;
	position: relative;

	}
	
	/*  CSS FOR THE GAME PAGE TITLE - (EXAMPLE - WELCOME TO OTICOS.COM) */
	
	.game_margin{ margin-top: 10px; position: relative; height: 45px;}
	.gameplay_468ad{ float: left; height: auto; }
	
	
	.more_games{
		height: 33px;
		margin: 0px 0 5px 0px;
		
		}
	
	.more_games p{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #00b2d9;
	}
	
	
	.page_title_gameplay{
		height: 25px;
		margin: 5px 0 5px 0px;
		padding: 2px;
		text-transform: capitalize;
		
		}
	
	.page_title_gameplay p{
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	color: #00b2d9;
	}
	
	/* Code for gameplay end*/
	
	.mainbodycontentright{
	float: right;
	width: 300px;
	height: auto;
	margin: 0 0px 20px 0px;
	padding: 2px;
	padding-left: 10px;
	background: none;
	border-left: 1px solid #cccccc;
	position: relative; 

	}
	
	/* This is responsible for the text ads and the left content box  */
	.mainbodycontentheader{
	background: none;
	width: 100%;
	height: auto;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	border-left: none;
	border-right: none;
	
	}
	
	.mainbodycontentheader p{ text-align: center;}
	.mainbodycontentheader a:link{ color: #2A9F00; text-decoration: none;}
	.mainbodycontentheader a:visited{ color: #2A9F00; text-decoration: none;}
	.mainbodycontentheader a:hover{ text-decoration: underline }


	
	
	.search_bar{
	background: none;
	width: 100%;
	height: auto;
	margin-bottom: 10px;		
	
	}
	
	.searc.fresh{
	font-size: 130%;
	color: #2A9F00;
	}
	
/*  CSS FOR THE PAGE TITLE - (EXAMPLE - WELCOME TO OTICOS.COM) */
	 
	.page_title{
		height: 20px;
		margin: 5px 0 5px 10px;
		padding: 2px;
		text-transform: capitalize;
		
		}
	
	.page_title p{
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	color: #00b2d9;
}
	
/*  CSS FOR THE TOP 2 CORNERS */

#hd {height:6px; padding:0; margin:0;}

#hd .roundtop {background:url(../images/lcorner.png) no-repeat;margin-left:0px;border:0px;padding:0px;width:20px;float:left;}
#hd .roundbottom {background:url(../images/rcorner.png) no-repeat top right;margin-left:0px;border:0px;padding:0px;width:17px;float:right;}
#hd img.corner {width: 17px;height: 6px;border: none;margin:0px;display: block !important;}

/*  CSS FOR ADVERTS ON THE RIGHT */

.advert_layout{
width: 300px;
height: auto;
background: none; 
possition: relitive;
margin-bottom: 25px;
	
}

.display_layout{
	position: relative;
	width: 100%;
	height: 90px;
	margin: 5px 0 5px 0;
	
	
	}
/*  CSS FOR THE GAME IMAGES - THIS SETS OUT THE BACKGROUND FOR ALL IMAGES - IE THE EFFECT */

.game_image_view{
	height: 80px;
	width: 128px;
	background: url(../images/image_test2.png);
	position: relative;
	
	}

/*  CSS - THE GAME IMAGE WILL BE PLACED ON THIS HERE  */

.game_image{
	width: 120px;
	height: 72px;
	position: absolute; top: 4px; left: 4px;
	
	}

/*  CSS FOR THE TEXT - THIS POSSITIONS THE TEXT NEXT TO THE IMAGE   */

.game_text_holder{
	position: absolute; left: 140px; top: 1px;
	
	}

/*  CSS FOR THE GAMES LAYOUT VIEW   */

.game_view_layout{
	width: 620px;
	color: black;
	position: relative;
	}
	
/*  CSS FOR THE GAME NAME   */

.rating_layout{
	width: 400px;
	height: 15px;
	background: red;
	float: left;
	position: relative;
	
}

/*  CSS FOR THE GAME NAME   */

.game_name p{font-family: Arial, Helvetica, sans-serif; color: #03C; font-size: 16px; font-weight: bold;text-decoration: none; text-transform:capitalize;}
.game_name p a:link{font-family: Arial, Helvetica, sans-serif; color: #03C; font-size: 16px; font-weight: bold;text-decoration: none; text-transform:capitalize;}
.game_name p a:visited{color: #03C; text-decoration: none;}
.game_name p a:hover{color: #00AEEF; text-decoration: none;}

/*  CSS FOR THE GAME DESCRIPTION   */

.game_description{margin-top: 2px; margin-bottom: 3px; position: relative;}

.game_description p{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4c4c4c;}
.game_description a:link{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #03C; text-decoration: none;}
.game_description a:visited{color: #03C; text-decoration: none;}
.game_description a:hover{color: #03C; text-decoration: underline;}

/*  CSS FOR THE GAME DETAILS - RATINGS / DATE / VIEWS / BY  */

.game_details p{font-family: Verdana, Geneva, sans-serif;  font-size: 10px; color: #777777;}

.game_details span{color: #03C;}
.game_details .black_text a:link{color: black;}
.game_details .black_text a:visited{color: lightblue;}
.game_details .black_text a:hover{color: red;}


.game_details a:link{font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #03C; text-decoration: none;}
.game_details a:visited{color: #03C; text-decoration: none;}
.game_details a:hover{color: #03C; text-decoration: underline;}


.game_details ul{ float: left; font-family: Verdana, Geneva, sans-serif;  font-size: 10px; color: #777777; margin-top: 2px;}
.game_details li{ display: inline; padding-right: 5px; }

.game_details .display_tags a:link{color: #7FA1FF; text-decoration: none;}
.game_details .display_tags a:visited{color: #7FA1FF; text-decoration: none;}
.game_details .display_tags a:hover{ text-decoration: underline;}

.game_details .newgame{ color: red;}




/* CODE FOR SEARCH BOX + BUTTON */

.search_Box{
	
	height: 45px;
	width: auto;

}

.search_form_button{
background-color: #e0e0e0;
background-image: url(../images/search_images/search_logo.gif); 
border: none;
border-right:1px solid #999999;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #424141; 
height: 32px;
width: 66px;
}


.search_form_button:hover,.search_form_button:focus{ background-image: url(../images/search_images/search_logo4.jpg); cursor:pointer;}
.search_form_button:active{ background: #CCC;}


input.search_form_bar{
	margin:0; width:320px;
	margin:0; padding: 5px 5px;
	border:1px solid #cccccc;
	border-bottom: 1px solid #999999;
	border-right-width:1px;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px; }
	
	
/* CSS FOR UPLOAD FORM*/

.form_errror_message{ background: #7FA1FF; padding: 6px 6px; font-family: Verdana, Geneva, sans-serif; font-size: 15px; }
.form_errror_message p{ color: white;}
.form_errror_message a:link{ color: white; text-decoration: none;}
.form_errror_message a:visited{ color: white; text-decoration: none;}
.form_errror_message a:hover{text-decoration: underline;}


.upload_form_main{ background: none; font-family: Verdana, Geneva, sans-serif; font-size: 13px; margin-left: 80px;}

.upload_form_main p { margin-bottom: 10px;}

.upload_form_main span {color: red}



.upload_form_divider{  margin-bottom: 15px;}

.upload_form_textbar_name{
	margin:0; width:450px;
	margin:0; padding: 5px 5px;
	border:1px solid #cccccc;
	border-right-width:1px;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px; 
}


.upload_form_buttons{
background: url(../images/buttons/button_logo.jpg) repeat-x 0 0;margin:0; padding:6px 12px; padding:4px 4px;border:1px solid #eee;outline-width: 5px;
border: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #424141;

}

.upload_form_buttons_file{
background: margin:0;  
padding:4px 4px; 
width: 210px;
border:1px solid #eee;
background: #eee;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #424141;

}

.upload_form_button_addgame{
background: url(../images/buttons/button_logo.jpg) repeat-x 0 0;margin:0; padding:6px 6px;
border:1px solid #999999;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #424141;
	
}

.upload_form_button_addgame:hover, .upload_form_button_addgame:focus{ background-image: url(../images/buttons/button_logo2.jpg); cursor:pointer;}
.upload_form_button_addgame:active{background-image:none;}


/* CSS RESPONSIBLE FOR OTICOS ADDS  */

.sponserd_links{
	font-size: 11px;
	margin: 5px 0 8px 0;
	text-align: left;
	color: #767676;
	font-weight: normal;
	font-family: arial, sans-serif;


}

.add_title{
	color: #11C;
	display: inline;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	text-decoration: underline;
	white-space: nowrap;
}

.add_title a:link{
	color: #11C;
	display: inline;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	text-decoration: underline;
	white-space: nowrap;
}
.add_title a:visited{
	color: #11C;
	text-decoration: underline;
}

.add_title a:hover{
	text-decoration: underline;
	white-space: nowrap;
}

.add_link{
	color: #282; /* colour is green */
	display: block;
	margin-bottom: 20px;
	font-family: arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 15px;
	line-height: 15px;
	text-align: left;
	white-space: nowrap;
}

		.mainbodycontentleft_playgame_page3{
		clear: both;
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		background: none;
		position: relative; 
		}
		 
			 .page_title_gameplay2{
				height: auto;
				margin: 5px 0 5px 0px;
				padding: 4px;
				text-transform: capitalize;
				border-top: 1px solid #dedede;
				width: auto;
				
				}
			
				.page_title_gameplay2 p{
				font-family: Verdana, Geneva, sans-serif;
				font-size: 18px;
				font-weight: 500;
				}

				.catergory_style{
				font-size: 14px;
				color: #3b5998;
				text-decoration: none;
				padding: 4px;				
				}
				
				.catergory_style a:link{
				font-size: 14px;
				color: #3b5998;
				text-decoration: none;
				padding: 4px;				
				}
				.catergory_style a:visited{
				font-size: 14px;
				color: #3b5998;
				text-decoration: none;
				padding: 4px;				
				}
				.catergory_style a:hover{
				font-size: 14px;
				color: white;
				text-decoration: none;
				background: #3b5998;
				padding: 4px;				
				}
				
				
	/* CSS FOR DROPDOWN  LIVE SEARCH*/
	

/* CSS FOR GAME INFORMATIUON*/

#game_information{
	margin: 10px 0 40px 10px;
	position: relative;
}

#game_information .game_details { margin: 0 0 6px 0; width: 650px;} 

#game_information .game_details li{font-family: Verdana, Geneva, sans-serif;  font-size: 12px; color: #777777;}

#game_information .game_details span{color: #03C;}
#game_information .game_details .black_text a:link{color: black;}
#game_information .game_details .black_text a:visited{color: lightblue;}
#game_information .game_details .black_text a:hover{color: red;}


#game_information .game_details a:link{font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #03C; text-decoration: none;}
#game_information .game_details a:visited{color: #03C; text-decoration: none;}
#game_information .game_details a:hover{color: #03C; text-decoration: underline;}


#game_information .game_details ul p { float: left; font-family: Verdana, Geneva, sans-serif;  font-size: 10px; color: #777777; margin-top: 2px;}
#game_information .game_details li{ display: inline; padding-right: 5px; }

#game_information .game_details .display_tags a:link{color: #7FA1FF; text-decoration: none;}
#game_information .game_details .display_tags a:visited{color: #7FA1FF; text-decoration: none;}
#game_information .game_details .display_tags a:hover{ text-decoration: underline;}

/*  CSS FOR THE GAME DESCRIPTION   */

#game_information .game_description{margin-top: 2px; margin-bottom: 7px; position: relative; width: 600px}

#game_information .game_description p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c;}
#game_information .game_description a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #03C; text-decoration: none;}
#game_information .game_description a:visited{color: #03C; text-decoration: none;}
#game_information .game_description a:hover{color: #03C; text-decoration: underline;}

/* CSS FOR LINKS */
	
	
/*  CSS FOR THE TEXT - THIS POSSITIONS THE TEXT NEXT TO THE IMAGE   */


/*  CSS - THE GAME IMAGE WILL BE PLACED ON THIS HERE  */

	
.link_text_holder{
	position: absolute; left: 5px; top: 1px;
	}


.link_display_layout{
	position: relative;
	width: 100%;
	height: 65px;
	margin: 5px 0 5px 0;
	}
	
/*  CSS FOR THE GAMES LAYOUT VIEW   */

.link_view_layout{
	width: 620px;
	color: black;
	position: relative;
	}
	
/*  CSS FOR THE LINK NAME   */

.link_name p{font-family: Arial, Helvetica, sans-serif; color: #11C; font-size: 16px; font-weight: bold;text-decoration: none; text-transform:capitalize;}
.link_name p a:link{font-family: Arial, Helvetica, sans-serif; color: #11C; font-size: 16px; font-weight: bold;text-decoration: none; text-transform:capitalize;}
.link_name p a:visited{color: #11C; text-decoration: none;}

/*  CSS FOR THE LINK DESCRIPTION   */

.link_description{margin-top: 0px; margin-bottom: 0px; position: relative;}

.link_description p{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: black;}
.link_description a:link{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #03C; text-decoration: none;}
.link_description a:visited{color: #03C; text-decoration: none;}
.link_description a:hover{color: #03C; text-decoration: underline;}

/*  CSS FOR THE LINK DETAILS - RATINGS / DATE / VIEWS / BY  */


	
.link_details p{font-family: arial, sans-serif; font-size: 13px; color: #777777;}
.link_details span{color: #282;}
.link_details .black_text a:link{color: black;}
.link_details .black_text a:visited{color: lightblue;}
.link_details .black_text a:hover{color: red;}

.link_details a:link{font-family: arial, sans-serif; font-size: 13px; color: #282; text-decoration: none;}
.link_details a:visited{color: #282; text-decoration: none;}

.link_details ul{ float: left; font-family: arial, sans-serif; font-size: 13px; color: #777777; margin-top: 0px;}
.link_details li{ display: inline; padding-right: 5px; }