html, body { border: 0; margin: 0; padding: 0; height: 100%; max-height: 100%; overflow: hidden; }

body { font: 0.8125em Verdana, sans-serif; line-height: 1; }           
  
img { border: none }

#beltcontainer {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   right: 0;
}

#belt {
   position: relative;
   height: 100%;
   left: 0%;
}

.beltobjectwrapper {
   position: absolute;
	width: 100%;
	height: 100%;
	display: table;
}   

.beltobjectcenterer {
   width: 100%;
}

.fitvertical .beltobjectcenterer {
   height: 100%;
}

.fithorizontal .beltobjectcenterer {
   display: table-cell;
   vertical-align: middle;
	#position: absolute;
	#top: 50%;
}

.beltobject {
   padding: 0;
   width: 100%;
   overflow: hidden;
}

.fithorizontal .beltobject {
   #position: relative;
   #top: -50%;
}

.fitvertical .beltobject {
   position: absolute;
   height: 100%;
   top: 0;
}

.beltobject img {
   display: block;
   margin: 0 auto;
   padding: 0;
}

.fithorizontal img {
   width: 100%;
   height: auto;
}

.fitvertical img {
   height: 100%;
   width: auto;
}

#menu {
   position: fixed;
   #position: absolute;
   margin: 0;
   z-index: 4;
}

#menu table {
   height: 100%;
   width: 100%;
}   

#menuitems {
   vertical-align: middle;
   width: auto;
}   

#menu ul {
   padding: 0;
   margin: 0;
}

#menu li {
   display: inline-block;
   float: left;
   margin: 0 20px 0 0;
}

.controlContainer { display: inline-block; } 

#dotswrapper {
   width: 100%;
   text-align: center;
   position: fixed;
   #position: absolute;
   line-height: 0;
   padding: 0;
   margin: 0;
   overflow: hidden;
   z-index: 3;
}

#dots {
   display: inline-block;
   color: black;
   font-family: Times;
   white-space: nowrap;
}

#dots a {
   display: inline-block;
   padding: 0 2px;
   cursor: pointer;
}

#dots a.selected {
   opacity: 1;
   filter:alpha(opacity=100);
}

.slant {
  line-height: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 0;
}

#pausebutton1 {
  display: none;
}

#logo {
   position: fixed;
   #position: absolute;
   margin: 0;
   z-index: 3;
}

.loading {
   width: 100%;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
   font-family: Times;
   position: relative;
}

.loading span {
   display: inline-block;
   opacity: 0;
   filter:alpha(opacity=0);
}

#pr1, #pr2 {
   position: fixed;
   #position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

#pr1 { z-index: 1 }
#pr2 { z-index: 1 }

#pr1 img {
   width: 100%;
   height: 100%;
}

/* Styles for the Non-Javascript version */

.controlContainer a {
  display:block;
  text-decoration:none;
}