
/* SETTINGS */

/* The frames */
body #boutique li{
	background:url(../images/loading.gif) center no-repeat;	/* Color of the frame behind and around the image */
	border:none;													/* Outer border around frame */
}

/* Headers of all frames */
#boutique h6{
	margin: 0 0 2px 3px; /* Precise positioning is very font specific */
	line-height: 130%;
	font-family: sans-serif;
	font-weight: normal;
	color: #222;
}

/* The most frontal item */
#boutique .front{
		/* Distance between this frame and the container top */
}

#boutique .front h6{
	font-size: 28px;	/* Front frame header */
}
#boutique .front span{
	font-size: 14px;	/* Front frame description text */
}

/* The further back items */
#boutique .behind{
	margin-top: 30px;	/* Distance between these frames and the container top */
}

#boutique .behind h6{	/* Behind frame headers */
	font-size: 17px;
}
#boutique .behind span{	/* Behind frame description text */
	font-size: 9px;
}

/* The furthest back items */
#boutique .back{
	margin-top: 65px;		/* Distance between these frames and the container top */
}
#boutique img{			/* Determines the gap between image and frame border */
	margin: 1px;
}
#boutique .back h6{		/* Back frames header */
	font-size: 13px;
}
#boutique .back span{	/* Back frame description text */
	font-size: 9px;
}

/* That's it for the settings */

#boutique{ margin:0; padding:0; position:relative; z-index:1; width:540px; float: left; }
#boutique li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0px }
#boutique img{ border:0; vertical-align:bottom; width:160px; height:250px; }
#boutique span{ display:block; width: 170px;font-size: 12px; position:relative; left:0; right:0; bottom:0; text-align:center; cursor:default; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70) }
#boutique h6{ cursor:default }
#index #main #boutique a{ cursor:default; text-decoration:none; padding-right: 0px; background: none; }
#boutique img, #boutique li, #boutique a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }

/* Description text of all frames */
/* Note that this is the complete text layer, including the header inside */
#boutique span{
position: absolute;
bottom: -20px;
left: -170px;
width: 500px;
	display: none;
	font-family: Verdana,sans-serif;
	line-height: 120%;
	font-size: 14px;
	color: #462a1c;
	margin: 0;
	text-align: center;
	text-shadow: 1px 1px 0px #a2a2a2;
}

#boutique li.frame3 span {
	display: block;
}