/* Track 7 Games CSS */
/* Created by NMS	 */
/* ////////////////////////////// */
/* //////////PAGE SETUP////////// */
/* ////////////////////////////// */
body {
	margin:0px;
	background-image: url("images/backTile.gif");
	background-repeat:repeat;
	text-align:center;
	font-size:0.626em;
}

#nms {
	position:absolute; 
	bottom:0px; 
	right:0px;
	width:13px;
	height:131px;
}

		/* To kentrikotato div */
	/* gia ie */
	* html #main {		
		position:relative;
		width:750px;
		margin-right:auto;
		margin-left:auto;
		top:-30px;
		padding:0px;
		text-align:left;
		
	}
	/* gia mozilla */
	*>#main {		
		width:750px;
		margin-right:auto;
		margin-left:auto;
		margin-top:-22px;		
		padding:0px;
		text-align:left;
		
	}
	/* ////////////////////////////// */
	/* ///////////TOP BARA/////////// */
	/* ////////////////////////////// */
	/* Kentriko Div gia tin panw bara */
	#topGraphic {
		background-image: url("images/topGraphic.jpg");
		background-repeat:no-repeat;
		width:750px;
		height:117px;
		float:left;				
	}
	/* Gia to anim tis panw baras */
	#topAnim{
		position:relative;
		width:44px;
		height:36px;
		left: 358px;
		top: 111px;
	}
		/*gia na kaneis click sto home */
	#clickHome {
		position:absolute;
	}
	/* to aristero meros tou panw menu */
	#topLeftMenu{
		position:relative;
		left: 4px;
		top: 88px;
	}
	/* to deksi meros tou panw menu */
	#topRightMenu{
	position:relative;
	left: 667px;
	top: 63px;
	width: 120px;
	}
	/* gia olo to background */
	#mainBackground{
		width:750px;
		background-image:url("images/mainBackground.gif");
		background-repeat:repeat-y;
		/* mozila fix gia to background prepei na to theteis psilo manual gia megales selides*/
		min-height:1000px;
	}
	/* /////////////////////////////// */
	/* /////////ARISTERI BARA///////// */
	/* /////////////////////////////// */
	/* Kentriko div gia tin aristeri bara */
	#leftSide {
		float:left;
		position:relative;
	}
	/* To kentriko div gia to aristero Menu + fonts gia afto */
	#leftMenu {
		background-image: url("images/leftSideMenuBack.gif");
		background-repeat:no-repeat;
		width:184px;
		height:150px;
		margin-left:4px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;	
		
	}
	#leftMenu ul {
		margin:0px;
		padding:0px;
		padding-top:10px;
	}
	#leftMenu li {
		margin-bottom:5px;
		list-style-type: none;
		display: block; 
		margin-left: 10px;	
	}
	#leftMenu li a:link,#leftMenu li a:visited { 
		color: #E4F8FF;
		text-decoration:none;
	}
	#leftMenu li a:hover,#leftMenu li a:active { 
		color: #E4F8FF;
		color:#FFFFFF;
		text-decoration:underline;
	}
	/* To kentriko div gia to newsEvents  */
	#newsEvents {
		background-image:url("images/newsEventsTile.gif");
		background-repeat:repeat-y;
		width:180px;
		margin-left:4px;
	}
	/* to panw meros tou news events */
	#newsEventsTop {
		background-image:url("images/newsEventsTab.gif");
		width:180px;
		height:29px;	
	}
	/* to keimeno tou newsEvents, mazi me ta fonts tou kai ton titlo tou */
	#newsEventsText {
		margin:0px;
		padding:3px 0px 0px 10px;
		width:160px;
		display:block;
		overflow:hidden;
	}
	#newsEventsText h1 {
		margin:0px;
		padding: 0px 0px 0px 3px;
		background-color:#253034;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;	
		font-weight:bold;
		color:#969696;
		width:160px;
	}
	#newsEventsText p {
		margin:0px;
		padding: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#959EA2;
		width:160px;
	}
	/* to katw meros tou news events */
	#newsEventsBot {
		width:180px;
		height:27px;	
	}
	/* ////////////////////////////// */
	/* ///////CENTER CONTENTS//////// */
	/* ////////////////////////////// */
	/* Kentriko div gia ola */
	
	#centerContents{	
		width:562px;
		float:left;		
	}
		#feature {		
			margin:4px 0px 0px 4px;
			height:370px;			
		}
			#featTop {
				background-image:url("images/featureBorderTop.gif");
				background-repeat:no-repeat;
				width:552px;
				height:6px;		
			}
			#featMid {
				background-image:url("images/featureBorderMidt.gif");
				background-repeat:repeat-y;
				padding:0px 0px 0px 3px;
				
			}
				#featExpl{
					float:left;
				}
					#featText{
						margin:0px 0px 0px 1px;
						width:164px;
						height:227px;
						overflow:hidden;
						float:left;
						
					}
						#featText h1 {
							margin:0px;
							padding: 0px 0px 0px 3px;
							background-color:#383838;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:9px;	
							font-weight:bold;
							color:#D08C9F;
							width:160px;
						}
						#featText p {
							margin:0px;
							padding: 0px;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:9px;
							color:#858585;
							width:160px;						
						}
					#featMoreButt {		
						margin: 2px 0px 0px 1px;
						width:164px;
						height:27px;
						clear:both;
						
					}
				#featPhoto	{					
					float:left;
				}
				#featScreenTitle {
					background-image:url("images/featureScreenshotTitle.gif");
					background-repeat:no-repeat;
					margin: 0px 0px 0px 1px;
					width:544px;
					height:28px;
					clear:both;
				}
				#featScreenShots{
					margin:0px 0px 0px 5px;
										
				
				}
				.ssBorder {
					margin:3px;
					border-width:1px;
					border-color:#575757;
					border-style:double;
				}
			#featBot {
				background-image:url("images/featureBorderBot.gif");
				background-repeat:no-repeat;
				height:6px;
				clear:both;
			}
	#panelWrap {
		margin:9px 0px 0px 10px;	
		clear:both;
	}
		#panelShort{			
			float:left;			
		}
			#panelSTitle{
				background-image:url(images/panelTopFilesTitle.gif);
				background-repeat:no-repeat;
				width:182px;
				height:31px;			
			}
				#panelSText{
					background-image:url(images/panelTopFilesTile.gif);
					background-repeat:repeat-y;
					width:182px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;	
				}
				#panelSText p,#panelSText p a:link,#panelSText p a:visited{
					margin:0px 0px 3px 5px;
					color:#B4B4B4;
					text-decoration:none;	
				}
				#panelSText p a:hover,#panelSText p a:active{
					margin:0px 0px 0px 5px;
					color:#EB6F0E;
					text-decoration:underline;
				}
				.listColor {
					color:#EB6F0E;
				}
			#panelSBot{
				width:182px;
				height:31px;
			}
		#panelLong{
			float:left;		
			margin:0px 0px 0px 5px;
		}
			#panelLTitle{
				background-image:url(images/panelComingTitle.gif);
				background-repeat:no-repeat;
				width:352px;
				height:28px;
			}
				#panelLText{
					background-image:url(images/panelComingTile.gif);
					background-repeat:repeat-y;
					width:352px;
				}
				#panelLText h1,#panelLText h1 a:link,#panelLText h1 a:visited{
					text-decoration:none;	
					margin:0px 0px 3px 5px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;	
					color:#B6EDFA;
				}
				#panelLText h1 a:hover,#panelLText h1 a:active{
					text-decoration:none;	
					color:#FFFFFF;
				}
				#panelLText p,#panelLText p a:link,#panelLText p a:visited{
					text-decoration:none;	
					margin:0px 0px 3px 5px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#20A8C8;
				}
				#panelLText p a:hover,#panelLText p a:active{
					text-decoration:none;	
					color:#0D7A94;
				}
			#panelLBot{
				
			}
	/* ////////////////////////////// */
	/* ///////BOTTOM CONTENTS//////// */
	/* ////////////////////////////// */
	#bottom{
		float:left;
		position:relative;
	}
		/* fix gia mozila */
		*>#bottomMenu{
	position:relative;
	left:270px;
	top:-63px;
	width: 250px;
		}
		/* gia ie */
		* html #bottomMenu{
			position:relative;
			left:270px;
			top:-73px;
		}
			#bottomMenu p,#bottomMenu p a:link,#bottomMenu p a:visited,#bottomMenu p a:active {
				text-decoration:none;	
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#BDBDBD;
			}
			#bottomMenu p a:hover{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
			}
		#bottomStuff {
			width:750px;
			height:71px;	
			background-image:url("images/bottomFasa.gif");
			background-repeat:no-repeat;
		}

/* ////////////////////////////// */
/* ///////INPAGE CONTENTS//////// */
/* ////////////////////////////// */
#inPageContainer {
	background-image:url("images/featureBorderMidt.gif");
	background-repeat:repeat-y;
	padding:8px;
}
	#inPageTitle {
	}
	#inPageDetails {
		padding:0px;
		margin: 0px;
		text-align:center;
		vertical-align:middle;
		background-image:url(images/inPage-detailsTile.gif);
		background-repeat:repeat;
		width:536px;
		height:10px;
	}
		#inPageDetails h1 {
			margin:0px;
			display: inline;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#2CB1D7;
		}
		#inPageDetails h2 {
			margin:0px;
			display: inline;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#D08C9F;
		}
		
	#inPageTextSpace{
	margin:1px 0px 0px 0px;
	font-size: x-small;
	}
		.inPageImageBorder{
			margin:7px;
			padding:2px;
			border-width:1px;
			border-color:#575757;
			border-style:double;
		}
		#inPageTextSpace h1 {
			margin:0px 0px 5px 0px;
			padding:0px;
			background-color:#383838;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;	
			font-weight:bold;
			color:#D08C9F;
			width:536px;
		}
		#inPageTextSpace p{
			margin:0px;
			padding:0px 0px 15px 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.878em;
			color:#858585;
		}


.menuText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.centerPageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: italic;
	color: #999999;
	font-weight: bold;
}
a {
	color: #ae7051;
}
#mainBackground {

		width:750px;
		background-image:url("images/mainBackground.gif");
		background-repeat:repeat-y;
		/* mozila fix gia to background prepei na to theteis psilo manual gia megales selides*/
		min-height:1000px;
}
#mainBackground2 {
	width:750px;
	background-image:url("images/mainBackground.gif");
	background-repeat:repeat-y;
	/* mozila fix gia to background prepei na to theteis psilo manual gia megales selides*/
		min-height:2300px;
	height: 2600px;
}
