/* CSS Document */

/* positioning */
#scroller {
  position:absolute;
  left:7px;
  top:7px;
  width:264px;
  height:371px;
  clip:rect(0 264px 371px 0);
  overflow:hidden;
}

#Bio #scroller {
	height: 338px;
  	clip:rect(0 264px 338px 0);
}

#Project #scroller {
	left: 8px;
	top: 95px;
	width: 531px;
	height: 283px;
  	clip:rect(0 531px 283px 0);
}

#Studio #scroller {
	left: 8px;
	top: 146px;
	width: 379px;
	height: 302px;
  	clip:rect(0 379px 302px 0);
}

#Calendar #scroller {
	left: 8px;
	top: 8px;
	width: 718px;
	height: 368px;
  	clip:rect(0 718px 368px 0);
}

#scroller #container {
  position:absolute;
  top:0px;
  left:0px;
  width:239px;
  height:368px;
  clip:rect(0 239px 368px 0);
  overflow:hidden;
}

#Bio #scroller #container {
	height:335px;
  	clip:rect(0 239px 335px 0);
}

#Project #scroller #container {
	height: 280px;
	width: 506px;
	clip:rect(0 506px 280px 0);
}

#Studio #scroller #container {
	height: 299px;
	width: 354px;
	clip:rect(0 354px 299px 0);
}

#Calendar #scroller #container {
	height: 365px;
	width: 693px;
	clip:rect(0 693px 365px 0);
}

#scroller #content {
  position:absolute;
  width:239px;
}

#Project #scroller #content {
	width: 506px;
}

#Studio #scroller #content {
	width: 354px;
}

#Calendar #scroller #content {
	width: 688px;
}

#scroller #scrollUp {
  position:absolute;
  left:243px;
  top:0px;
  cursor: pointer;
}

#Project #scroller #scrollUp {
	left: 510px;
}

#Studio #scroller #scrollUp {
	left: 358px;
}

#Calendar #scroller #scrollUp {
	left: 697px;
}

#scroller #scrollDn {
  position:absolute;
  left:243px;
  top:350px;
  cursor: pointer;
}

#Bio #scroller #scrollDn {
	top: 317px;
}

#Project #scroller #scrollDn {
	left: 510px;
	top: 262px;
}

#Studio #scroller #scrollDn {
	left: 358px;
	top: 281px;
}

#Calendar #scroller #scrollDn {
	left: 697px;
	top: 347px;
}

#scroller #scrollbar {
  position:absolute;
  left:243px;
  top:21px;
  width:21px;
  height:329px;
  clip:rect(0 21px 329px 0);
  cursor: pointer;
}

#Bio #scroller #scrollbar {
	height:296px;
  	clip:rect(0 21px 296px 0);
}

#Project #scroller #scrollbar {
	left: 510px;
	height: 241px;
  	clip:rect(0 21px 241px 0);
}

#Studio #scroller #scrollbar {
	left: 358px;
	height: 260px;
  	clip:rect(0 21px 260px 0);
}

#Calendar #scroller #scrollbar {
	left: 697px;
	height: 330px;
  	clip:rect(0 21px 330px 0);
}

#scroller #thumb {
  position:absolute;
  left:0;
  top:0;
  cursor: pointer;
  }
#scroller #marker {
  position:absolute;
  left:1px;
  top:0;
  width:1px;
  height:1px;
  clip:rect(0 1px 1px 0);
  background-color:#EEEEEE;
  visibility:hidden;
  }
#scroller #scrollerMo5Shim {
  position:absolute;
  left:0;
  top:1px;
  width:1px;
  height:1px;
  }
#scroller #elevUp, #scroller #elevDn {
  position:absolute;
  left:0;
  top:0;
  width:21px;
  height:329px;
  clip:rect(0 21px 329px 0);
  background-image:url(../images/elevator1.gif);
}

#Bio #scroller #elevUp, #Bio #scroller #elevDn {
	height:296px;
	  clip:rect(0 21px 296px 0);
}

#Project #scroller #elevUp, #Project #scroller #elevDn {
	height:241px;
	clip:rect(0 21px 241px 0);
}

#Studio #scroller #elevUp, #Studio #scroller #elevDn {
	height:260px;
	clip:rect(0 21px 260px 0);
}

#Calendar #scroller #elevUp, #Calendar #scroller #elevDn {
	height:330px;
	clip:rect(0 21px 330px 0);
}