@CHARSET "UTF-8";
@media all{
	/* reset */
	html{color:#000;background:#FFF; overflow:auto; padding: 0;-webkit-font-smoothing: antialiased;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, .aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-variant:normal;}
	article, .aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;font-variant:normal;}
	sub, sup {font-size: 75%;line-height: 0;position: relative;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}
	small {font-size: 85%;}
	pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;padding: 15px;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	input,textarea,select{*font-size:100%;}
	button, input, select, textarea {width: auto;overflow: visible;margin: 0;font-size: 100%;vertical-align: baseline;}
	textarea {overflow: auto;vertical-align:text-top;}
	input::-moz-focus-inner, button::-moz-focus-inner {border: 0;padding: 0;}
	html, body { border: 0; margin: 0; outline: 0;  vertical-align:baseline;}
	a {text-decoration: none; color: inherit; }
	em,i{font-style:italic; }
	b, strong { font-weight: bold; }
	* {outline: none;}
	.left { display:block; float:left;}
	.right { display:block; float:right;}
	.hidden{display:none; height: 0; font-size: 0; line-height: 0; visibility: hidden;}
	.clear { display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; }
	.fix:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }

	@font-face {
		font-family: 'swis721_btroman';
		src: url('../fonts/swiss-webfont.eot');
		src: url('../fonts/swiss-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/swiss-webfont.woff') format('woff'),
			 url('../fonts/swiss-webfont.ttf') format('truetype'),
			 url('../fonts/swiss-webfont.svg#swis721_btroman') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'swis721_btbold';
		src: url('../fonts/swissb-webfont.eot');
		src: url('../fonts/swissb-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/swissb-webfont.woff') format('woff'),
			 url('../fonts/swissb-webfont.ttf') format('truetype'),
			 url('../fonts/swissb-webfont.svg#swis721_btbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	/* global */
	html, body{font-family:'swis721_btbold', Arial, sans-serif; color:#000; font-size:8pt; width:100%; height:100%; background:#c2c8c8  url('../img/pat.png') bottom repeat-x; overflow-y:hidden; }
	.round_5{-moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
	.shadow{-moz-box-shadow: 0 0 10px 3px #ccc;-webkit-box-shadow: 0 0 10px 3px #ccc;box-shadow: 0 0 10px 3px #ccc;}
	hr {display: block;height: 1px;border: 0;border-top: 1px solid #444;margin: 1em 0;padding: 0;}
	a{ pointer-events:auto; color:#000; text-decoration:none; -webkit-transition:all 0.05s linear; -moz-transition:all 0.05s linear;-o-transition:all 0.05s linear;transition:all 0.05s linear;}
	a:hover{ color:#D12C03; }
	.an-cl{-webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear;-o-transition:color 0.3s linear; transition:color 0.3s linear;}
	.an-all{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear;}

	#wrapper { width: 100%; min-width: 1000px; position: fixed; left:0; top:0;}

	#sideLeft {float: left; pointer-events:none; width: 350px;position: relative; z-index:9999; padding:25px 0 0 20px; position: relative; font-size:18px; color:#000; line-height: 24px; }
	#sideLeft a.logo{ display:inline-block; font-size:24px; padding-bottom:20px; }
	#sideLeft a.logo:hover, #sideLeft a.logo.gray{ color:#000; } /*color:#9ba6a6;*/
	#sideLeft a.logo.gray:hover{ color:#000; }
	#sideLeft h2{ margin-bottom:40px; }
	#sideLeft .text {min-height:200px; }
	#sideLeft .text a{ border-bottom:2px solid #000;  }
	#sideLeft .text a:hover{ color:#ff4b1b; border-color:#ff4b1b; }
	#sideLeft nav { margin-top:0;  }
	#sideLeft nav a{ display:block; font-size:15px; width: 90px; }
	#sideLeft nav a:hover, #footer ul li a:hover{ color:#000; }
	#sideLeft nav a+a{ margin-top:30px; }

	span.circle { display:inline-block; width:11px; height:11px; border:1px solid #000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; top: 1px; position: relative; }
	span.name{ padding-left:10px;  }
	a:hover span.circle, .selected span.circle{ background:#000; }
	.opened span.circle, .opened:hover span.circle{ border:none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background:transparent url('../img/x.png') no-repeat; width:13px; height: 13px; }

	#container {float: right; overflow: auto; height:100%; position:relative; z-index:5;  }
	#content { padding-top:42px; position:relative; }
	#content .page{ width:350px; }
	#content .list-item{ float:left; height:100%; width:350px; margin-right:30px; }
	#content h1, #content h2{ font-family:Arial; font-size:16px; padding-bottom:20px; font-weight:bold; min-height: 20px; }
	#content .text{ font-family:Arial; font-size:13px; line-height: 18px; }
	#content iframe{ margin-bottom:10px; }
	#content .text a{ border-bottom:1px dotted #000; }
	#content .text a:hover{ color:#D12C03; border-color:#D12C03; border-bottom:1px solid #D12C03; }

	#island_info{ display:none; }

	.slides{ position:relative; z-index:99; }
	.slide{ position:fixed; top:25%; left:25%; cursor:move; }
	#map.slide{ display:block; width:640px; height:480px; border:10px solid #fff; }
	#map_coords{ border-bottom:2px solid #000; pointer-events:auto; cursor:pointer;  }
	#map_coords:hover{ color:#9ba6a6; border-color:#9ba6a6; }
	#map .map_overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent }
	#map.ui-draggable-dragging .map_overlay{ display:block }

	#loader{ display:none; position:fixed; z-index:99999; left:50%; top:30%; }

	#footer { display:block; position:absolute; bottom:0; z-index:9999; padding:0 0 25px; height: 256px; pointer-events:none; }
	#footer .cont{ position:relative; width:100%; height:256px; overflow:hidden; left:0; top:0; }
	#footer .island{ font-family:'swis721_btbold', Arial, sans-serif; font-size:15px; display:block; color:#c1c1c1; width:20px; height:20px; white-space:nowrap;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform-origin: 0 20px;
		-moz-transform-origin: 0 20px;
		-o-transform-origin: 0 20px;
		position: absolute; left: 0; top:0; z-index:9999;
	}
	#footer .island span{ cursor:default; }
	#footer .island.line span.name{ text-decoration:line-through; }
	#footer .island a span{ cursor:pointer; }
	#footer .island a:hover span, #footer .island a span{ color:#000; }
	#footer .island.visited{ color:#000; }
	#footer .island.not-visited span.circle{ border-color:#c1c1c1; }

}