body {
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	background-color:#000;
	color:#fff;
}
a {
	font-family: 'Droid Sans', sans-serif;
	opacity:0.7;
}
a.copyright { font-family: 'Quicksand', sans-serif;; 
color:#fff;text-align: justify; }
a.selected { font-family: 'Quicksand', sans-serif;; 
color:#fff; text-align: center; font-size: 12px;text-decoration:none; text-transform:uppercase;}
a.top { font-family: 'Quicksand', sans-serif;; 
color:#666; text-align: center; font-size: 12px;text-decoration:none; text-transform:uppercase;}
a.disclaimer { font-family: 'Droid Sans', sans-serif;; }
a.top2 { font-family: 'Quicksand', sans-serif;; 
color:#666; text-align: center; font-size: 12px;text-decoration:none; text-transform:uppercase;margin-bottom: 20px; margin-right:0px;}
a.top3 { font-family: 'Quicksand', sans-serif;; 
color:#fff; text-align: center; font-size: 14px;text-decoration:none; text-transform:uppercase;margin-bottom: 20px; font-weight:bold; opacity:0.3;}
a:link {color:##666;text-decoration:none; margin-left:10px; margin-right:10px;}      /* unvisited link */
a:visited {color:##666;text-decoration:none;}  /* visited link */
a:hover {color:#fff;opacity: 0.5;text-decoration:none;}  /* mouse over link */
a:active {color:#fff;text-decoration:none;}  /* selected link */
p {
   font-size: 1.1em;
   line-height: 1.6em;
   text-shadow: 2px 2px 2px #000000;
      margin: 1.25em 0;
text-align: justify;
width: 400px;
}
p a:link {
	font-size: 1.1em;
   line-height: 1.6em;
}
p.copyright {
	  font-family: 'Quicksand', sans-serif;; 
color:#888; text-align: center; font-size: 0.7em;text-decoration:none; text-transform:uppercase;
   line-height: 1.4em;
      margin: 1.25em 0;
text-align: justify;
width: 400px;}

p.end {
  font-family: 'Quicksand', sans-serif;; 
color:#888; text-align: center; font-size: 0.7em;text-decoration:none; text-transform:uppercase;
   line-height: 0.8em;
      margin: 1.25em 0;
text-align: justify;
width: 400px;
}
p.width {
   font-size: 1.2em;
   line-height: 0.4em;
   text-shadow: 2px 2px 2px #000000;
      margin: 1.25em 0;
text-align: left;
width: 600px;
}
p.center {
   font-size: 1.1em;
   line-height: 1em;
   text-shadow: 2px 2px 2px #000000;

}

.street-view > img,
.street-view > video {
	width: 100%;
	height: 100%;
}

h1 {
	position: fixed;
	z-index: 2;
	font-size: 12px;
margin:0px auto;}

.hotspot {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-230px;
}
.hotspotlogo {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-265px;
}
.hotspotscroll {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-263px;
}
.hotspotliving {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-365px;
}
.hotspotwonders {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-265px;
}
.hotspothumble {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-384px;
}
.hotspottext {
	position: absolute;
	z-index: 1;
	  left:50%;
    margin-left:-155px;
}
.hotspototherwise {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-132px;
}
.hotspotthebeginning {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-407px;
}
.hotspotcontinue {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-187px;
}
.hotspotgetting {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-272px;
}
.hotspotallseeing {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-209px;
}

.hotspothunting {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-265px;
}
.hotspotescapeartist {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-360px;
}
.hotspotintelligence {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-263px;
}
.hotspotend {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-232px;
}
.hotspotscroll2 {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-250px;
}
.hotspotcharles {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-187px;
}
.hotspotcredits {
	position: absolute;
	z-index: 1;
    left:50%;
    margin-left:-272px;
}


#container{}
#header
 {height: 48px;width: 100%;z-index: 1000;}
 
 #footer
 {height: 28px;width: 100%;z-index: 1000;}
  #footer2
 {height: 48px;width: 100%;z-index: 1000;}
   #footer3
 {height: 130px;width: 300px;z-index: 1;}

.fixed {background: url(http://www.colourmagician.com/topbar_bg.png) left top repeat-x;
position: fixed;left: 0;
-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.12);
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.12);}

.fixed2 {background: url(http://www.colourmagician.com/topbar_bg.png) left top repeat-x;
position: fixed;left: 0;
-webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
opacity: 0.5}

.fixed3 {position: fixed;left: 0;}

.inner {width: 1200px;margin: 0 auto;height: 48px;}
.bottom {width: 100%;margin: 0 auto;height: 68px; }


.shadow{width: 100%;height: 5px;position: absolute;left: 0;bottom: -5px;z-index: 500;display: none;}

ul {
  border-radius: 5px;
  padding: 12px;
  margin: 0 auto;
  height: 48px;
  text-align: center;
}

.credits {
	border-radius: 5px;
  padding: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;}
li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;

}

li:last-child a {
  border: none;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.center {
	height:500px;
	width:100%;
	margin: auto;
}
	
	
	
	
	
	.inner2 {width: 1200px;margin: 0 auto;height: 48px;}


ul.footer {
	padding:200px;
}

li#footer {
  display: inline-block;
  vertical-align: middle;
  text-align: left;

}

li:last-child a {
  border: none;
}

.hotspottext1 {
	position: absolute;
	z-index: 1;
margin-top: -1ex;
}
.hotspottext2 {
	position: absolute;
	z-index: 1;
margin-top: -1ex;
font-family: 'Quicksand', sans-serif;; 
color:#666; text-align: justify; font-size: 0.6em;text-decoration:none; text-transform:uppercase;}
}