/********************************************************************

	FUNCTION13 - shop.css
	-----------------------------
	author: zack ginies - zack@zackginies.com
	date: march 30, 2010 
	
	INDEX
	-----------------------------------------
	- Exhibits
	- Content Well
	- About Shop
	- Shop Hours
	- Image Gallery
	
*********************************************************************/

/* EXHIBITS --------------------------------------------------------*/

/* Current Exhibit */

#current_exhibit {
	float: left;
	margin-right: 15px;
	_width: 125px;
}

	#current_exhibit .title_block h3 {
		width: 115px;
	}

	#current_exhibit .content {
		margin-bottom: 0;
	}
	
		#current_exhibit .content img {
			height:80px;
			width:282px;
		}

/* Next Exhibit */

#next_exhibit {
	float: left;
	margin-right: 15px;
	_width: 125px;
}

	#next_exhibit .title_block h3 {
		width: 115px;
	}

	#next_exhibit .content {
		margin-bottom: 0;
	}
	
		#next_exhibit .content img {
			height:80px;
width:282px;
		}
	
/* Past Exhibit */

#past_exhibit {
	float: left;
	margin: 0 0 0 0;
	text-align: right;
}
	
	#past_exhibit .title_block h3 {
		width: 115px;
	}

	#past_exhibit .content img {
		height:80px;
width:282px;
	}
	
/* CONTENT WELL ---------------------------------------------------*/

#content_well {
	margin-left: 0;
}

.content {
	text-align: left;
}

.content h4 {
	color: #00aeef;
}

/* ABOUT GALLERY ---------------------------------------------------*/

#about_gallery {
	margin-top: -29px;
	*margin-top: 0;
	width: 598px;
	text-align: right; 
}

/* ABOUT SHOP ---------------------------------------------------*/

#about_shop {
	float: left;
	margin-top: -29px;
	*margin-top: 0;
	width: 400px;
	text-align: right; 
}

/* SHOP HOURS ---------------------------------------------------*/

#shop_hours {
	background: #01aef0;
	margin: 29px 0 20px 435px;
	width: 460px;
	height: 170px;
	color: #fff;
	border: 5px solid #fff;
}

	#shop_hours p {
		float: left;
		width: 125px;
		font-size: 20px;
		line-height: 20px;
	}
	
		#shop_hours p.to {
			width: auto;
			padding: 10px;
			line-height: 10px;
		}

	#shop_hours h3 {
		padding: 20px 0 0 20px;
		margin-bottom: 20px;
		font-size: 27px;
	}
		
		#shop_hours h3 span {
			color: #1582ab;
		}
		
	#shop_hours .hour_block {
		padding: 0 10px 0 20px;
		overflow: hidden;
		zoom: 1;
	}
	
		#shop_hours .hour_block span {
			float: left;
			background: #fff;
			display: block;
			width: 110px;
			padding: 6px 10px 10px 10px;
			font-size: 26px;
			font-weight: bold;
			text-align: center;
			color: #01aef0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

/* IMAGE GALLERY ------------------------------------------------*/


.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:  897px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  897px;
    height: 368px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:  897px;
    height: 368px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    bottom: 10px;
    right: 10px;

}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: #0095cc;
	border: 1px solid #0095cc;
	color: #fff;
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 10px;
    left: 10px;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: #0095cc;
	border: 1px solid #0095cc;
	color: #fff;
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}