/* General */

body {
	margin: 0;
	background: #3073a7 url("images/background.jpg") no-repeat fixed bottom right;
	font: normal 12px/18px Verdana, Tahoma, Arial, Sans-Serif;
	color: #000000;
}

a {
	color: #1e408d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

hr {
	clear: both;
	border: 0;
	border: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
}

	hr.line {
		margin: 0 0 5px 0;
		visibility: visible;
		border-bottom: 1px dashed #b2b2b2;
	}

.left {
	float: left;
}

.center {
	text-align: center;
}

.right {
	float: right;
}


/* Auto Input */

.textboxlist {
	font: normal 11px Verdana;
	cursor: text;
	background: #ffffff;
}

.textboxlist-loading {
	background: #ffffff url("images/spinner.gif") no-repeat 230px center;
}

.textboxlist-bits {
	zoom: 1;
	overflow: hidden;
	margin: 0;
	padding: 2px 4px 0;
	border: 1px solid #999;
	*padding-bottom: 2px;
}

.textboxlist-bit {
	list-style-type: none;
	float: left;
	display: block;
	padding: 0;
	margin: 0 5px 3px 0;
	cursor: default;
}

.textboxlist-bit-editable {
	border: 1px solid #fff;
}

.textboxlist-bit-editable-input {
	border: 0;
	padding: 2px 0 1px 0;
	*padding-bottom: 0;
	height: 14px;
	font: normal 11px Verdana;
}

.textboxlist-bit-editable-input:focus {
	outline: 0;
}

.textboxlist-bit-box {
	position: relative;
	line-height: 18px;
	padding: 0 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid #CAD8F3;
	background: #DEE7F8;
	cursor: default;
}

.textboxlist-bit-box-deletable {
	padding-right: 15px;
}

.textboxlist-bit-box-deletebutton {
	position: absolute;
	right: 4px;
	top: 6px;
	display: block;
	width: 7px;
	height: 7px;
	font-size: 1px;
	background: url("images/close.gif");
}

.textboxlist-bit-box-deletebutton:hover {
	border: none;
	background-position: 7px;
	text-decoration: none;
}

.textboxlist-bit-box-hover {
	background: #BBCEF1;
	border: 1px solid #6D95E0;
}

.textboxlist-bit-box-focus {
	border-color: #598BEC;
	background: #598BEC;
	color: #fff;
}

.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {
	background-position: bottom;
}

.textboxlist-autocomplete {
	position: absolute;
}

.textboxlist-autocomplete-placeholder,
.textboxlist-autocomplete-results {
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #eee;
	-webkit-box-shadow: 0 3px 3px #ccc;
	-moz-box-shadow: 0 3px 3px #ccc;
	box-shadow: 0 3px 3px #ccc;
	border: 1px solid #999;
	border-top: none;
	display: none;
}

.textboxlist-autocomplete-placeholder {
	padding: 5px 7px;
}

.textboxlist-autocomplete-results {
	margin: 0;
	padding: 0;
}

.textboxlist-autocomplete-result {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	background: #eee;
}

.textboxlist-autocomplete-result-focus {
	background: #C6D9E4;
}

.textboxlist-autocomplete-highlight {
	background: #EEF0C4;
	font-weight: bold;
}


/* Page */

#page {
	margin: 0 auto;
	width: 1000px;
}


/* Home */

#home {
	margin: 30px 0 10px 0;
	width: 980px;
	border: 10px solid #1e408d;
	background-color: #1e408d;
}

#home-in {
	border: 1px solid #00174d;
}

	/* Home - Gallery */
	
	#home-gallery {
		position: relative;
		height: 978px;
		height: 435px;
	}
	
	#myGallery {
		width: 978px;
		height: 435px;
		z-index: 5;
		float: left;
	}
	
	.jdGallery {
		overflow: hidden;
		position: relative;
	}
	
	.jdGallery a {
		outline: 0;
	}
	
	.jdGallery img {
		border: 0;
		margin: 0;
	}
	
	.jdGallery .slideElement {
		width: 100%;
		height: 100%;
		background: url("images/home_gallery_loader.gif") no-repeat center;
	}
	
	.jdGallery .loadingElement {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("images/home_gallery_loader.gif") no-repeat center;
	}
	
	.jdGallery .slideInfoZone {
		z-index: 10;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 55px;
		background: #000000;
		overflow: hidden;
	}
	
	.jdGallery .slideInfoZone h2 {
		font-size: 20px;
		padding: 0 20px;
		line-height: 55px;
		color: #ffffff;
	}
	
	.jdGallery .slideInfoZone p {
		display: none;
	}
	
	.jdGallery a.left,
	.jdGallery a.right {
		position: absolute;
		height: 40px;
		width: 50px;
		top: 190px;
		cursor: pointer;
		z-index: 10;
	}
	
	.jdGallery a.left {
		left: 0;
		background: url("images/home_gallery_left.png") no-repeat;
	}
	
	.jdGallery a.right {
		right: 0;
		background: url("images/home_gallery_right.png") no-repeat;
	}
	
	/* Home - Calendar */
	
	#home-calendar {
		position: absolute;
		bottom: 75px;
		right: 85px;
		z-index: 1000;
	}
	
	#home-calendar .calendar {
		color: #ffffff;
		border: none;
		border-collapse: collapse;
	}
	
	#home-calendar .calendar a {
		color: #FFCC33;
	}
	
	#home-calendar .calendar caption {
		line-height: 25px;
		overflow: hidden;
		position: relative;
	}
	
	#home-calendar .calendar caption span {
		width: 25px;
		position: absolute;
		top: 0;
	}
	
		#home-calendar .calendar caption span.calendar-prev { left: 0; }
		#home-calendar .calendar caption span.calendar-next { right: 0; }
	
	#home-calendar .calendar tr td {
		line-height: 25px;
		padding: 0;
		width: 25px;
		text-align: right;
	}
	
	/* Home - Decoration */
	
	#home-decoration {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 181px;
		background: url('images/home_decoration.png') no-repeat top center;
		z-index: 500;
	}


/* Navigation */

ul#navigation {
	width: 977px;
	border: 1px solid #ffffff;
	border-right: none;
	overflow: hidden;
}

ul#navigation li {
	float: left;
	width: 162px;
	height: 102px;
	border-right: 1px solid #ffffff;
	background-repeat: no-repeat;
}

	ul#navigation li.nav-accommodation { background-image: url("images/nav_accommodation.jpg"); }
	ul#navigation li.nav-destinations { background-image: url("images/nav_destinations.jpg"); }
	ul#navigation li.nav-events { background-image: url("images/nav_events.jpg"); }
	ul#navigation li.nav-activities { background-image: url("images/nav_activities.jpg"); }
	ul#navigation li.nav-itinerary { background-image: url("images/nav_itinerary.jpg"); }
	ul#navigation li.nav-gallery { background-image: url("images/nav_gallery.jpg"); width: 161px; }

ul#navigation li a {
	color: #ffffff;
	font-weight: bold;
	display: block;
	padding-top: 78px;
	cursor: pointer;
}

ul#navigation li a span {
	border-top: 1px solid #ffffff;
	height: 23px;
	line-height: 23px;
	display: block;
	padding-left: 10px;
	cursor: pointer;
}

	ul#navigation li.nav-accommodation a span { background-color: #d30b1a; }
	ul#navigation li.nav-destinations a span { background-color: #227830; }
	ul#navigation li.nav-events a span { background-color: #2e55ae; }
	ul#navigation li.nav-activities a span { background-color: #9a993c; }
	ul#navigation li.nav-itinerary a span { background-color: #8f2d9d; }
	ul#navigation li.nav-gallery a span { background-color: #ad7d38; }


/* Header */

#header {
	width: 978px;
	padding: 5px 11px 1px 11px;
	background: url("images/header.gif") repeat-y;
}

#header-links {
	line-height: 20px;
	font-size: 10px;
	color: #ffffff;
	overflow: hidden;
}

#header-links a {
	color: #ffffff;
}

#header-bottom {
	margin-bottom: 10px;
	width: 1000px;
	height: 10px;
	background: url("images/header_bottom.png") no-repeat;
}


/* Main */

#main {
	width: 1000px;
	overflow: hidden;
}

	/* Main - Content */
	
	#content {
		float: left;
		width: 810px;
	}
	
	#content-top {
		width: 810px;
		height: 10px;
		background: url("images/content_top.png") no-repeat;
	}
	
	#content-middle {
		padding: 0 10px;
		width: 790px;
		background: url("images/content_middle.gif") repeat-y;
		overflow: hidden;
	}
	
	#content-bottom {
		width: 810px;
		height: 10px;
		background: url("images/content_bottom.png") no-repeat;
	}
	
		/* Content - Logo */
		
		h1#logo {
			float: left;
			width: 180px;
			height: 75px;
			margin-bottom: 10px;
		}
		
		/* Content - Sidebar */
		
		#sidebar {
			float: left;
			width: 180px;
			margin-top: 10px;
			background: url("images/sidebar.gif") repeat-y;
		}
		
		#sidebar-top {
			width: 180px;
			background: url("images/sidebar_top.gif") no-repeat;
		}
		
		#sidebar-bottom {
			width: 160px;
			background: url("images/sidebar_bottom.gif") no-repeat bottom left;
			padding: 10px 10px 0 10px;
			overflow: hidden;
		}
		
			/* Sidebar - Title */
			
			#sidebar h4 {
				font-weight: bold;
				line-height: 20px;
				font-size: 12px;
				color: #21759b;
				border-bottom: 1px dashed #b2b2b2;
				margin-bottom: 5px;
			}
			
			/* Sidebar - Menu */
			
			#sidebar ul {
				width: 160px;
				border-bottom: 1px solid #1e408d;
				margin-bottom: 10px;
			}
			
			#sidebar ul li {
				border-top: 1px solid #6c8edb;
				line-height: 22px;
			}
			
				#sidebar ul li.menu-first {
					border-top: 1px solid #1e408d;
				}
			
			#sidebar ul li a {
				display: block;
				text-decoration: none;
				padding: 0 3px;
			}
			
				#sidebar ul li a span {
					font-weight: bold;
				}
				
				#sidebar ul li.menu-current a {
					background-color: #2a4d9d;
					color: #ffffff;
				}
			
			#sidebar ul li a:hover {
				background-color: #2a4d9d;
				color: #ffffff;
			}
			
			/* Sidebar - Form */
			
			#sidebar form {
				font-size: 10px;
				font-weight: bold;
				margin-bottom: 10px;
				color: #21759b;
				overflow: hidden;
			}
			
			#sidebar form label {
				display: block;
			}
			
			#sidebar form select {
				font-size: 11px;
				width: 160px;
				margin-bottom: 5px;
			}
			
			#sidebar form input {
				font-size: 11px;
				width: 156px;
				margin-bottom: 5px;
			}
			
			#sidebar form button {
				font-size: 11px;
				float: right;
			}
			
			/* Sidebar - Ads */
			
			#sidebar .ad-box {
				padding-bottom: 10px;
			}
		
		/* Content - Ads */
		
		#content-ads {
			width: 600px;
			height: 0px;
			margin-bottom: 10px;
			float: right;
			overflow: hidden;
		}
		
		#content-ads .content-ads-arrow {
			float: left;
			width: 45px;
			height: 75px;
		}
		
		/* Content - Articles */
		
		#article {
			float: right;
			width: 600px;
			background: url("images/article.gif") repeat-y;
			color: #333333;
		}
		
		#article-top {
			width: 600px;
			background: url("images/article_top.png") no-repeat;
		}
		
		#article-bottom {
			width: 580px;
			background: url("images/article_bottom.png") no-repeat bottom left;
			padding: 10px;
			overflow: hidden;
		}
		
			/* Articles - Regions */
			
			#article #regions {
				overflow: hidden;
				border-bottom: 1px dashed #b2b2b2;
				margin-bottom: 5px;
			}
			
			#article #regions-map {
				width: 300px;
				height: 437px;
				position: relative;
				float: left;
				background: url("/template/images/regions_map.jpg") no-repeat;
				margin: 10px;
			}
			
			#article #regions-map-hover {
				position: absolute;
				top: 0;
				left: 0;
				width: 300px;
				height: 437px;
				background: none;
				background-repeat: no-repeat;
			}
			
			#article #regions-map-click {
				position: absolute;
				top: 0;
				left: 0;
				width: 300px;
				height: 437px;
				background: none;
				background-repeat: no-repeat;
			}
			
			#article #regions-map .region {
				position: absolute;
				text-indent: -10000px;
				outline: none;
			}
			
				#article #regions-map .region-voj {
					top: 15px;
					left: 18px;
					width: 140px;
					height: 90px;
				}
				
				#article #regions-map .region-bel {
					top: 128px;
					left: 75px;
					width: 75px;
					height: 40px;
				}
				
				#article #regions-map .region-wes {
					top: 170px;
					left: 23px;
					width: 75px;
					height: 140px;
				}
				
				#article #regions-map .region-ces {
					top: 190px;
					left: 105px;
					width: 80px;
					height: 90px;
				}
				
				#article #regions-map .region-eas {
					top: 145px;
					left: 185px;
					width: 98px;
					height: 115px;
				}
				
				#article #regions-map .region-sos {
					top: 280px;
					left: 185px;
					width: 110px;
					height: 110px;
				}
				
				#article #regions-map .region-kim {
					top: 310px;
					left: 85px;
					width: 100px;
					height: 120px;
				}
			
			#article #regions-list {
				float: right;
				width: 260px;
				overflow: hidden;
				margin-bottom: 10px;
				font-size: 11px;
			}
			
			#article .regions-list {
				display: none;
			}
			
			#article #regions-list h3 {
				color: #21759b;
				font-size: 18px;
				font-weight: bold;
				line-height: 25px;
				padding-bottom: 2px;
				border-bottom: 1px dashed #b2b2b2;
			}
			
			#article #regions-list ul.regions-dest {
				float: left;
				width: 100px;
			}
			
			#article #regions-list ul.regions-local {
				float: left;
				width: 160px;
			}
			
			#article #regions-list ul li {
				line-height: 20px;
				font-weight: bold;
			}
			
			#article #regions-list ul li a {
				font-weight: normal;
			}
			
			#article #regions-description {
				clear: both;
			}
			
			#article .regions-description {
				display: none;
			}
			
			#article #regions-search {
				width: 300px;
				float: left;
			}
			
			#article #regions-search form {
				overflow: hidden;
				height: 30px;
				width: 300px;
			}
			
			#article #regions-search .textboxlist {
				width: 230px;
				float: left;
				height: 25px;
			}
			
			#article #regions-search .textboxlist-loading {
				background-position: 210px center;
			}
			
			#article #regions-search .textboxlist-autocomplete-placeholder {
				width: 214px;
			}
			
			#article #regions-search .textboxlist-autocomplete-results {
				width: 228px;
			}
			
			#article #regions-search button {
				float: right;
			}
			
			/* Articles - Search */
			
			#article form {
				width: 580px;
				overflow: hidden;
				height: 30px;
				margin: 0;
				padding: 0;
			}
			
			#article .textboxlist {
				width: 500px;
				float: left;
				height: 25px;
			}
			
			#article .textboxlist-loading {
				background-position: 480px center;
			}
			
			#article .textboxlist-autocomplete-placeholder {
				width: 484px;
			}
			
			#article .textboxlist-autocomplete-results {
				width: 498px;
			}
			
			#article button {
				float: right;
			}
			
			/* Articles - Titles */
			
			#article h3 {
				color: #21759b;
				font-size: 14px;
				font-weight: bold;
				line-height: 22px;
				padding-bottom: 2px;
				border-bottom: 1px dashed #b2b2b2;
			}
			
			
			#article h3.title-equipments {
				padding-top: 5px;
			}
			
			/* Articles - Dropdown menu */
			
			#article .dropdown-form {
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px dashed #b2b2b2;
				text-align: right;
			}
			
			#article .dropdown-form select {
				font-size: 11px;
			}
			
			/* Articles - List */
			
			#article .item-list {
				overflow: hidden;
				margin-bottom: 5px;
				padding-bottom: 5px;
				border-bottom: 1px dashed #b2b2b2;
				clear: both;
			}
			
			#article .item-list h2 {
				color: #21759b;
				font-size: 16px;
				line-height: 22px;
				margin-bottom: 5px;
				font-weight: bold;
			}
			
			#article .item-list .item-photo {
				float: left;
				margin-right: 10px;
				width: 183px;
			}
			
				#article .item-list .item-photo img,
				#article .item-list .item-photo a img {
					padding: 3px;
					border: 1px solid #6c8edb;
					background-color: #ffffff;
				}
				
				#article .item-list .item-photo a:hover img {
					border: 1px solid #1e408d;
				}
			
			#article .item-list span {
				font-size: 10px;
			}
			
			#article .item-list p {
				font-size: 11px;
				color: #333333;
				margin: 11px 0 5px 0;
				line-height: 15px;
			}
			
			/* Articles - Map */
			
			#article #item-map {
				margin: 10px 0 5px 0;
				border: 1px solid #6c8edb;
			}
			
			#article .item-map {
				padding-top: 10px;
			}
			
			/* Articles - Tips */
			
			.map-tip {
				font-size: 10px;
				text-align: center;
				margin-top: 0;
			}
			
			.event-tip {
				font-size: 10px;
				margin: 0;
			}
			
			.search-tip {
				font-size: 10px;
				margin-top: 0;
			}
			
			.activ-tip {
				font-size: 10px;
				margin: 0 0 12px 0;
			}
			
			/* Articles - Calendar */
			
			#article .calendar {
				border: none;
				border-collapse: collapse;
				float: left;
			}
			
			#article .calendar a {
				font-weight: bold;
			}
			
			#article .calendar caption {
				line-height: 25px;
				overflow: hidden;
			}
			
			#article .calendar caption span {
				width: 25px;
			}
			
			#article .calendar tr th {
				text-align: center;
				font-weight: normal;
			}
			
			#article .calendar tr td {
				line-height: 25px;
				padding: 0;
				width: 25px;
				text-align: right;
			}
			
			#article .calendar-monthly {
				border: none;
				border-collapse: collapse;
				float: right;
				margin-top: 5px;
			}
			
			#article .calendar-monthly a {
				font-weight: bold;
			}
			
			#article .calendar-monthly caption {
				line-height: 30px;
				overflow: hidden;
				font-weight: normal;
				text-align: left;
			}
			
			#article .calendar-monthly tr td {
				line-height: 42px;
				padding: 0;
				width: 90px;
				text-align: center;
				border: 1px solid #CCCCCC;
				background: #E4E4E4;
			}
			
			/* Articles - Gallery */
			
			#article ul.item-gallery {
				padding: 1px;
				width: 578px;
				overflow: hidden;
			}
			
			#article ul.item-gallery li {
				float: left;
				width: 158px;
				height: 158px;
				margin: 13px;
				text-align: center;
				line-height: 158px;
			}
			
			#article ul.item-gallery li a img {
				padding: 3px;
				border: 1px solid #6c8edb;
				background-color: #ffffff;
				vertical-align: middle;
			}
			
			#article ul.item-gallery li a:hover img {
				border: 1px solid #1e408d;
			}
			
			/* Articles - Post */
			
			#article .post {
				color: #333333;
				font-size: 11px;
				margin-top: 15px;
				text-align: justify;
			}
			
			#article .post h2 {
				font-size: 16px;
				color: #21759b;
				line-height: 22px;
				margin-bottom: 5px;
				font-weight: bold;
			}
			
			#article .post span {
				padding-bottom: 15px;
				display: block;
			}
			
			#article .post img {
				padding: 3px;
				border: 1px solid #6c8edb;
				background-color: #ffffff;
				margin: 5px 10px 10px 0;
			}
			
			#article .post-map {
				margin-bottom: 15px;
			}
			
			#article .post-video {
				margin: 10px 0 15px 0;
				text-align: center;
			}
			
			#article .post-equipments {
				margin: 10px 0 15px 0;
			}
			
			#article .post-equipments img {
				width: 39px;
				height: 38px;
			}
			
			#article .post-prices {
				margin: 5px 0 16px 0;
			}
			
			#article .post-contact,
			#article .post-distances {
				margin: 5px 0 16px 0;
			}
			
			#article .post-contact p,
			#article .post-distances p {
				margin: 0;
			}
			
			#article .post-acom {
				border-bottom: 1px dashed #b2b2b2;
				margin-bottom: 5px;
			}
			
			/* Articles - Pagination */
			
			#article ul.pagination {
				margin: 0 0 5px 0;
				padding: 0;
				overflow: hidden;
				border-bottom: 1px dashed #b2b2b2;
			}
			
			#article ul.pagination li {
				float: left;
				height: 24px;
				line-height: 24px;
				margin: 0 5px 5px 0;
			}
			
			#article ul.pagination li span {
				border: 1px solid #1e408d;
				background-color: #2a4d9d;
				display: block;
				padding: 0 5px;
				font-weight: bold;
				line-height: 22px;
				color: #ffffff;
			}
			
			#article ul.pagination li a {
				border: 1px solid #6c8edb;
				display: block;
				padding: 0 5px;
				line-height: 22px;
			}
			
			#article ul.pagination li a:hover {
				background-color: #2a4d9d;
				color: #ffffff;
			}
			
			/* Articles - Ads */
			
			#article .ad-box {
				text-align: center;
			}
			
			.ad-box-c {
				margin-bottom: 5px;
			}
			
			.ad-box-cc {
				
			}
	
	
	/* Main - Adsbar */
	
	#adsbar {
		width: 180px;
		float: right;
	}
	
	#adsbar-top {
		width: 180px;
		height: 10px;
		background: url("images/adsbar_top.png") no-repeat;
	}
	
	#adsbar-middle {
		padding: 0 10px;
		width: 160px;
		background: url("images/adsbar_middle.gif") repeat-y;
	}
	
	#adsbar-bottom {
		width: 180px;
		height: 10px;
		background: url("images/adsbar_bottom.png") no-repeat;
	}
	
	#adsbar .ad-box {
		padding-bottom: 10px;
	}


/* Footer */

#footer {
	width: 1000px;
	margin: 10px 0;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #8cc4ff;
}


/* Lightbox */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 10px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink,
#nextLink {
	width: 45%;
	height: 100%;
	display: block;
	position: relative;
}

#prevLink {
	left: 10px;
	float: left;
	background: url("images/lightbox_prev.png") no-repeat left 25px;
}

#nextLink {
	right: 10px;
	float: right;
	background: url("images/lightbox_next.png") no-repeat right 25px;
}

#imageDataContainer {
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 18px;
	overflow: auto;
	width: 100%;
}

#imageData {
	padding: 0 10px;
}

	#imageData #imageDetails {
		width: 70%;
		float: left;
		text-align: left;
	}
	
	#imageData #caption {
		font-weight: bold;
	}
	
	#imageData #numberDisplay {
		display: block;
		clear: left;
		line-height: 12px;
		font-size: 10px;
	}
	
	#imageData #bottomNavClose {
		width: 30px;
		height: 30px;
		float: right;
		margin-bottom: 10px;
		outline: none;
	}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}