@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }
/* mac hide \*/
html { height:100%; width:100%; }
/* end hide */
body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	text-align:center; 
	min-height:625px; 
	min-width:1010px; 
	width:100%; 
	height:100%; 
	background-image:url(../images/page_background.jpg);
}

#outer { height:100%; width:100%; display:table; vertical-align:middle; }
#container { text-align:center; position:relative; vertical-align:middle; display:table-cell; height:625px; }
#inner { width:1010px; height:625px; text-align:center; margin-left:auto; margin-right:auto; position:relative; background-image:url(../images/container_background.jpg); }

/* Logos */
#wwlogo { position:absolute; left:72px; top:25px; }
#wwslogan { position:absolute; right:76px; bottom:17px; }

/* Top Menu */
#top-menu { font-size:11px; font-weight:bold; color:#753F01; width:542px; height:61px; position:absolute; right:0px; top:0px; padding:12px; padding-left:26px; background-image:url(../images/menu_background.png); background-repeat:no-repeat; }
div.top-menu-item { float:left; }
div.top-menu-divider { float:left; margin-left:4px; margin-right:4px; }
a.top-menu-item, a:visited.top-menu-item, a:active.top-menu-item { text-decoration:none; color:#753F01; }
a:hover.top-menu-item { text-decoration:underline; color:#663366; }
#main-link { position:absolute; top:13px; right:4px; z-index:1; }
#map-link { position:absolute; top:8px; right:107px; z-index:2; }

/* Gallery Layout */
#navMenu { width:200px; height:430px; position:absolute; top:191px; left:78px; overflow:hidden; font-size:11px; color:#753F01; text-align:left; line-height:1.6em; font-weight:bold; }
h3.navTitle { font-size:12px; font-weight:bold; }
div.navElement { margin-bottom:10px; font-weight:normal; }
div.navElement a, a:visited, a:active { text-decoration:none; color:#676200; }
div.navElement a:hover { text-decoration:underline; color:#676200; }

#movie-background { width:423px; height:290px; position:absolute; left:295px; top:175px; background-image:url(../images/movie_background.png); background-repeat:no-repeat; text-align:center; overflow:hidden; z-index:1; }
#videoPlayer { position:absolute; left:25px; top:25px; }

#current-movie-title { width:650px; height:30px; position:absolute; right:41px; top:150px; text-align:left; color:#753F01; font-size:18px; font-weight:bold; overflow:hidden; }
#movie-description { width:545px; height:55px; position:absolute; right:116px; bottom:80px; text-align:left; color:#999999; font-size:10px; overflow:hidden; font-family:"Courier New", Courier, monospace; }

#download-icon { position:absolute; left:310px; bottom:110px; z-index:30; visibility:hidden; }
#download-icon:hover { cursor:pointer; }

#play-icon { position:absolute; left:320px; top:386px; z-index:30; visibility:hidden; }
#play-icon:hover { cursor:pointer; }
#pause-icon { position:absolute; left:344px; top:386px; z-index:30; visibility:hidden; }
#pause-icon:hover { cursor:pointer; }
#stop-icon { position:absolute; left:369px; top:386px; z-index:30; visibility:hidden; }
#stop-icon:hover { cursor:pointer; }
#back-icon { position:absolute; left:406px; top:386px; z-index:30; visibility:hidden; }
#back-icon:hover { cursor:pointer; }
#forward-icon { position:absolute; left:431px; top:386px; z-index:30; visibility:hidden; }
#forward-icon:hover { cursor:pointer; }

#download-note { position:absolute; right:100px; top:180px; }