/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Georgia", "Arial", "Verdana", sans-serif;
	background		: #013b69 url('../_images/background.gif') repeat-x top left;
	color			: #295886; 
}	

#wrapper {
	width			: 720px;
	height			: auto;
	margin			: 0 auto;
}

#top {
	position		: relative;
	width			: 100%;
	height			: 101px;
}

	#top .on, #top .off {
		position		: absolute;
		bottom			: 0;
		right			: 20px;
		width			: 81px;
		height			: 10px;
		cursor			: pointer;
		background		: transparent url('../_images/music_on.gif') no-repeat top left;
	}

	#top .off {
		background		: transparent url('../_images/music_off.gif') no-repeat top left;
	}

#content {
	width			: 700px;
	height			: 475px;
	padding			: 10px;
	background		: transparent url('../_images/content_background.gif') no-repeat top left;
}

#nav {
	width			: 100%;
	height			: 36px;
	text-align		: center;
}

#left {
	position		: relative;
	float			: left;
	width			: 417px;
	height			: 439px;
	background-position: 97% 85%;
	background-repeat: no-repeat;
}

#right {
	float			: left;
	width			: 282px;
	height			: 439px;
	border-left		: 1px solid #a1b5ca;
}

	#right #up, #right #down {
		width			: 100%;
		height			: 20px;
		cursor			: pointer;
		background		: transparent url('../_images/down.gif') no-repeat center;
	}

	#right #up {
		visibility		: hidden;
		background-image: url('../_images/up.gif');
	}

	#right #up:hover {
		background-image: url('../_images/up_hover.gif');	
	}

	#right #down:hover {
		background-image: url('../_images/down_hover.gif');	
	}

	#right #offers {
		width			: 100%;
		height			: 399px;
		overflow		: hidden;
	}

		#right #offers .offer, #right #offers .offer-active {
			height			: 69px;
			width			: 272px;
			padding			: 5px;	
			cursor			: pointer;
			border-bottom	: 1px solid #a1b5ca;
			background		: transparent url('../_images/arrow.png') no-repeat 13%;
		}

		#right #offers .offer {
			background		: none;
		}

			* html #right #offers .offer, * html #right #offers .offer-active {
				background-image: none;
				filter			: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/arrow2.png', sizingMethod='crop');
			}

		#right #offers .offer-active {
			background-color: #d4dde7;
		}

		#right #offers img {
			margin			: 0 5px 0 0;
		}

		#right #offers #img-1 {
			visibility		: hidden;
		}

#main {
	float			        : left;
	background-repeat   : no-repeat;
	background-position : right;
	width			        : 665px;
	height			     : 399px;
	padding			     : 15px 0px 15px 0px;
	margin			     : 0 0px 0 0;
}

	#main #text {
		width			: 492px;
		height		: 399px;
		overflow		: hidden;
		float       : left;
	}

	#main img {
		/*float			: left;
		border		: 2px solid #b5bfcb;
		margin		: 10px;*/
	}
	
	#banner img {
		border		: none;
	}

#track {
	float			: left;
	width			: 13px;
	height			: 391px;
	margin			: 16px 15px 0 0;
	padding			: 7px 1px 7px 1px;
	background		: transparent url('../_images/track.gif') no-repeat top left;
}

	#track #handle {
		height			: 37px;
		width			: 13px;
		background		: transparent url('../_images/handle.gif') no-repeat top left;
		cursor			: move;
	}

#footer {
	width			: 100%;
	text-align		: center;
	color			: #a59fba;
	line-height		: 17px;
	font-size		: 11px;
	margin			: 0 0 15px 0;
}
	
/* Headings H1-H6 */
h1 { }

	#left h1 {
		position		: absolute;
		top				: 10px;
		left			: 25px;
		font-size		: 28px;
		font-weight		: bold;
		color			: #002f5f;
	}

	#right #offers h1 {
		margin			: 0px;
		padding			: 12px 0 0 0;
		font-size		: 20px;
		color			: #002f5f;
	}

	#content h1 {
		font-size		: 28px;
		font-weight		: bold;
		color			: #002f5f;
	}

h2 { }

	#left h2 {
		position		: absolute;
		top				: 45px;
		left			: 25px;
		font-size		: 16px;
	}

	#content h2 {
		font-size		: 16px;
		color			: #295786
	}

h3 { }

	#left h3 {
		bottom	  : 32px;
		left		  : 5px;
		font-size  : 16px;
		font-weight : bold; 
	}

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#left #description {
		position		: absolute;
		top				: 100px;
		left			   : 25px;
		font-size		: 12px;
		line-height		: 18px;
	}

	#left p
	{
		margin: 0px;
		padding: 0px;
	}

	#right #offers p {
		margin			: 0px;
		padding			: 1px 0 0 0;
		color			: #295786;
	}

	#content p {
		padding			: 15px 0 0 0;
		line-height		: 18px;
	}

a { }	

	a {
		color			: #295886;
	}

	#nav a {
		color			: #003865;
		text-decoration	: none;
		padding			: 0 10px 0 10px;
		border-right	: 1px solid #003865;
		font-weight	 	: bold;
	}

	#nav a:hover, #nav a.active {
		text-decoration	: underline;
	}

	#nav ul.main li.last a {
		padding-right	: 15px;
		border-right	: 0;
	}

	#nav ul.submain li a {
		display			: block;
		padding			: 4px 30px 4px 10px;
		border			: 0;
		font-weight		: normal;
	}

		* html #nav ul.submain li a {
			padding			: 0px 30px 0px 10px;
		}
	
/* Lists and Navigation */
ul { }	

	#nav ul.main {
		margin			: 0px;
		padding			: 10px 0px 0px 0px;
	}

	#nav ul.main li {
		list-style-type	: none;
		display			: inline;
		text-align		: left;
	}

	#nav ul.submain {
		position		: absolute;
		visibility		: hidden;
		border			: 1px solid #b5bfcb;
		background-color: #eceff2;
		padding			: 5px 0;
		margin			: 11px 0 0 -4px;
		border-top		: 0;
	}

		* html #nav ul.submain {
			padding			: 10px 0 0 0;
		}

	#nav ul.submain li {
		display			: block;
	}

/* Forms */

.contentblok
{
	padding: 0px 0px 0px 15px;
}