#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Sans-Serif,Arial,Helvetica; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }

/*
    Slider Class
*/

.anythingSlider                         { width: 100%; height: 465px; position: relative; margin: 0; }
.anythingSlider .content                { width: 100%; overflow: auto; height: 465px; margin: 0; position: absolute; top: 0; left: 0; }


                                       /* Width below is max for Opera */
.anythingSlider .content ul             { width: 232700px; list-style: none; position: absolute; top: 0; left: 93px; margin:0; background: none repeat scroll 0 0 transparent; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 465px; width: 1318px; margin: 0; background: none repeat scroll 0 0 transparent; }

div.overlay { position: absolute; top: 0; left:0; width: 100%; }
div.overlay div.bg-brown { background-color:#4a3d2d; float: left; width: 75px; height: 465px; }
div.overlay div.bg-blue { background-color:#9ac7dc; float: right; width: 75px; height: 465px; }

.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -99999px; position: absolute; top: 80px; cursor: pointer; }
.anythingSlider .arrow-block            { display: block; height: 80%; width: 200px; background: transparent; text-indent: -99999px; position: absolute; top: 0; cursor: pointer; }
.anythingSlider .forward                { background-position: 40px 0; right: 0; }
.anythingSlider .back                   { background-position: -120px 0; left: 0; }


#thumbNav                               { position: relative; top: 500px; text-align: center; }
#thumbNav a                             { display: inline-block; color: #fff; border-right:1px solid #A5A19C; padding:0 9px; text-transform:uppercase; font-size:11px; text-decoration: none; outline: none; }
#thumbNav a:last-child                  { border-right: 0; }
#thumbNav a.cur                         { color: #DBC28A; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .content ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .content ul ul li       { float: none; height: auto; width: auto; background: none; }


.anythingSlider .content .page ul {
	margin: 0;
	padding: 0;
}
.anythingSlider .content .page ul li {
	list-style: none;
	float: left;
	margin: 0 6px 0 0;
}
.anythingSlider .content .page ul li.title {
	width: 180px;
	height: 465px;
	background-color: #9ac7dc;
	position: relative;
}
.anythingSlider .content .page ul li.title span{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	bottom: 57px;
	font-size: 44px;
	left: 78px;

	position: absolute;
	text-transform: uppercase;
}
.anythingSlider .content .page ul li.title img {
	vertical-align: bottom;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}
.anythingSlider .content .page ul li.text {
	background-color: #554636;
	font-size: 12px;
	height: 465px;
	width: 500px;
}
.anythingSlider .content .page ul li.text ul.tabs{
	margin: 57px 0 34px 26px;
}
.anythingSlider .content .page ul li.text ul.tabs li {
	border-right: 1px solid #fff;
}
.anythingSlider .content .page ul li.text ul.tabs li:last-child {
	border-right: 0;
}