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

html, body{
	margin: 0px;
	background: #161615;
}
body{
	background: #161615;
}
a{
	text-decoration: none;
	color: #666;
}
a:hover{
	color: #CCC;
}
a img{
	border: none;
}
.clear{
	clear: both;
	line-height: 0em;
}
/*====================================================================================================== HEADER */
#header{
	width: 850px;
	margin: 0px auto;
	text-align: center;
	padding: 20px 0px 26px 0px;
}
/*====================================================================================================== CONTAINER */
#container{
	background: #111110;
	text-align: center;
	padding: 70px 0px;
}
	.wrapper{
		width: 750px;
		margin: 0px auto;
		color: #555;
		font: normal normal 11px Verdana, Geneva, sans-serif;
		line-height: 1.6em;
		text-align: left;
	}
	.imgHolder{
		border: 1px solid #2c2c2b;
		padding: 10px;
		float: left;
		line-height: .5em;
		background: #1f1f1e;
	}
/*====================================================================================================== FOOTER */
#footer{
	width: 850px;
	margin: 0px auto;
	color: #3e3e3c;
	text-shadow: #0c0c0c 0px -1px 2px;
	text-align: center;
	text-transform: uppercase;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 45px 0px;
}
	#footer a{
		color: #3e3e3c;
	}
	#footer a:hover{
		color: #999;
	}
/*====================================================================================================== TYPOGRAPHY */
h1{
	font: normal normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
h2{
	font: normal normal 14px "Trebuchet MS";
	color: #888;
	margin: 0px;
	padding: 0px;
}
h3{
	font: normal normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

/*====================================================================================================== HOME */
#featured{
	background: url(/images/bg_ft-shadow.gif) center center no-repeat;
	line-height: 0em;
	padding: 3px;
	width: 850px;
	margin: 0px auto;
}
	.ftImgHolder{
		display: block;
		background: #272624;
		border: 1px solid #383735;
		padding: 10px;
	}
/*====================================================================================================== COLLECTIONS */
#collections a{
	display: inline-block;
	position: relative;
	background: url(/images/bg_shadowcollection.gif) center top no-repeat;
	text-align: center;
	text-transform: uppercase;
	color: #3a3a38;
	font: normal normal 10px Verdana, Geneva, sans-serif;
	width: 170px;
	margin: 0px 40px 0px 40px;
	padding: 3px;
}
	#collections a:hover{
		color: #6c6c67;
	}
	#collections .label{
		display: block;
		padding-top: 7px;
	}
	#collections .hover{
		display: none;	
	}
	#collections a:hover .hover{
		position: absolute;
		display: block;
		top: 3px;
		left: 3px;
		background:url(/images/bg_hover.png) center center  no-repeat;
		width: 170px;
		height: 279px;
	}
/*SCROLL*/
.sliderGallery {
  	overflow: hidden;
  	position: relative;
    height: 279px;
    width: 100%;
	padding-bottom: 85px;
}
	.sliderGallery ul {
    	position: absolute;
        list-style: none;
        overflow: none;
        white-space: nowrap;
        padding: 0;
        margin: 0;
		z-index: 101;
	}
	.sliderGallery ul li {
    	display: inline-block;
		width: 170px;
		padding: 3px;
		background: url(/images/bg_shadowcollection.gif) center top no-repeat;
		margin: 0px 30px;
	}
	.sliderGallery ul li a{
    	display: block;
		position: relative;
		color: #3a3a38;
		font: normal normal 10px Verdana, Geneva, sans-serif;
		width: 170px;
		}
	.sliderGallery ul li a:hover{
		color: #6c6c67;
	}
	.sliderGallery ul li .label{
		display: block;
		padding-top: 7px;
		line-height: 1em;
	}
	.sliderGallery ul li a .hover{
		background: none;	
	}
	.sliderGallery ul li a:hover .hover{
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		background:url(/images/bg_hover.png) center center  no-repeat;
		width: 170px;
		height: 279px;
	}
	.slider {
    	width: 500px;
        height: 20px;
        margin: 340px auto 0px auto;
        position: relative;
        background: url(/images/bg_scroll-slider.gif) center center no-repeat;
	}
    .handle {
    	position: absolute;
        cursor: move;
        height: 20px;
        width: 180px;
        top: 0;
        background: url(/images/bg_scroll-handle.gif) center center no-repeat;
        z-index: 100;
	}