@charset "UTF-8";
/* CSS Document */

/*Thanks to Jquery For Designers
http://jqueryfordesigners.com/coda-slider-effect/*/

/*div {
	border: 1px solid #333333;	
}*/

#intro {
}
#slider {
    width: 720px;
    margin: 0 auto;
    position: relative;
}
.scroll {
    height: 250px;
	  width: 720px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: 250px;
		width: 703px;
}
#shade {
}
.scrollButtons {
    position: absolute;
    top: 100px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -20px;
}
.scrollButtons.right {
    right: -20px;
}
.hide {
    display: none;
}

/* artwork port Thumbs-------------------------------------------------- */
.thumbNav li{
	display: inline;
	list-style-type: none;
}
.thumbNav li{
}
.thumbNav a{
	width: 156px;
	/*height: 191px;*/
	display: block;
	float: left;
	margin-right: 13px;
	/*padding-top: 181px;*/
	padding-top: 212px;
	}
.first a{
	width: 136px;
}
.panel li a{
	text-transform: uppercase;	
}
.panel span {
	margin-left: 10px;
}

/* artwork port Thumbs PACKAGING-------------------------------------------------- */
.dogHouse a, .dogHouse a:visited{
	background: url(../_images/port/packaging/dog_house_th.jpg) no-repeat right top;
}
.dogHouse a:hover{
	background: url(../_images/port/packaging/dog_house_th.jpg) no-repeat right bottom;	
}
.atlasPeak a, .atlasPeak a:visited{
	background: url(../_images/port/packaging/atlas_peak_th.jpg) no-repeat right top;
}
.atlasPeak a:hover{
	background: url(../_images/port/packaging/atlas_peak_th.jpg) no-repeat right bottom;	
}
.ferrariCarano a, .ferrariCarano a:visited{
	background: url(../_images/port/packaging/ferrari_carano_th.jpg) no-repeat right top;
}
.ferrariCarano a:hover{
	background: url(../_images/port/packaging/ferrari_carano_th.jpg) no-repeat right bottom;	
}
.williamHill a, .williamHill a:visited{
	background: url(../_images/port/packaging/wiliam_hill_th.jpg) no-repeat right top;
}
.williamHill a:hover{
	background: url(../_images/port/packaging/wiliam_hill_th.jpg) no-repeat right bottom;	
}
.enzo a, .enzo a:visited{
	background: url(../_images/port/packaging/enzo_th.jpg) no-repeat right top;
}
.enzo a:hover{
	background: url(../_images/port/packaging/enzo_th.jpg) no-repeat right bottom;	
}
.xyZin a, .xyZin a:visited{
	background: url(../_images/port/packaging/xyzin_th.jpg) no-repeat right top;
}
.xyZin a:hover{
	background: url(../_images/port/packaging/xyzin_th.jpg) no-repeat right bottom;	
}
.rockinZ a, .rockinZ a:visited{
	background: url(../_images/port/packaging/rockinz_th.jpg) no-repeat right top;
}
.rockinZ a:hover{
	background: url(../_images/port/packaging/rockinz_th.jpg) no-repeat right bottom;	
}
.fowler a, .fowler a:visited{
	background: url(../_images/port/packaging/fowler_th.jpg) no-repeat right top;
}
.fowler a:hover{
	background: url(../_images/port/packaging/fowler_th.jpg) no-repeat right bottom;	
}

/* -------------------------------------------------- */