html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	background: #ffffff;
	font-family: arial, tahoma, sans-serif;
	    }
* {outline : none}



#wrapper {
	margin: 0 auto;
	padding:0;
	text-align: left;
	vertical-align: middle;
	width: 770px;
	position: relative;
    }  
    
#container {background: url(graphics/background.png) no-repeat;
            width: 770px;  height: 700px;   position: relative; top: 10px;
            margin-top: 0px; margin-bottom: 0px;}
	        


h1 {position: absolute; top: 40px; left: 230px; color: #52bdc6; font-family: arial, sans-serif; font-size: 28px;}

h2 {position: absolute; top: 70px; left: 380px; color: white; font-family: "trebuchet ms", sans-serif; 
    font-size: 16px; color: #52bdc6; }

a#home:link, a#home:visited {position: absolute; top: 100px; left: 35px; color: gray; text-decoration: none; padding-left: 15px;}
a#home:hover {color: black}
a#home:active {color: #9c6312}

a#help:link, a#help:visited {position: absolute; top: 40px; left: 430px; color: #ff2a00; text-decoration: none; 
                             font:bold 12px arial}
a#help:hover, a#help:active {text-decoration: underline; }

#instructions {position: absolute; top: 490px; left: 555px; border: 0px solid black; width: 200px; height: 100px;
               color: #6f7066; font: 10px arial;}

#map-bg {position: absolute; top: 255px; left: 535px; border: 0px solid red; width: 225px; height: 225px;
         background: url(graphics/map-bg.png)}

ul#legend {position: absolute; top: 495px; left: 565px; border: 0px solid green; width: 200px; height: 60px;
           color: #63645e; font: 12px tahoma, "trebuchet ms", sans-serif; 
           list-style-type: none;}
img.legend {position: relative; top: 2px;}


#credit {position: absolute; top: 692px; left: 10px; font: 12px tahoma, "trebuchet ms"}

#credit a {text-decoration: none; color: black;}

a#credit-link {position: absolute; top: 692px; left: 615px; text-decoration: none; color: white; font: 12px arial}

#pano-info {position: absolute; top: 10px; left: 0px; border: 0px solid black; width: 400px; text-align: left; font:12px arial, sans-serif;}
h3 {display: inline; font: 18px "trebuchet ms", arial, sans-serif; color: #989384;}

#pano-detect {position: absolute; top: 65px; left: 0px; width: 515px; height: 330px; background: white; font: 1px white;}

#pano-detect span {position: relative; top: -3px}

a#fullscreen:link, a#fullscreen:visited { position: relative; top: 585px; left: 555px; text-decoration: none;  font: bold 14px "trebuchet ms"; color: red; }
a#fullscreen:hover, a#fullscreen:active {text-decoration: underline}

iframe {position: absolute; left: 15px; top: 135px;  width: 505px; height: 545px;  
                margin: 0; padding: 0; background: url(graphics/iframe-bg.png) repeat-x bottom left;}
iframe#cucu {position: absolute; left: 15px; top: 735px; border:0}
               
* {border:0}

img.dot {width: 10px; height: 10px; border: 0px solid red}

img#dot-01 {position: absolute; left: 194px; top: 192px}
img#dot-02 {position: absolute; left: 174px; top: 212px}
img#dot-03 {position: absolute; left: 132px; top: 163px}
img#dot-04 {position: absolute; left: 182px; top: 154px}
img#dot-05 {position: absolute; left:  52px; top: 154px}
img#dot-06 {position: absolute; left:  86px; top: 165px}
img#dot-07 {position: absolute; left: 131px; top: 131px}
img#dot-08 {position: absolute; left:  85px; top: 110px}
img#dot-09 {position: absolute; left:  42px; top:  27px}
img#dot-10 {position: absolute; left: 180px; top:  92px}
img#dot-11 {position: absolute; left:  72px; top:  19px}
img#dot-12 {position: absolute; left:  80px; top:  27px}
img#dot-13 {position: absolute; left: 113px; top:  90px}
img#dot-14 {position: absolute; left: 60px; top:  65px}
img#dot-15 {position: absolute; left: 179px; top:  65px}

body#large-qtvr {background: #727272}