/************ Begin Main Classes ************/


.content {
	position:absolute; visibility:visible;
	left:0; top:0; z-index:1
}


 
/**** Begin Content1 ****/

#content1_holder { /* Control the height & width + position of the content here */
	position: absolute;
	top: 150px;
	left: 300px;
	width: 900px;
	height: 500px;
	overflow:hidden; z-index:2;
}
#content1_window {
	position:relative;
	width:790px; 
	height:500px; /* Should be approx equal to size of content_holder */
	clip: rect(0, 250px, 150px, 0);
	overflow:hidden; z-index:1;
}
#content1_layer {
	width: 790px; /* Should be equal to content_window */
}

#scrollbar1 {
	position: absolute; visibility: hidden;
	left: 95%; top: 0;
	width: 11px; height: 100%;
	font-size: 1px; z-index: 2;
}

#track1 {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
height:480px;
left:0;
position:absolute;
top:12px;
width:11px;
}

#dragBar1 {
	position:absolute; top:1px;
	width:9px; height:20px;
	background-color:#ceced6;

	
	
  z-index:1;
}

/**** End Content1 ****/

/**** Begin Scroll Bar Section *****/

#up1 { position:absolute; left:0; top:0; z-index:2 }  
#down1 { position:absolute; left:0; bottom:0; z-index:3 }
#up2 { position:absolute; left:0; top:0; z-index:2 }  
#down2 { position:absolute; left:0; bottom:0; z-index:3 }

#left_arrow {
	position: relative;
	left: 0;
}

#right_arrow {
	position: relative;
	left: 90%;
}
/***** End Scroll Bar Section *****/