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

#slideshow {
	position:relative;
	height:501px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;

}#wrapper2 #wraperindex {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

a.rollover {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_gallery.png);
	}

a.rollover:hover {
	background-position: -333px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
#3acrossgrid {
	width: 333px;
	display: inline;
	float: left;
	position: relative;
}

a.rollover2 {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_worldfamous.png);
	}

a.rollover2:hover {
	background-position: -333px 0;
	}
	
a.rollover3 {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_giftcerts.png);
	}

a.rollover3:hover {
	background-position: -333px 0;
	}
	
	
a.rollover4 {
	display: block;
	width: 1000px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_bikerun.png);
	}

a.rollover4:hover {
	background-position: -1000px 0;
	}
	
a.rollover5 {
	display: block;
	width: 1000px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/indexbox_david.png);
	}

a.rollover5:hover {
	background-position: -1000px 0;
	}
	
a.rollover6 {
	display: block;
	width: 1000px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/coming_soon_index.png);
	}

a.rollover6:hover {
	background-position: -1000px 0;
	}
		
#wrapper #topwrapper #righttop #topindexpromo {
	height: 100px;
	width: 200px;
	float: left;
	margin-left: 325px;
}

a.rollover7 {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_newsletters.png);
	}

a.rollover7:hover {
	background-position: -333px 0;
	}
	
a.rollover8 {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_mailinglist.png);
	}

a.rollover8:hover {
	background-position: -333px 0;
	}
	
a.rollover9 {
	display: block;
	width: 333px;
	height: 226px;
	text-decoration: none;
	background-image: url(../images/index_microdermal.png);
	}

a.rollover9:hover {
	background-position: -333px 0;
	}