@charset "utf-8";
/* CSS Document */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:960px; 
    height:180px; 
	
} 
 
/* 
    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;
	font-family: Verdana;
	clear: both;

	
} 
 
/* 
    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 a,a:hover,a:visited { color:#000000; font-style: normal; }
div.scrollable div.items div { 
    float:left;
	width:958px;
	height:175px;
	background:#78b0e0 ;
	border:1px solid #1e568a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	
	
} 
 
/* you may want to setup some decorations to active item */
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
	font-family: Verdana;

	

}

ul.tabs {
	position:absolute;
	z-index:100;
	top:180px;
}

ul.tabs li {
	cursor:pointer;
	display:inline;
	margin:0 85px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:transparent;
	padding:3px 5px;
}

ul.tabs li.active {
	background:transparent;
}