#presentation {background: url(../img/homepage-demo-bg-scroll.gif) repeat-y top left; margin: 0 auto 10px auto; position: relative; width: 900px;}

#presentation .top {background: url(../img/homepage-demo-bg-top.gif) no-repeat top left; padding-top: 30px; width: 900px;}

#presentation h3 {xxborder-bottom: 1px solid #666; color: #666; margin: 0 auto 5px; width: 640px;}

#presentation .scrollable {border: 3px solid #EEE; padding-top: 20px;}

#presentation form {clear: both; text-align: center; width: 100%;}
#presentation form button {background: transparent url(../img/homepage-demo_button.png) repeat-y top left; border: 0; color: #996699; font-size: 1.2em; font-weight: bold; height: 70px; width: 206px;}

#getStartedForm {background: url(../img/homepage-demo-bg-bottom.gif) no-repeat bottom left; padding-bottom: 10px; width: 900px;}

#iphoneBadge {position: absolute; right: 25px; top: -37px;}

/* MORE */
.moreWrapper {width: 886px;}
.more {clear: both; }
.more .block {float: left; padding: 10px 20px 0px 20px; width: 399px;}
.more .block p {margin-bottom: 1em;}
.more .block .link {text-align: right;}

.more .center {border-right: 2px solid #999;}

#loggedin {float:right; list-style-type: none;}
/* end MORE */

#slidePrev,
#slideNext {background: transparent url(../img/homepage-demo-nav.png) no-repeat top left; border: 0; height: 28px; width: 113px;}

div.scrollable {
	float: left;
	margin-bottom: 10px;
	position:relative;
	overflow:hidden;	 	
	width: 682px;	
	height: 376px;	
}

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

div.scrollable div.items div.item {
	float:left;
	
	width: 680px;
	margin: 0 20px;	
}

div.scrollable div.item img {border: 0;}

a.prev, a.next { display:block; width: 51px; height: 51px; background:url(../img/prev_buttons.png) no-repeat; float:left; margin: 143px 25px 0; }

a.prev:hover, 
a.next:hover {background-position:0px -51px; cursor: pointer; }
a.disabled,
a.disabled:hover {background-position:0px -102px; cursor: default; }
a.next, a.nextPage {background-image:url(../img/next_buttons.png); clear:right; }

div.navi {position: absolute; right: 160px; top: 25px; }

div.navi a {
background: #FFF;
border: 1px solid #666;
cursor:pointer;
float:left;
height:8px;
margin:3px;
width:8px;
}

div.navi a.active {
background: #999;
border: 1px solid #666; }

#TB_ajaxWindowTitle {font-size: 1em;}