/* 
			Scrollable
		*/ 
		
		
		div.scrollable { 
			/* required settings */
			position: absolute;
			top: 0px;
			left: 15px;
			overflow:hidden;
			width: 490px;
			height: 490px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		} 

		div.scrollable div.items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 

	
		/* Carousel */
		div.scrollable div.items div.object {
			float:left;
			width: 490px;
			height: 490px;
			margin: 0px 0px 0px 0px;
			padding: 0px;
		
	position: relative;
		}

		div.scrollable div.items div.object img {
			float:right;
			width: 165px;
			height: 340px;
			border: 0px;
			margin: 60px 5px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		div.scrollable div.items div.object .item {
			width: 100%;
			margin: 0px 0px 0px 0px;
			padding: 120px 10px 0px 80px;
			position: relative;
		}
		div.scrollable div.items div.object .item h5 {
			font-family: 'MyriadProBoldCondensed', arial, serif;
			color: #00a7ff;
			font-size: 36px;
			line-height: 38px;
			font-weight: normal;	
			margin: 0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		div.scrollable div.items div.object .item h5 span {
			display: inline;
			font-family: 'BallparkWeiner', arial, serif;
			color: #fff;
			font-size: 36px;
			line-height: 38px;
			font-weight: normal;
		}
		div.scrollable div.items div.object .item .intro2 {
			float: left;
			color: #fff;
			font-family: 'MyriadProBoldCondensed', arial, serif;
			font-size: 20px;
			line-height: 24px;
			font-weight: normal;
		}
		
		
		div.scrollable div.items div.object .item p {
			font-family: 'PT Sans Narrow', arial,sans-serif;
			color: #fff;
			font-size: 15px;
			line-height: 22px;
		}
		
		div.scrollable div.items div.object a:link, div.scrollable div.items div.object a:visited {
			position: absolute;
			right: 160px;
			top: 386px;
			z-index: 999;
			width: 150px;
			height: 30px;
			text-decoration: none;
			border: 0px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			color: #032033;
			font-family: 'MyriadProCondensedItalic', arial, serif;
			font-size: 22px;
			line-height: 26px;
			font-weight: normal;
			-moz-transition: all 0.1s ease-out;  /* FF3.7+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.1s ease-out; 
		}
		div.scrollable div.items div.object a:hover {
			color: #fff;
		}



/* BUTTONS */

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#slidebox a.browse {
	display:block;
	width:30px;
	height:30px;
	position: absolute;
	top:60px;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
	z-index: 999;
}


/* right */
#slidebox .right {
	left: 40px;
	background:url(../images/slide-next.png) no-repeat 0px 0px;
}
#slidebox a.right 				{ background-position: 0px 0px;}
#slidebox a.right:hover 	{ background-position: 0px 0px; }
#slidebox a.right:active 	{ background-position: 0px 0px; }


/* left */
#slidebox .left {
	left: 10px;
	background:url(../images/slide-prev.png) no-repeat 0px 0px;
}
#slidebox a.left					{ background-position: 0px 0px;} 
#slidebox a.left:hover  		{ background-position: 0px 0px; }
#slidebox a.left:active 	 	{ background-position: 0px 0px; }



/* disabled navigational button */
#slidebox a.disabled {
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
} 	


/* position and dimensions of the navigator */ 
.navi { 
    position: absolute;
    bottom: 2px;
    right: 0px;
    width:100px; 
    height:20px; 
}
 
 
 
/* items inside navigator */ 
.navi a {
    width:9px; 
    height:9px; 
    float:left; 
    margin:3px; 
    background: url(../images/navbullets.gif) 0 -9px no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -9px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 0px;      
}