html,body,div,span,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}html{overflow:auto;}body{line-height:1;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}html,body{width:100%;height:100%;}body{background-color:#999;}

/* panorama layout */
.panorama, .panorama-view { width: 100%; height: 100%; overflow: hidden; }
.panorama, .panorama-container { position: relative; }
.panorama-container img { height: 100%; position: absolute; top: 0; }
.panorama .info, .panorama .nav,.panorama .nav1, .panorama .nav2, .panorama .nav3, .panorama .nav4, .panorama .copyright, .panorama-view .area { position: absolute; display: block; }
.panorama .info { left: 100px; bottom: 40px; font-size:13px;  }
.panorama .copyright { left: 100px; bottom: 10px; font-size:11px;  }
.panorama .nav { left: 270px; bottom: 40px; font-size:13px;  }
.panorama .nav1 { left: 420px; bottom: 40px; font-size:13px;  }
.panorama .nav2 { left: 460px; bottom: 40px; font-size:13px;  }
.panorama .nav3 { left: 500px; bottom: 40px; font-size:13px;  }
.panorama .nav4 { left: 540px; bottom: 40px; font-size:13px;  }
.panorama .controls { position: absolute; left: 10px; bottom: 10px; }
.panorama .controls a { display: block; float: left; margin-right: 5px; }
.panorama .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.panorama .nav a{ color:#bebebe; text-decoration:none; border-bottom:dotted 1px; margin-left:10px; margin-right:10px; }
.panorama .nav a:hover{ color:#bebebe; text-decoration:none; border-bottom:0px;}

/* panorama style */
.panorama-view { background: url(../images/preloader.gif) no-repeat center center; cursor: url(../images/openhand.cur),default; }
.panorama-view.grab { cursor: url(../images/closedhand.cur),default; }
.panorama .info, .panorama .nav, .panorama .copyright, .panorama .controls a { opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #bebebe; text-decoration: none; padding: 6px 7px; cursor: pointer; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.panorama .info:hover, .panorama .nav:hover, .panorama .copyright:hover, .panorama .controls a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.panorama-view .area { opacity: 0.25; filter: alpha(opacity=25); background-color: #000; cursor: pointer; overflow: hidden; text-indent: -9999px; }
.panorama-view .area:hover { opacity: 0.5; filter: alpha(opacity=50); }
.panorama-view img { -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.panorama .info, .panorama .nav, .panorama .copyright, .panorama-view .area, .panorama .controls a { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span { display: block; text-indent: -999px; overflow: hidden; background: url(../images/panorama-controls.png) no-repeat -999px 0; }
.panorama .controls a.prev span, .panorama .controls a.next span { width: 10px; height: 14px; }
.panorama .controls a.prev span { background-position: 0 0; }
.panorama .controls a.next span { background-position: -11px 0; }
.panorama .controls a.stop span { margin: 2px 1px; width: 10px; height: 10px; background-position: -22px -2px; }

/* retina display graphics */
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span { background-image: url(../images/panorama-controls@2x.png); -webkit-background-size: 32px 14px; background-size: 32px 14px; }
}

.tooltip {
	text-decoration:none;
	position:relative;
}
.tooltip span {
	display:none;
	cursor:help;
	-moz-border-radius:160px;
	-webkit-border-radius:160px;
	border-radius:160px;
	color:#bebebe;
	background:black;			
}
.tooltip span img {
	float:left;
	margin:0px 8px 8px 0;
}	
.tooltip:hover span {
	display:block;
	position:absolute;
	top:-240px;
	left:-228px;
	z-index:1000;
	width:420px;
	max-width:362px;
	/*min-height:128px;*/
	border:0px solid #241a13;
	margin-top:12px;
	margin-left:32px;
	overflow:hidden;
	padding-left:130px;
	padding-top:38px;
	padding-bottom:38px;
	padding-right:48px;
	line-height:18px;
}

.navtooltip {
	text-decoration:none;
	position:relative;
}
.navtooltip span {
	display:none;
	cursor:help;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#bebebe;
	background:black;			
}
.navtooltip span img {
	float:left;
	margin:0px 8px 8px 0;
}	
.navtooltip:hover span {
	display:block;
	position:absolute;
	top:-50px;
	left:-209px;
	z-index:1000;
	width:420px;
	max-width:126px;
	/*min-height:128px;*/
	border:0px solid #241a13;
	margin-top:12px;
	margin-left:32px;
	overflow:hidden;
	padding-left:18px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:18px;
	line-height:18px;
}

/* Functionality */
.content {
	display: none;
}
.wrapper:active .content {
	display: block;
	padding-bottom:30px;
	padding-top:10px;
	margin-left:10px;
}
.content:hover {
	display: block;
	padding-bottom:30px;
	padding-top:10px;
}
.wrapper {
	position: relative;
	padding-top:20px;
	margin-top:20px;
}
.content li {
	list-style-type:none;
	padding-top:10px;
	margin-left:-1px;
}
@font-face {
	font-family: 'Nainaco';
	src: url('Nainaco.eot');
	src: local('☺'), url('Nainaco.woff') format('woff'), url('Nainaco.ttf') format('truetype'), url('Nainaco.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.test
{
	font-family:'Nainaco',Sans-Serif;
}