/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {left: 0 !important;}

/* following are the styles for the scroll bar pieces */
.vscrollerbar {width: 9px;background: #5EC0A7 url(../images/scrollbar.gif) -9px 0px repeat-y;}
.vscrollerbarbeg {height: 22px !important;width: 9px;background: url(../images/scrollbar.gif) -28px -11px no-repeat;}
.vscrollerbarend {height: 22px;width: 9px;background: url(../images/scrollbar.gif) -28px 0px no-repeat;}
.vscrollerbase {width: 9px;}
.vscrollerbasebeg {width: 9px;height: 11px !important;background: url(../images/scrollbar.gif) -19px -11px no-repeat;}
.vscrollerbaseend {height: 11px;width: 9px;background: url(../images/scrollbar.gif)  -19px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #ffffff;}


/* Scroll Bar Master Styling Ends Here */

/* below are the styles for the scrolling div work page */
#workScrollArea {
	height:248px;
	width:800px;
	overflow:hidden;
}
/* below are the styles for the scrolling div on portfolio page */
#portfolioScrollArea {
	height:248px;
	width:800px;
	overflow:hidden;
}