body{margin:0;padding:0; font-family:helvetica, arial, tahoma, sans-serif; font-size:77%;text-align: center;}

ul, li {list-style:none; list-style-image:none;}
#page {width:1024px; margin:0 auto 0 auto; padding:0; text-align:center;}
#header{border-bottom:1px solid black;position:relative;left:0;text-align:left;}
.home #header{display:none;}

#content{position:relative;}
#footer{}

#header ul{margin:0; padding:0; list-type:none;position:absolute; right:0px;top:60px}
#header li{margin:0 0px; padding:0 4px 0 2px; list-type:none; float:left;background:url(images/nav-sep.png)  right -4px no-repeat;}
#header li.last, #header li:last-child{background:none;padding:0 0 0 2px;margin:0;}
#header ul a{color:black;text-decoration:none;padding:0 5px;font-size:1.1em;}
#header ul a:hover,#header ul a.active{color:white;background-color:black;text-decoration:none;padding:0 5px;}

.home #header ul{display:none;}

h1{border:1px solid white; width:172px; height:105px;margin:0; padding:0;left:0;}
h1 a{display:block;background:url(images/bridgethall.png) no-repeat center center;height:105px;line-height:105px;}
h1 a span{display:none}

#content{position:relative;}
.contact{padding:95px 0 90px;border-bottom:1px solid black;text-align:center;}
.videos{padding:30px 0 50px 0; border-bottom:1px solid black;text-align:center;}

#image_wrap {width:1024px;margin:30px 0;padding:0 0 30px;text-align:center;background-color:#fff;border-bottom:1px solid black;outline:none;}
.home #image_wrap{border-bottom:none;margin:0;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	text-align:left;
	overflow:hidden;
	width: 999px;
	height:100px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;position:absolute;clear:both;
}

/* single scrollable item */
.scrollable img {float:left;margin:0px;margin:0px !important; width:auto; padding:0px; cursor:pointer;height:100px;border:none; outline:none;}
.home .scrollable img {display:none;}

/* active item */
.scrollable .active {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5
	z-index:9999;
	position:relative;
}


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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:#000 url(images/arrows.png) no-repeat;
	display:block;
	width:25px;
	height:100px;
	position:absolute;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: right -3px; clear:right; margin-right: 0px;right:0;}
a.right:hover 		{ background-position: right -3px ;}
a.right:active 	{ background-position: right -3px ; } 
/* left */
a.left				{ margin-left: 0px;background-position:0 -3px ; left:0; z-index:99999; } 
a.left:hover  		{ background-position:0 -3px ; }
a.left:active  	{ background-position:0 -3px ;}

/* disabled navigational button */
a.disabled {visibility:hidden !important;}