* { margin: 0px; margin: 0px;}
body { font-family: Verdana,helvetica,sans-serif; font-size: 12px; color: #2b2b2b; }

a { color: #5a3d1c; text-decoration: none;  }
a:visited { color: #94652F; text-decoration: none; }
a:hover { color: #94652F; text-decoration: none; }
.clearing { clear: both; }
a img { border: 0px; }
a.gray { color: #585858; }
table { width: 100%; }
table th { text-align: left; vertical-align: top; }
table td { }
table td input { }
legend { color: #000; font-weight: bold; margin-bottom: 10px; }
fieldset { border: 1px solid #898989; padding: 0px 10px 10px 10px; font-family: Arial; }
fieldset div { display: block; width: 260px; float: left; padding: 0px 10px; }
fieldset div.clear-div { clear: both; }
fieldset div dd input { width: 100%;}
fieldset div dd input[type=radio] { width: auto; }
fieldset div dd input[type=checkbox] { width: auto; }
fieldset div dd input.radio { width: auto; }
fieldset div dd input.checkbox { width: auto; }
fieldset div dd textarea { width: 100%; height: 100px;}
fieldset dd label input { position: relative; top: 3px; margin-right: 3px; }
form ul.errors { margin: 0; padding: 0; padding-bottom: 5px; }
form ul.errors li { margin: 0; padding: 0; list-style-type: none; color: #f00; }
#venue-right-list { margin: 15px 0px; }
#sitemap-list ul { margin-left: 10px; padding: 0; }
#sitemap-list ul li { margin-left: 20px; padding: 0; }
#map { height: 400px; }

#wrapper { width: 1010px; margin: 18px auto 0px auto; } 

	#header {  }
		#logo { margin: 0px 0px 0px 10px; }
		#additional { float: right; width: 150px; height: 35px; }
			#additional img { float: right; padding: 0px 3px;}
			#additional a { }

			#sitemap { padding: 0px 25px 0px 0px; background: transparent url(../images/sitemap.png) no-repeat right; width: 60px; font-size: 9pt; display: block; text-align: right; }

		#menu { float: right; clear: right; color: #C46951; }
			#menu a { padding: 0px 5px 0px 5px; }
			
			
		#content-wrapper { margin-top: 15px; } 
			#rightpanel { float: right; width: 145px; }
				
				#rightpanel p { padding: 0px 0px 0px 5px; margin: 5px; font-size: 10px;}
				.button { list-style-type: none; margin: 0px 0px 0px 0px; background: url(../images/background_button.png) no-repeat;
						width: 138px; height: 53px; font-size: 11px; font-family: arial; float: left;  }
				.button a { height: 36px; line-height: 14px; padding: 12px 0px 0px 50px; font-weight: bold; display: block; }
				#rightpanel span.search-results { font-size: 12px; font-family: verdana; font-weight: bold; margin: 0px 5px 10px 5px; display: block; }
				#request-offer a { background: url(../images/tarjouspyynto.png) no-repeat 10px 10px;  }
				#venues-on-map a { background: url(../images/kartalla.png) no-repeat 10px 10px;  }
				#feedback a { background: url(../images/palaute.png) no-repeat 10px 9px;  }
			
			#leftpanel { float: left; width: 202px; background: url(../images/background_left_roundings.png) repeat-y; }
			
				#leftpanel-roundings-top { width: 202px; background: url(../images/background_left_roundings_top.png) no-repeat top; }
				#leftpanel-roundings-bottom { width: 180px;  padding: 15px 10px 18px 11px; background: url(../images/background_left_roundings_bottom.png) no-repeat bottom;  }


				#leftpanel h1 { font: bold 18px Arial,helvetica,sans-serif; text-align: center; color: #3f3f3f; padding: 0px 0px 4px 5px; }
				#leftpanel p { color: #4C4C4C; padding: 4px 0px; padding-left: 5px; }
				
					#select-months { position: relative; height: 132px; width: 174px; margin: 0px 0px 0px 5px;}
						#select-months-slices { position: relative; left: 32px; top: 23px; width: 101px; height: 101px; }
							#select-months-slices .slice { position: absolute; left: 0; top: 0; }

						#select-months span { color: #5a3d1c; font-family: 'Helvetica Neue',helvetica,sans-serif; font-weight: bold; font-size: 11px; z-index: 9999; cursor: pointer; }
						#select-months .monthname1 { position: absolute; top: 3px; left: 85px; }
						#select-months .monthname2 { position: absolute; top: 20px; left: 122px; }
						#select-months .monthname3 { position: absolute; top: 50px; left: 137px; }
						#select-months .monthname4 { position: absolute; top: 80px; left: 137px; }
						#select-months .monthname5 { position: absolute; top: 110px; left: 122px; }
						#select-months .monthname6 { position: absolute; top: 128px; left: 93px; }
						#select-months .monthname7 { position: absolute; top: 128px; left: 48px; }
						#select-months .monthname8 { position: absolute; top: 114px; left: 25px; }
						#select-months .monthname9 { position: absolute; top: 82px; left: 5px; }
						#select-months .monthname10 { position: absolute; top: 52px; left: 3px; }
						#select-months .monthname11 { position: absolute; top: 24px; left: 10px; }
						#select-months .monthname12 { position: absolute; top: 5px; left: 42px; }
						
					#select-event-type { margin-top: 18px; background: url(../images/background_select.png) repeat-y; width: 179px; }
						#select-event-type .roundings { background: url(../images/background_select_top.png) no-repeat top; }
						#select-event-type .roundings-bottom { background: url(../images/background_select_bottom.png) no-repeat bottom; position: relative; }
							#select-event-type .roundings-bottom .arrow { position: absolute; height: 9px; width: 12px; top: 8px; right: 10px; cursor: pointer; }
							#select-event-type .roundings-bottom .arrow.down { background: url(/images/arrowdown.png) no-repeat; }
							#select-event-type .roundings-bottom .arrow.up { background: url(/images/arrowup.png) no-repeat; }
						#select-event-type ul {  list-style-type: none; 
							padding: 1px 0px 9px 0px; margin: 0px; width: 179px; line-height: 11px; height: 14px; overflow: hidden; }
						#select-event-type ul a { display: block; }
						#select-event-type ul a.active { color: #C46951; }
							
						#select-event-type ul li { font-size: 11px; color: #6D6D6D; line-height: 11px; margin-top: 6px; }
						#select-event-type ul li a { padding-left: 10px; line-height: 11px; font-size: 11px; color: #5a3d1c; }
							#select-event-type ul li a:hover { color: #94652F; }
							#select-event-type ul li a.active { color: #C46951; text-decoration: underline; }
							
					#select-guestcount { margin-top: 12px;  color: #6D6D6D;  }
						#select-guestcount p { padding-top: 1px; font-size: 11px; }
						#select-guestcount input { float: right; background: url(../images/background_input.png) no-repeat;
							width: 40px; height: 25px; border: 0px;  padding-left: 5px; margin-right: 1px; padding-top: 4px; color: #5a3d1c; font-weight: bold; }
							
					#select-location { padding-top: 10px; padding-left: 5px;  height: 65px; }
						#select-location ul { list-style-type: none; width: 171px; line-height: 12px; padding: 0px;}
							#select-location ul li { font-size: 11px; color: #6D6D6D; line-height: 12px; float: left; text-align: center; }	
								#select-location ul li a { display: block; height: 12px; padding-top: 54px; }
								
								#select-location ul li.city { background: url(../images/location_city_inactive.png) no-repeat; width: 53px;	margin-right: 6px; }
								#select-location ul li.city.active { background: url(../images/location_city.png) no-repeat; }
								
								#select-location ul li.island { background: url(../images/location_island_inactive.png) no-repeat; width: 53px; margin-right: 5px; }
								#select-location ul li.island.active { background: url(../images/location_island.png) no-repeat; }
								
								#select-location ul li.ship { background: url(../images/location_sea_inactive.png) no-repeat;  width: 53px; }
								#select-location ul li.ship.active { background: url(../images/location_sea.png) no-repeat; }
								
								#select-location ul li.active { color: #5a3d1c; text-decoration: underline; }
								#select-location ul li.active a { color: #5a3d1c; text-decoration: underline; }
										
			#content { padding: 0px 0px 0px 0px; margin-top: -2px; width: 660px; float: left; }						
			#content h1 { font-weight: normal; font-size: 18px; line-height: 28px; margin: 12px 0px; }			
			#content p { text-align: justify; color: #4C4C4C; margin: 0px 0px 10px 0px;}
				#lowercontent { padding: 5px 10px; }
			.rounding-bg { background: url(../images/boxes_bg-2.png) repeat-y left top; } 
				.rounding-top { background: url(../images/icons_norm_visit-2.png) no-repeat -51px -1283px; }
				.rounding-bottom { background: url(../images/icons_norm_visit-2.png) no-repeat -741px bottom; }
				.rounding-content { min-height: 200px; padding: 31px 25px 32px 25px; position: relative; }
							
		#footer { border-top: 1px solid #ddd; font-size: 11px; margin-top: 10px; padding: 4px 0px;  }
		
		#content #venue { min-height: 300px; }
			#content #venue table { width: auto; }
			#content #venue h1 { margin: 0px 0px 30px 0px !important; font: 24px Arial; color: #000; line-height: 30px; width: 190px; }
			#content #venue p { text-align: left; }
			#content #venue ul { margin: 0px; padding: 0px 0px 0px 20px !important; width: 170px; color: #4c4c4c; }
			#venue #venue-media { float: right; margin-right: -10px; margin-left: 10px; width: 404px; }
				#venue #venue-media #visible-media { position: relative; left: 0px; right: 0px; height: 284px; width: 404px; }
					#venue #venue-media #visible-media #mask { z-index: 10; width: 404px; height: 284px; background: url(/images/large_mask.gif) no-repeat; position: absolute; left: 0px; top: 0px; }
					#venue #venue-media #visible-media img { position: absolute; left: 0px; top: 0px; display: none; }
					#venue #venue-media #visible-media img.visible { display: block; }

					.lightrounding { background: url(/images/lightrounding.png) repeat-y; width: 642px; margin: 10px 7px 7px 6px; }
						.lightrounding-top { background: url(/images/lightrounding_top.png) no-repeat left top; }
						.lightrounding-bottom { background: url(/images/lightrounding_bottom.png) no-repeat left bottom; padding: 15px;}

				#venue #venue-media #additional-media { margin: 5px; }				
					#venue #venue-media #additional-media p { width: 70px; }				
				
				#venue #venue-media #additional-media .minibutton { width: 25px; height: 17px; float: left; background: url(/images/background_minibutton.png) no-repeat; text-align: center; margin: 0px 3px; }
					#venue #venue-media #additional-media .minibutton a { display: block; }
		
		#front-content { position: relative; width: 660px; height: 335px !important  ; padding: 0px !important; margin: 0px !important; }
			#front-mask { height: 344px; width: 653px; background: url(/images/front_mask.gif) no-repeat; position: absolute; z-index: 100; }
			#front-splasher { height: 323px; width: 634px; list-style-type: none; position: absolute; top: 10px; left: 10px; padding: 0px !important; margin: 0px !important;  }
			#front-splasher li { position: absolute; left: 0; top: 0; display: none; }
		
		#icons { float: right; padding-right: 10px; }
			#icons a:visited { color: #5a3d1c; text-decoration: none; }
			#icons a:hover { color: #94652F; text-decoration: none; }
			#icons .offer-request { padding-left: 25px; background: url(/images/btn-letter.png) no-repeat center left; height: 20px; }
			#icons .send-link { padding-left: 25px; background: url(/images/btn-letter.png) no-repeat center left; height: 20px; }
			#icons .print { padding-left: 25px; background: url(/images/btn-print.png) no-repeat center left; height: 20px; }
		
		
		#overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; opacity: 0.5; filter: alpha(opacity = 50); }
		#sendlink { display: none; padding: 20px; background: #fff; position: absolute; width: 500px; height: auto; margin-top: 100px; margin-left: 50%; top: 0; left:-250px; z-index: 10000; border: 4px solid #C5C5C5; }
			#sendlink h1 { padding: 20px 0px; font: 24px Arial !important; color: #000; line-height: 30px; }
			#sendlink input, #sendlink textarea { width: 300px; margin: 5px; padding: 5px;}
			#sendlink textarea { height: 60px; }
			#sendlink table { width: 100%; }
			#sendlink table td, #sendlink table th { padding: 5px 20px;}
			#sendlink table tr.light { background: #F5F5F5;}
			#sendlink table tr.dark { background: #E9E9E9; }

input.submit { color: #5a3d1c; }
img.slice { opacity: 0.5; }
#venues { display: none; }
.venue-filter h1, .venue h1 { font: 24px Arial !important; color: #000;}
.venue-filter p, .venue p { }
.venue-filter a, .venue a { white-space: nowrap;}
.picture { position: relative; float: left; margin-right: 12px; }
.small .mask { position: absolute; left: 0px; top: 0px; height: 114px; width: 151px; background: url(/images/small_mask.gif) no-repeat;}

.buffer-result { position: relative; width: 132px; height: 92px; margin: 0px 0px 3px 3px !important	; }
	.buffer-result a { position: absolute; display: block; bottom: 0px; left: 0px; width: 124px; height: auto; line-height: 12px; padding: 2px 4px 3px 4px; text-align: center; background: #fff; opacity: 0.8; filter: alpha(opacity = 80);
	font-weight: bold; font-size: 10px; }
.tinymask { position: absolute; width: 132px; height: 92px; background: url(/images/tiny_mask.gif) no-repeat; }

#clear-filters { margin-top: 15px; text-align: center; }