html{
	background-color:#000000;		/* #f0f0f0; */
	margin:0 0 1px 0;
	padding:0;
	height:100%;
	min-height:100%;
}
<!--[if IE 7]>
html {
       overflow-y: scroll;
}
<![endif]-->
body{
	position:relative;
	min-width: 1024px;
	margin:0;
	padding:0;
	overflow-x: hidden;
	height:100%;
	min-height:100%;
}


div#video{
	width:790px;
	height:400px;
	clear:both;
}

div#wrap{
	position:relative;
	height:100%;min-height:100%;
}

ul#slideshow{
	list-style:none;
	width:790px;
	height:400px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#slideshowWrapper{position:relative;display:block;width:790px;height:400px;float:left;border:none; z-index:0;}
#fssPrev{position:absolute;top:150px;left:-67px;background:url(images/arrows.png) -67px 0px;width:67px;height:143px;text-indent:-999999px;}
#fssNext{position:absolute;top:150px;left:790px;background:url(images/arrows.png) no-repeat;width:67px;height:143px;text-indent:-999999px;}
#fssPlayPause{position:absolute;top:370px;right:20px;background:url(images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none;}


#fssList{list-style:none;width:790px;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}
div#left-side-outer {
	width:50%;
	float:left;
	margin:0;
	margin-right:-480px;
	height:100%;min-height:100%;
}

div#left-side{
	margin-right:480px;
	background-image:url(images/bg_left.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	height:100%;min-height:100%;
}

div#center-column {
	width:790px;
	float:left;
	color: #fff;
	background-color: #000;
	background-image:url(images/brackenborough_logo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	z-index:10;
	padding:0 70px;
}
div#central{
	margin-left:auto; margin-right:auto; display:block;
}

div#menu{

}

div#right-side-outer {
	width:50%;
	float:right;
	margin-left:-451px;
	height:100%;min-height:100%;
}
div#right-side {
	margin-left:450px;
	background-image:url(images/bg_right.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	height:100%;min-height:100%;
}


div#header {
	height:130px;
	text-align:left;
	width:740px;
	margin:0 0 16px 0;
	padding:0;
	}	
div#leftchannel {
	float: left;
	width:580px;
	}
	
div#rightchannel {
	float:right;
	}	
div#singlechannel {
	border-top:1px #888 dashed;
	clear:both;
	}
	
div#library{
	width:190px;
	height:360px;
	float:right;
}

div#submenu{
	width:150px;
	float:right;
	background-color:#666;
	background-image:url(images/submenu_b.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-top:1px #888 solid;
	border-right:1px #999 solid;
	border-bottom:1px #888 solid;
	padding:20px 20px 30px 20px;
}

div#submenu ul{list-style:none; margin:0; padding:0;}
div#submenu li{margin:0 0 6px 0; color:#000; }
div#submenu li a {color:#fff;}
div#submenu li a:hover {color:#ff0;}

div#mainchannel{
	font-size:.8em;
}
div#footer {
	clear:both;
	height:128px;
	padding:32px 0 0 0;
	color: #ffffff;
	}
div#scroller{
	clear:both;
	margin:0; /*0 53px 0 63px;*/
}

.center {margin-left:auto; margin-right:auto; display:block; text-align:center;} 
.nobr {white-space:nowrap; }


div#group{
	border-top:1px #888 dashed;
	margin:12px 0;
	padding:12px 0;
}

div#credits{
	border-top:1px #888 dashed;
	font-size:.7em;
	margin:12px 0;
	padding:12px 0;
}
div#specialoffers{
	border-top:1px #888 dashed;
	font-size:1em;
	margin:12px 0;
	padding:12px 0;
}
div#offer{
	clear:both;
	padding:12px;
	background-color:#333;
	border:1px #666 solid;
	border-bottom:8px #666 solid;
	font-size:1.2em;
	margin-bottom:12px;
}
.offer{
	clear:both;
	padding:12px;
	background-color:#333;
	border:1px #666 solid;
	border-bottom:8px #666 solid;
	font-size:1.2em;
	margin-bottom:12px;
}
div#guarantee{
	display:none;
	font-size:1.3em;
}
div#contact{
	border-top:1px #888 dashed;
	font-size:1em;
	margin:12px 0;
	padding:12px 0;
}
div#contactbox{
	float:right;
	width:83px;
	height:136px;
	background-color:#f90;
	background-image:url(images/bg_orange.jpg);
	color:#fff;
	text-align:center;
	font-size:1.4em;
	padding:6px;
	cursor:pointer;
}

div#contact h1{ font-size:1.3em; margin:0; padding:0;}
div#contact h2{ font-size:1.1em; margin:0; padding:0;}
div#contact h3{ font-size:.9em; margin:0; padding:0;}

div#choiceholder{
	right:70px; top:14px; text-align:right; vertical-align:top; position:absolute;
	width:400px;
}



#slider							{ background: black; height: 350px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 10px 0px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: -1px; width:300px }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 0px; left: 320px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


/* book flip */
.page {
	position:absolute;
	top:40px;
	left:0;
	width: 566px;
	padding:0;
	cursor:pointer;
}
.imBookPage {
	position:absolute;
	left:0px;
	top:0px;
	width: 283px;
	height:600px;
	color:#fff;
	overflow:hidden;
	border: solid 1px #000;
}