#wrapper {
	margin: 0px auto; 
	width: 743px;
	text-align: left;
	padding: 50px 0 0 0;
}
/*************************** coda slider styles *****************************************/
#sliderwrap {
	margin: 0 13px;
	width: 966px;
	height: 263px;
}
#slider {
	margin: 0; 
	width: 966px; 
	position: relative;	
	float: right;
	height: 263px;
}
#slider .thepng {
	position: absolute;
	top: 120px;
	left: 510px;
	z-index: 200;
}
.scroll {
	clear: left;  
	overflow: auto; 
	width: 706px; 
	position: relative; 
	height: 263px;
	float: right;
}
.scrollContainer div.panel {
	width: 706px; 
	height: 263px;
	overflow: hidden
}

ul.navigation {
	position: absolute;
	top: 18px;
	left: 0;
	margin: 0;
	width: 260px;
	height: 263px;
	overflow: hidden
}
ul.navigation li {
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
	list-style-type: none;
	width: 100%;
	background: 	none;
}
ul.navigation a {
	margin: 0;
	padding: 0;
	color: #eee;
	text-decoration: none;
	line-height: 42px;
	display: block;
	height: 44px;
	text-indent: 30px;
}
ul.navigation a:hover {
	color: #fff;
	background: #5e7ab2
}
ul.navigation a.selected {
	text-indent: 30px;
	color: #fff;
	background: url(../images/coda-slider-current.gif) right 50% no-repeat
}
ul.navigation a:focus {
	outline: none
}
.scrollbuttons {
	cursor: pointer; position: absolute; top: 97px
}
.left.scrollbuttons {
	left: -18px
}
.right.scrollbuttons {
	right: -18px
}
.hide {
	display: none
}
.pagination {
	height: 26px;
	width: 140px;
	position: absolute;
	left: 20px;
	bottom: 10px;

}
.pagination li {
	margin: 0;
	float: left;
	width: 25px;
	list-style-type: none;
	padding: 2px 5px 0 0;
	background: none;
}
.pagination li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 12px;
	height: 25px;
	width: 25px;
	line-height: 25px;
}
.pagination li a.prevLink {background:url(../images/prevLink.gif) left top no-repeat}
.pagination li a.nextLink {background:url(../images/nextLink.gif) left top no-repeat}

.pagination li a:hover {background-position: left bottom}


/**************************************** end coda slider styles ***********************************/

/**************************************** button styles *****************************************/



#mainnav {
	height: 36px;
	position: relative;

}
#mainnav li {
	list-style-type: none;
	float: left;
	background: none;	
}
#show.fadethis {
	width: 153px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#show.fadethis span {
	width: 153px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}
#fin.fadethis {
	width: 153px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#fin.fadethis span {
	width: 153px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}
#warr.fadethis {
	width: 153px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#warr.fadethis span {
	width: 153px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}

#loc.fadethis {
	width: 210px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#loc.fadethis span {
	width: 210px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}
#cont.fadethis {
	width: 153px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#cont.fadethis span {
	width: 153px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}
#home.fadethis {
	width: 120px;
	height: 36px;
	position:relative;
	display:block;
}
a:hover#home.fadethis span {
	width: 120px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}

	
	.fadethis * {
	  display: none;
	}
	
	.fadethis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
.clear {
	clear: both;	
	line-height: 0px;
	height: 0px;
}


/* ------------------------------- IN PANEL STYLES ------------------------------- */

div.panel {color: #fff}
div.panel h2 {color: #fff; margin: 0; position: absolute; left: 30px; top: 27px; z-index: 11; width: 400px;}
div.panel p {margin: 0; position: absolute; left: 30px; top: 75px; z-index: 11; width: 340px; color: #ddd}
div.panel p a {color:#fff}
div.panel p a:hover {color: #eee}
div.panel img {position: absolute; top: 0; right: 10px; z-index: 9}
div.panel ul {}
div.panel ul li {list-style: none outside}
div.panel ul li a {color: #fff}
div.panel ul li a:hover {color: #eee}


.pauseSlider {display: block; width: 25px; height: 25px; background: url(../images/pauseSlider.gif) 0 0 no-repeat; position: absolute; left: 65px; bottom: 24px; z-index: 1000; cursor: pointer}
.pauseSlider .hover {background: url(../images/pauseSlider.gif) 0 bottom none no-repeat}