#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: 966px; 
	position: relative; 
	height: 263px;
	float: right;
}
.scrollContainer div.panel {
	width: 966px; 
	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: 40px;
	width: auto;
	position: absolute;
	z-index: 10;
	left: 33px;
	bottom: 25px;
	margin: 0;
	padding: 0
}
.pagination li {
	margin: 0 30px 0 0;
	float: left;
	width: 70px;
	list-style-type: none;
	padding: 0;
	background: none;
}
.pagination li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 12px;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.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}


ul.pagination {}
.pauseSlider {text-indent: -9999px; overflow: hidden; display: block; width:40px; height: 40px; background: url(../images/pauseSlider.gif) 0 0 no-repeat; position: absolute; left: 83px; bottom: 25px; z-index: 1000; cursor: pointer}

.playSlider {text-indent: -9999px; overflow: hidden; display: block; width: 40px; height: 40px; background: url(../images/playSlider.gif) 0 0 no-repeat; position: absolute; left: 83px; bottom: 25px; z-index: 999; cursor: pointer}

.pauseSlider:hover,
.playSlider:hover {background-position: 0 -40px}

/**************************************** 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 div.intro {position: absolute; left: 35px; top: 22px; z-index: 11; width: 550px;}
div.panel h2 {color: #fff; margin: 0; font-size: 25px; letter-spacing: -1px}
div.panel p {margin: 0;  color: #ddd; text-align: left}
div.panel p a {color:#fff}
div.panel p a:hover {color: #eee}
div.panel img {position: absolute; top: 0; right: 0; z-index: 9}
div.panel ul.features {margin: 7px 0 7px 0; padding: 0; color: #ddd; text-align: left}
div.panel ul.features li {list-style: none outside; margin: 0}
div.panel ul.features li a {color: #fff}
div.panel ul.features li a:hover {color: #eee}

div.panel a.readMore {display: block; width: 123px; height: 36px; line-height: 36px; text-indent: 36px; padding: 0; background: url(../images/readMore.png) 0 0 no-repeat; color: #f0f0f0; font-weight: bold; text-decoration: none}
div.panel a.readMore:hover {background-position: 0 bottom}

div.panel a.readMore:hover {color: #fff}