/* @override 
	http://newfrontierranches.local/css/presentation.css
*/

/* @group main column */

#mainCol {
	/* a little inner shadow for modern browsers */
	-moz-box-shadow: inset -2px 1px 4px -2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: inset -2px 1px 4px -2px rgba(0, 0, 0, .4);
	box-shadow: inset -2px 1px 4px -2px rgba(0, 0, 0, .4);
	}

#presentation {
	position: relative;
	clear: both;
	overflow: hidden;
	/* the 'height' value will be set in JS for the Scrollable plugin*/
	}

#slides {
	clear: both;
	width: 20000em;
	}

#presentation.scrollable #slides {
	/* set absolute position for the Scrollable JS */
	position: absolute;
	}

.slide {
	float: left;
	display: block;
	width: 495px;
	}

.slide .outline {
	margin: 7px;
	border: 1px solid #97876A;
	padding: 15px;
	}

/* @group photo */

.slide .frameBox,
.slide .frameBody,
.slide .frameHead,
.slide .frameHead2 {
	background: transparent url(/images/shadow-frame-gallery.gif) no-repeat bottom right;
	}

.slide .frameBox {
	width: 430px !important; /* intended total box width - padding-right(next) */
	width: 430px; /* IE Win = width - padding */
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 auto;	/* use to position the box */
	}

.slide .frameHead {
	background-position: right top;
	margin-right: -10px; /* pull the right image over on top of border */
	padding-right: 22px; /* right-image-gap + right-inside padding */
	}

.slide .frameHead2 {
	background-position: top left;
	padding: 18px 0 0 18px; /* padding-left = image gap + interior padding ... no padding-right */
	}

.slide .frameBody {
	background-position: bottom left;
	margin-right: 12px;	/* interior-padding right */
	padding: 0 0 22px 18px;	/* mirror .cssbox_head right/left */
	}



/* @end */

/* @group thumbs */

.scrollingThumbs {
	position: relative;
	}

.slideThumbs {
	position: relative;
	clear: both;
	margin: 0 52px;
	padding: 10px 0;  /* using top/bottom padding vs margin helps IE <= 7 position buttons properly */
	overflow: hidden;
	}

#presentation.scrollable .slideThumbs {
	height: 64px;
	}

.thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#presentation.scrollable .thumbs {
	clear: both;
	position: absolute;
	width: 20000em;
	}

.thumbs li {
	float: left;
	display: block;
	width: 344px;
	line-height: 1;
	}

.thumbs a:hover,
.thumbs a:active,
.thumbs a:focus {
	outline: none;
	}

.thumbs img {
	padding: 5px;
	background-color: #FBF9DC;
	border: 1px solid #BFBEA6;
	margin: 2px;
	}

.thumbs .active img {
	padding: 4px;
	border: 2px solid #932923;
	cursor: default;
	}

/* @group thumbs nav */

.prevThumbs,
.nextThumbs {
	display: none;  /* nav buttons won't display unless JS available */
	width: 20px;
	height: 20px;
	background-position: center top;
	background-repeat: no-repeat;
	}

.prevThumbs {
	background-image: url(../images/btn-rnd-left-arrow.gif);
	}

.nextThumbs {
	background-image: url(../images/btn-rnd-right-arrow.gif);
	}

.prevThumbs:hover, .prevThumbs:active,
.nextThumbs:hover, .nextThumbs:active {
	background-position: center bottom;
	}

.scrollingThumbs .disabled {
	opacity: .3;
	background-position: center top !important;
	}

#presentation.scrollable .prevThumbs,
#presentation.scrollable .nextThumbs {
	display: block;
	position: absolute;
	top: 32px;  /* add 10px for using top/btm pad vs margin */
	}

#presentation.scrollable .prevThumbs {
	left: 25px;
	}

#presentation.scrollable .nextThumbs {
	right: 25px;
	}



/* @end */



/* @end */

/* @group description */

.description {
	clear: both;
	margin: 10px 30px;
	padding-top: 10px;
	}

.description h2 {
	text-align: center;
	}

.description .caption ul {
	padding-left: 1.5em;
	}



/* @end */

/* @end */

/* @group side column */

ul#slidesMenu {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#slidesMenu li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #BFBEA6;
	}

#slidesMenu a {
	display: block;
	padding: 10px 10px 10px 20px;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	}

#slidesMenu a:link,
#slidesMenu a:visited {
	color: #746650;
	text-decoration: none;
	}

#slidesMenu a:hover,
#slidesMenu a:active,
#slidesMenu a:focus {
	color: #FBF9DC;
	background-color: #97876A;
	text-decoration: none;
	outline: none;
	}

#slidesMenu a.active:link,
#slidesMenu a.active:visited {
	color: #FBF9DC;
	background-color: #932923;
	cursor: default;
	}

/* @end */