@CHARSET "UTF-8";

body {
	background-color: #FFFFFF;
	margin: 0px;
}

span, h1, h2, h3 {
	font-family: Arial,Verdana,Tahoma;
}

div {
	border-style: solid;
	border-color: #FF0000;
	border-width: 0px;
}

#oldIE {
	width: 100%;
	height: 28px;
	background-image: url(images/warning.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-color: #FFF7C9;
}
	#oldIE #warning {
		margin-left: 35px;
		font-size: 12px;
	}

#loadingScreen {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
	z-index: 100;
	text-align: center;
}
	
	#loadingText {
		font-weight: bold;
		font-size: 45px;
	}
	
	#loadingImage {
		width: 550px;
		background-image: url(images/loading.gif);
		background-repeat: no-repeat;
		background-position: 0px 9px;
		padding-left: 50px;
		margin: 200px auto;
	}

#wrapper {
	width: 100%;
	min-width: 975px;
	height: 100%;
	min-height: 575px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-image: url(images/sky.jpg);
	background-attachment:scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
}

	.hidden {
		display: none;
	}

#logo {
	width: 184px;
	height: 183px;
	background-image: url(images/logo.png);
	z-index: 2;
}

#newsletter {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 415px;
	height: 96px;
	background-image: url(images/newsletterCloud.png);
}

	#newsletter #newsletterText {
		font-weight: bold;
		font-size: 11px;
		position: absolute;
		left: 195px;
		top: 2px;
	}

	#newsletter #subscribeButton {
		position: absolute;
		left: 195px;
		top: 45px;
		width: 75px;
	}
	
	#newsletter #email {
		width: 150px;
		position: absolute;
		left: 230px;
		top: 20px;
	}
	
	#newsletter #emailText {
		font-weight: bold;
		font-size: 10px;
		position: absolute;
		left: 195px;
		top: 23px;
	}

.cloud {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-image: url(images/cloud.png);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}

#position {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

#castle {
	width: 975px;
	position: relative;
	margin: 0 auto;
}

	#castleRoof {
		width: 776px;
		height: 100px;
		background-image:url(images/castleTop.png);
		float: left;
		margin-left: 199px;
	}
		
		#castleRoof h2 {
			display: none;
		}
		
		#castleRoof ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#castleRoof ul li {
				float: left;
			}
			
			#castleRoof ul li a {
				width: 194px;
				height: 22px;
				display: block;
				background-color: #AAAAAA;
				background-image: url(images/menyBorder.png);
				text-align: center;
				margin-top: 75px;
				padding-top: 3px;
				font-weight: bold;
				font-size: 15px;
				color: #000000;
				text-decoration: none;
			}
			
			#castleRoof ul li a:hover {
				background-color: #EAEAEA;
			}

	#flagDiv {
		background-image: url(images/flag.png);
		background-repeat: no-repeat;
		padding-top: 15px;
		padding-left: 5px;
		width: 194px;
		height: 10px;
		border-style: solid;
		border-color: #FF0000;
		float: left;
	}
	
		#flagDiv ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
	
			#flagMenyTop {
				width: 185px;
				height: 30px;
				background-color: #907356;
				text-align: center;
				background-image: url(images/flagBorder.png);
				z-index: 5;
				font-weight: bold;
				font-size: 20px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			
			#flagDiv #absolute li {
				position: absolute;
			}
			
			#flagDiv #absolute #flagMenyTop {
				position: absolute;
			}
				
			#flagDiv ul li a {
				width: 178px;
				height: 27px;
				display: block;
				background-color: #BDCA9E;
				background-image: url(images/flagBorder.png);
				font-size: 18px;
				color: #000000;
				padding-left: 7px;
				font-size: 18px;
				text-decoration: none;
				padding-top: 3px;
				z-index: 1;
				overflow: hidden;
			}
			
			#flagDiv ul li a.color1 {
				background-color: #93C876;
			} 
			
			#flagDiv ul li a:hover {
				background-color: #DCE05F;
			}

	#castleBody {
		height: 475px;
		width: 776px;
		background-image: url(images/castle.jpg);
		background-attachment:scroll;
		background-position: bottom left;
		background-repeat: repeat-x;
		float: right;
	}

		#mainDiv {
			height: 425px;
			width: 726px;
			background-color: #FFFFFF;
			margin-left: 25px;
			background-image: url(images/castleInside.jpg);
			background-position: 25px 30px;
			overflow: auto;
		}

div.containerTop {
	width: 708px;
	height: 25px;
	background-image: url(images/containerTop.png);
}

div.containerMiddle {
	width: 658px;
	background-image: url(images/container.png);
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
}

	.fillMainDiv {
		height:350px;
	}

	#screenshot {
		width: 475px;
		height: 390px;
		visibility: hidden;
		position: absolute;
		border-style: double;
		border-color: #000000;
		border-width: 5px;
		opacity:1;
		filter:alpha(opacity=100);
		background-repeat: no-repeat;
	}
	
		#screenshot div {
			width: 475px;
			height: 20px;
			border-style: double;
			border-color: #000000;
			border-width: 5px;
			padding-bottom: 10px;
			font-size: 15px;
			z-index: 2;
			background-color: #FFFFFF;
			margin-top: 355px;
			margin-left: -5px;
		}
	
			#screenshot div ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#screenshot div ul li {
					float: left;
					padding-right: 15px;
					margin-top: 5px;
				}

	h1.newsHeader {
		font-weight: bold;
		font-size: 30px;
		text-align: center;
		margin-top: 0px;
	}
	
	h2.newsHeader {
		font-weight: bold;
		font-size: 20px;
		margin-top: 0px;
	}
	
	h3.newsHeader {
		font-weight: bold;
		font-size: 16px;
	}
	
	span.mainText {
		font-size: 14px;
		text-align: justify;
	}
	
	#programTitleBox {
		width: 510px;
		height: 55px;
	}
	
		#programTitle {
			font-weight: bold;
			font-style: oblique;
			font-size: 25px;
		}
		
		#programRelease {
			font-style: oblique;
			font-size: 12px;
		}
	
	#programTextBox {
		width: 510px;
		height: 150px;
		overflow: auto;
	}
	
		#programShort {
			font-weight: bold;
			font-size: 14px;
		}
		
		#programText {
			font-size: 14px;
			text-align: justify;
			padding-right: 25px;
		}
	
	#programInfo {
		width: 510px;
		height: 20px;
		border-bottom: 3px double #000000;
		padding-bottom: 10px;
		font-size: 16px;
	}
	
		#programInfo ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#programInfo ul li {
				float: left;
				padding-right: 20px;
			}
	
	div.programScreenshot {
		width: 120px;
		height: 120px;
	}
		
		img.screenshotSmall {
			width: 146px;
			height: 110px;
			border-style: double;
			border-color: #000000;
			border-width: 3px;
		}
	
	#programRating {
		width: 160px;
		height: 85px;
		float: left;
		text-align: center;
	}
	
		span.rating {
			font-weight: bold;
			font-size: 45px;
		}
		
		#voteDiv span {
			font-size: 10px;
			font-weight: bold;
		}
		
		#voteDiv a.rate {
			font-size: 12px;
			color: #0000FF;
			text-decoration: underline;
		}
	
	#programDownload {
		width: 320px;
		height: 85px;
		float: left;
		text-align: center;
	}
	
		a.download {
			font-weight: bold;
			font-size: 40px;
		}
		
		a.downloadSmall {
			font-weight: bold;
			font-size: 20px;
		}
		
		a.playNow {
			font-weight: bold;
			font-size: 20px;
		}
		
		span.downloadText {
			font-size: 12px;
		}
		
		span.note {
			font-size: 12px;
			color: #9D080D;
		}
	
	#programComments {
		width: 160px;
		height: 110px;
		float: left;
		font-size: 16px;
	}
	
		#leaveComment {
			font-size: 12px;
			color: #0000FF;
			text-decoration: underline;
		}
	
		#programCommentsBox {
			width: 160px;
			height: 80px;
		}
		
			#innerCommentBox {
				width: 160px;
				height: 65px;
				overflow: auto;
			}
		
				img.aComment {
					width: 30px;
					height: 30px;
					float: left;
				}
					
					#showComment {
						visibility: hidden;
						width: 270px;
						height: 120px;
						background-image: url(images/showComment.png);
						position: absolute;
						margin-left: 230px;
						margin-top: -285px;
						padding: 10px 10px;
						overflow: hidden;
					}
					
						#commentText {
							font-size: 12px;
						}
	
div.containerBottom {
	width: 708px;
	height: 25px;
	background-image: url(images/containerBottom.png);
}

#copyright {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	color: #8FCFF3;
	height: 75px;
}

	#copyright span {
		position: relative;
		top: 57px;
		font-weight: bold;
		font-size: 13px;
	}