/* @override 
	http://www.mmdogboarding.dev/css/sshow.css
	http://mmdogboarding.com/css/sshow.css
*/
/*
Site:           mmdogboarding.com
File:           sshow.css
Last Modified:  Aug 28 2009 
-----------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com | Copyright 2008-2009
=========================================================== */
#slideshowcontainer{
	margin: 0 auto;
	padding:3px;
	width:550px;
	height: 297px;
	text-align:left;
	
	background-color: #E4DDC3;
	overflow: hidden;
	clear:both;
	}

#largeimage {	/* Large image div */
	width:372px;	/* Width of large image div */
	height:266px;	/* Height of large image div */
	float:left;
	overflow:hidden;
	background: #393423;
	border:2px solid #716746;
	text-align:center;
	}


#panel, #thumbs, #arrows {
	width:172px;
	}

#panel {	
	float:right;
	}
	
h3#view-large {
	position: relative;
	top: 20px;
	left: 190px;
	z-index: 5;
	font-family: 'Trebuchet MS', 'Verdana', 'Helvetica', 'Arial', sans-serif;
	font-size: 11px;
	color: #3f2f1c;
	
}

#thumbs {
	overflow:hidden;	/* Don't change this */
	height:270px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
	background: #D5CCAC;
	padding:0;
	}


	
	
	.thumbstrip{	/* A vertical strip of thumbnails */
		width:86px;	/* Width of strip */
		padding:5px 0 0 0;	/* "Air" inside filmstrip div */
		position:absolute;
		margin-top: 10px;
		background: #D5CCAC;
		height:270px;
	}
	
.thumbstrip div{
	width:80px;
	height:80px;
	padding:3px;
	margin:0;
	text-align:center;
	overflow:hidden;
	background: #D5CCAC;
	}
	
	.thumbstrip img {
		width:64px;
		height:64px;
				border:1px solid #333;
		padding:0;
		margin:5px;
	}
	.thumbstrip img:hover {
	border: 5px solid #3f2f1c;
	margin: 1px;
}
	
	.thumbstrip .activethumb {	/* Active thumbnail */
				border:5px solid #8E001B;	/* Green border around active thumbnail */
		padding:0;
		margin:1px;
	}

#arrows {
  position: relative;
  float: left;
  }
	
#leftarrow{
	float:left;
	display:block;
	width: 41px;
	height: 22px;
	margin-top: 3px;
	margin-left: 5px;
	background: url(../images/photo_nav.gif) no-repeat;
	text-indent: -9999px;
	}
	
#leftarrow:hover {
	background-position: 0 -22px;
}

#rightarrow {
	float:right;
	display:block;
	width: 41px;
	height: 22px;
	margin-top: 3px;
	background: url(../images/photo_nav.gif) no-repeat -41px 0;
	text-indent: -9999px;
	}
	
#rightarrow:hover {
	background-position: -41px -22px;
}
	
#more-photos {
	position: absolute;
	top: 7px;
	left: 55px;
	font-family: 'Trebuchet MS', 'Verdana', 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	color: #3f2f1c;
}
	
#thumbs_inner {
	position:relative;	/* Never change this */
	width:1000px;
	}

/* =md= */


#galtitle {
	float:left;
	background: transparent;
 	width: 569px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	padding:0 0 0 5px;
	color:#fff;
	clear:left;
	}	

#galtitle .title {
	float:left;
}

#galtitle .piccount {
	font-size:11px;
	}

#galtitle .gallery-link {
	float:right;
	background:#ccc;
	height: 20px;
	padding:0 10px 0 12px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	text-align: right;
	}


#caption-wrap {
	margin-top: 5px;
	width: 370px;
	height: 18px;
	float:left;
	}

#galdesc {
	float:left;
	background: transparent;
	width: 360px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	padding:0 5px;
	color:#333;
	clear:left;
	position: relative;
	top: -165px;
	left: 140px;
	}