/* CSS Document */

/* positioning */
#scroller {
  position:absolute;
  left:7px;
  top:7px;
  width:264px;
  height:296px;
  clip:rect(0 264px 296px 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);
}

#scroller #container {
  position:absolute;
  top:0px;
  left:0px;
  width:239px;
  height:293px;
  clip:rect(0 239px 293px 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);
}

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

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

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

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

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

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

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

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

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

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

#scroller #scrollbar {
  position:absolute;
  left:243px;
  top:21px;
  width:21px;
  height:254px;
  clip:rect(0 21px 254px 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);
}

#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:254px;
  clip:rect(0 21px 254px 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);
}