body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
 	color: #C0BFBE;
  background: #FFF url(../gfx/logo.jpg) top left no-repeat;
  }

div, body, body * {
  margin: 0;
  padding: 0;
  }

.visualClear {
  background-color: red;
  clear: both;
  }

div#bodyWrapper {
  margin: 5px 15px;
  min-width: 700px;
  font-size: 127%;
  }

/* Menu */
#menu {
  margin-left: 349px;
  min-height: 120px;
  border-bottom: 1px solid #fff; /* Opera margin Bugfix ! */
	}

#menu ul {
  margin: 0;
	padding: 0;
	list-style: none;
	float: right;
  }
#menu ul li {
  position: relative;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 2;
  }
  
#menu ul li a {
  display: block;
	padding: 4px 10px;
  text-decoration: none;
	font-weight: normal;
	color: #bfbec3;
	}
#menu ul li a:hover, #menu ul a.active {
	color: #e0e1d3;
  }  
#menu ul li span {
  position: absolute;
  display: none;
  margin: 0;
	width: auto;
	white-space: nowrap;
	text-align: left;
	background: #fff;
  z-index: 3;
  }
#menu ul li span a {
	padding: 3px 10px;
  }

#menu ul.main {
  margin-bottom: 10px;
  margin-top: 20px;

  }



/* Content */
#extra_controls, #scrollBar { 
  display: none; /* hide from incapable */
  }

	
div#scrollWindow {
	position: relative;
	height: 480px;
	overflow: hidden;
	margin: 25px 10px;
	z-index: 1;
  }
div#scrollWindow div.image, div#scrollWindow div.imageLast {
  display: block;
  float: left;
  margin-right: 10px;
  }
div#scrollWindow div.imageLast {
  margin-right: 0;
  }
div#scrollContent {
  }  
div#scrollContent div#subTitle {
	display: block;
	white-space: nowrap;
	text-align: left;
	color: #bfbec3;
	font-size: .9em;
	padding-top: 10px;
	}

#scrollBar {
	position: relative;
	height: 7px;
	display: block; /* display:none initially */
	font-size: 1px;
	margin: 25px 10px;
	}
#track { 
  position: relative;
  width: 410px;
  height: 7px;
  margin: 0 auto; 
  background: #e0e1d3;
  }
#dragBar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 7px; 
  background-color:#eff0ea;
  }  

#left {
  position: absolute;
  left: 0;
  top: 0;
  }  
#right {
  position: absolute;
  right: 0;
  top: 0;
  }

/* for safari, to prevent selection problem  */
#scrollbar, #track, #dragBar, #left, #right {
  -moz-user-select: none;
  -khtml-user-select: none;
  }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollBar img {
  display: block; 
  }