/* home page */
	.page-home h1
	{
		display: none;
	}

	/* event posters */
	.home-posters
	{
		height: 255px;
		width: 546px;
		overflow: hidden;
	}
	.home-posters h2
	{
		display: none;
	}
	.home-posters .inner
	{
		width: 565px;		
	}
	.home-posters a
	{
		margin-right: 6px;
	}

	
	
	/* featured photos */
	.home-photos
	{
		margin-top: 10px;		
	}
	.home-photos h2
	{
		background-image: url(images/tab-photos.png);
	}
	.home-photos .inner
	{}
	
	.home-photos a img
	{
		border: solid 1px #0c090b;
	}
	.home-photos a:hover img
	{
		border: solid 1px #00a6ad;
	}
	
	/*
	 * photo scroller
	 */

	/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
	*/ 
	div.scrollable { 
	 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 920px; 
	    height:152px; 
	} 
	 
	/* 
	    root element for scrollable items. Must be absolutely positioned 
	    and it should have a super large width to accomodate scrollable items. 
	    it's enough that you set width and height for the root element and 
	    not for this element. 
	*/ 
	div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute;
		z-index: 25; 
	} 
	 
	/* 
	    a single item. must be floated on horizontal scrolling 
	    typically this element is the one that *you* will style 
	    the most. 
	*/ 
	div.scrollable div.items div { 
	    float:left; 
	} 
	 
	/* you may want to setup some decorations to active item */ 
	div.items .active { 
	     
	}