/* CSS Document */

/* Heavily borrowed from www.panic.com/coda */

/* The toolbar for the content box */
ul#toolbar {
	height: 46px;
	width: 600px;
	list-style: none;
	margin: 0;
	clear: both;
	position:relative;
}

#toolbar li {
	float: left;
}

#toolbar li a {
	height: 46px;
	display: block;
}

#toolbar li.active { background-position: top; }
#toolbar li.inactive { background-position: bottom; }
#toolbar li:hover { background-position: top; }

div.button {
	vertical-align:middle;
}
	
div.button#left { left: 0; }
div.button#right { right: 0; }


/* The slide-y content box thingy */

/**CHANGE THIS TO ALTER THE OVERALL HEIGHT OF THE SCROLLER**/
#frame, #frame div.button, { height: 40em; }
#scroller, .section { height: 39em; }

#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 680px;
	position: relative;
}
	
#frame div.button {
	position: absolute;
	top: 40%;
	width:30px;
}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {
	width: 600px;
	margin: 0 auto;
	border: 1px solid #000000;
/*	background: #fff url(/images/background.jpg) top right no-repeat;*/
	background-color:#FFFFFF;
	overflow: hidden;
	position:relative; /* Fix for IE, thank you God! */
}

#content {
	width: 5250px;
}
	
.section {
	width: 580px; /* 40px less than width of scroller (because of margins) */
	margin: 0px 10px 0px 10px;
	float: left;
}