/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	/* CSS3 Rounded Corners */

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid white;
	float : right;
	margin-left : 15px;
	margin-bottom : 5px;
	

	/* The width of the gallery */
	width:473px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:256px;

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:473px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:40px;
	background:url(img/panel.jpg) 0 1px repeat-x #ffffff;
}

#gallery ul{
	margin:0px;
	padding:0px;
}

#gallery li{
	/* Every thumbnail is a li element */
	margin : 0;
	width:52px;
	padding : 0;
	display:inline-block;
	text-align : center;
	list-style:none;
	height:42px;
	padding-bottom : 2px;
	overflow:hidden;
}

#gallery li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

#gallery li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) -3px 0 no-repeat;
}

#gallery li.act a{
	cursor:default;
}



#gallery li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:40px;
	text-align : center;
	width : 52px;
	padding-top:7px;
	
}

#gallery li.act a{
	background : transparent;
}

#gallery a img{
	border:none;
}

#gallery li.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}




.img{
	float:left;
	width : 248px;
	height : 145px;
	border : 1px solid #c4c2c2;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
			
	-webkit-box-shadow: 1px 1px 1px 1px #eee;
	-moz-box-shadow: 1px 1px 1px 1px #eee;
	box-shadow: 1px 1px 1px 1px #eee;
	
	
	margin-right : 10px;
	z-index : 1;
	margin-bottom : 10px;
	
	-webkit-transition-duration: 0.75s;
	transition-duration: 0.75s;
	-moz-transition-duration: 0.75s;
	text-align : center;	
	
	background: #ffffff; /* Old browsers */
	

	}

.img:hover{
	position : relative;
	-webkit-transform:scale(1.5);
	-webkit-box-shadow:0px 0px 30px #ccc;
	
	-moz-transform:scale(1.5);
	-moz-box-shadow:0px 0px 30px #ccc;
	
	-webkit-transition-duration: 0.75s;
	-moz-transition-duration: 0.75s;
	-o-transition-duration:0.75s;
	
	font-size : 11px;
	z-index : 5;
	background : #fff;
	opacity:1.0;
}

.img .mask{
	text-align : center;
	vertical-align : middle;
	width: 248px;
		
	margin-right : 10px;
	z-index : 2;
	margin-bottom : 10px;
	
	text-align : center;	
	
/* 	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 72%, #e4dbd5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#ffffff), color-stop(100%,#e4dbd5));
	background: -webkit-linear-gradient(top,  #ffffff 72%,#e4dbd5 100%); 
	background: -o-linear-gradient(top,  #ffffff 72%,#e4dbd5 100%); 
	background: -ms-linear-gradient(top,  #ffffff 72%,#e4dbd5 100%); 
	background: linear-gradient(top,  #ffffff 72%,#e4dbd5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4dbd5',GradientType=0 );
*/
	background : url(/images/artwork/values-back.png) no-repeat;
	border : 1px solid #c4c2c2;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	
 	position: absolute;
	height: 145px;
	opacity:0.90;

	cursor:pointer;
	-webkit-transition-duration: 0.75s;
	-moz-transition-duration: 0.75s;
	-o-transition-duration:0.75s;
}


.sponsorDescription
{
	padding : 15px;
	margin : 0;
	z-index : 1;
}


.img h2
{
	margin-left : 15px;
	margin-right : 15px;
	font-size : 2.0em;
	color : #000;
	margin-top : 40px;
	line-height : 1.4em;
	text-shadow: 3px 3px 3px #f9e4be;
	
}

.img:hover h2
{
	margin-top : 10px;
	font-size : 1.4em;
	margin-bottom : 0;
	padding-bottom : 0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration:1s;
	text-align : center;
}

.img:hover .sponsorDescription
{
	margin-top : 35px;
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	padding : 15px;
	z-index : 6;
	padding-top : 0;
	-webkit-transition-duration: 0.75s;
	-moz-transition-duration: 0.75s;
	-o-transition-duration:0.75s;
	background : #fff;
}

.img:hover .mask{
	
/* 	background: #e4dbd5; 
	background: -moz-linear-gradient(top,  #e4dbd5 0%, #ffffff 28%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4dbd5), color-stop(28%,#ffffff)); 
	background: -webkit-linear-gradient(top,  #e4dbd5 0%,#ffffff 28%); 
	background: -o-linear-gradient(top,  #e4dbd5 0%,#ffffff 28%); 
	background: -ms-linear-gradient(top,  #e4dbd5 0%,#ffffff 28%); 
	background: linear-gradient(top,  #e4dbd5 0%,#ffffff 28%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4dbd5', endColorstr='#ffffff',GradientType=0 ); 
	*/

	background : url(/images/artwork/values-back.png) no-repeat;

	border-bottom : 1px;
	margin-left:00px;
	margin-top:0px;
	z-index : 7;
	height:0px;;
	width : 248px;
	opacity:0.5;
	-webkit-transition-duration: 0.75s;
	-moz-transition-duration: 0.75s;
	-o-transition-duration:0.75s;
}


#LeftColContainer p#MissionStatement
{
	font-size : 16px;
	color : #333;
	margin-bottom : 20px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 45%, #f9e9b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#ffffff), color-stop(100%,#f9e9b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 45%,#f9e9b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 45%,#f9e9b8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 45%,#f9e9b8 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 45%,#f9e9b8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9e9b8',GradientType=0 ); /* IE6-9 */
	
	padding : 15px;
	border : 1px solid #c4c2c2;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
		
	-webkit-box-shadow: 1px 1px 1px 1px #eee;
	-moz-box-shadow: 1px 1px 1px 1px #eee;
	box-shadow: 1px 1px 1px 1px #eee;
	

}