/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

/* Inner pages with two columns
-------------------------------------------------------------- */

/* @group innerContainer */

#innerContainer {
	background: #fff url(../images/bg_inner_content.gif) repeat-y left top;
}

#content {
	width: 571px;
	float: right;
}

/* @end */

/* @group extra */

#extra {
	width: 172px;
	margin: 10px 7px 10px 0;
	float: left;
}

/* @end */

/* @group scrollable */

/* root element for scrollable */ 
div.scrollable {   

    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 500px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
     
    /* this time we have very large space for height */     
    height:20000em;
    margin-left: 28px;
}

div.scrollable div.items div {
    width: 115px;
    height: 115px;
    margin: 10px 0;
}

/* @end */