/****************************** Page Layout ***********************************/
/* This body rule is used by both viewer.html and the sample tour page index.html
	If the tour code in index.html is to be embedded within a different page and
	different body rules are desired for that page, be sure that at least the 
	padding rule is applied to the body element in viewer.html. If this is not
	done, the movie will be misaligned in the iframe.						*/
body {
background-color: black;
border: none;
color: white;
padding: 0px;
text-align: center;
}

/* The page id is used for the container element for the entire tour. In the 
	sample, page is centered in the body, however, it may be placed anywhere in 
	an existing page that you can fit it. You will need an area 960px wide to 
	place it in your page.   												*/
#hc_page {
margin: 20px auto;
padding: 0px;
position: relative;
width: 960px;
}

/****************************** Movie Layout **********************************/

#hc_movie_obj {
display: block;
text-align: left;
}

#movieframe {
border-style: none;
float: left;
height: 481px;
overflow: hidden; 
width: 640px; 
}


/******************************** Floor Plan *********************************/

#hc_floorplan {
float: right;
height: 481px;
position: relative;
text-align: center;
text-align: left;
width: 304px;
}

.hc_inactiveplan {
display: none;
position: absolute;
}

.hc_activeplan {
background-color: gray;
border-style: none;
display: block;
padding: 2px;
position: absolute;
}

#hc_switcher {
cursor: pointer;
font-size: 24px;
height: 1em;
margin: 410px 0px 0px 0px;
position: static;
text-align: center;
top: 0px;
}

.hc_activebutton {
color: gray;
}

.hc_inactivebutton {
color: white;
}

#hc_linksupper, #hc_linkslower {
background-color: black;
font-family: monospace;
font-size: 12px;
text-align: center;
width: 304px;
}


/********************************* Text Elements ******************************/

#hc_creator {
font-family: monospace;
font-size: 10px;
text-align: right;
}

#hc_usage {
clear: both;
text-align: left;
}

#hc_description {
text-align: left;
margin-top: 1em;
}

#hc_descriptionlabel {
font-size: x-large;
color: gray;
}

a {
color: white;
text-decoration: none;
}

a:hover {
color: gray;
}