/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.anythingSlider {
	width:359px;
	height:500px;
	position:relative;
	margin:0 auto 15px;
}
.anythingSlider .wrapper { width:359px;
	overflow:auto;
	height:500px;
	margin:0 40px;
	position:absolute;
	top:0;
	left:0;
}

/* Width below is max for Opera */
.anythingSlider .wrapper ul {
	width:32700px;
	height:496px;
	list-style:none;
	position: absolute;
	top:0;
	left:0;
	background:#eee;
	border-top:3px solid #e0a213;
	border-bottom:3px solid #e0a213;
	margin:0;
}

.anythingSlider ul li {
	display:block;
	float:left;
	padding:0;
	height:450px;
	width:359px;
	margin:0;
}

.anythingSlider .arrow  {
	display:block;
	height:200px;
	width:67px;
	background:url(../images/arrows.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:115px;
	cursor:pointer;
}

.anythingSlider .forward  {
	background-position:0 0;
	right:-100px;
}

.anythingSlider .back  {
	background-position:-67px 0;
	left:-20px;
}
.anythingSlider .forward:hover {
	background-position:0 -200px;
}
.anythingSlider .back:hover {
	background-position:-67px -200px;
}

.anythingSlider .wrapper p {
	margin-top:6px;
}

#thumbNav {
	position:relative;
	top:456px;
	text-align:center;
}

#thumbNav a {
	color:black;
	font:.688em/1.125em;
	display:inline-block;
	padding:2px 8px;
	height:18px;
	margin:0 5px 0 0;
	background:#c58b04 url(../images/cellshade.png) repeat-x;
	text-align:center;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

#thumbNav a:hover {
	background-image:none;
}
#thumbNav a.cur {
	background:#e0a213;
}

#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:-20px;
	top:500px;
	-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 .wrapper ul ul {
	position:static;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
	height:auto;
	border:0;
}

.anythingSlider .wrapper ul ul li {
	float:none;
	height:auto;
	width:auto;
	background:none;
}


/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* {
	margin:0;
	padding:0;
}

#col1 {
	width:49%;
	float:left;
	margin:0 0 20px 0;
}

#col2 {
	width:49%;
	float:right;
}

pre {
	font:.813em/.138em;
	margin:0 0 15px 0;
}

#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;
}

/* For Specific Slides */
#textSlide {
	padding:10px 17px;
	font:.813em;
	line-height:1.2em;
}

#textSlide h3 {
	font:1.125em;
}

#textSlide h4 {
	text-transform:uppercase;
	font:.875em;
	margin:10px 0;
}

#textSlide ul {
	list-style:disc;
	margin:0 0 0 18px;
}

#textSlide ul li {
	display:list-item;
}