/* See boutique.css for complete comments */
/* SETTINGS */

/* The frames */
body #example2 li{
	background: #fff url(../images/loading2.gif) center no-repeat;
	border:1px solid;
	border-color: #dedede;
}

/* Headers of all frames */
#example2 h6{
	margin: 0 0 5px 0;
	font-family: 'Segoe UI',Arial,Verdana,sans-serif;
	line-height:80%;
	font-weight: normal;
	color: #FFFFFF;
}

/* Description text of all frames */
#example2 span{
	font-family: Arial,Verdana,sans-serif;
	padding: 10px 15px;
	margin: 0;
	color: #ffffff;
	background: #8668b0;
}

/* The most frontal item */
#example2 .front{
	margin-top: 0;
}
#example2 .front img{
	margin: 10px;
}
#example2 .front h6{
	font-size: 20px;
}
#example2 .front span{
	font-size: 15px;
}

/* The further back items */
#example2 .behind{
	margin-top: 25px;
}
#example2 .behind img{
	margin: 6px;
}
#example2 .behind h6{
	font-size: 22px;
}
#example2 .behind span{
	font-size: 12px;
}

/* The furthest back items */
#example2 .back{
	margin-top: 40px;
}
#example2 img{
	margin: 4px;
}
#example2 .back h6{
	font-size: 12px;
}
#example2 .back span{
	font-size: 7px;
}

/* That's it for the settings */

#example2{ margin:0; padding:0; position:relative; z-index:1 }
#example2 li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0px }
#example2 img{ border:0; vertical-align:bottom; width:280px; height:400px }
#example2 span{ display:block; position:absolute; left:0; right:0; bottom:0; text-align:left; cursor:default; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90) }
#example2 h6{ cursor:default }
#example2 a{ cursor:default; text-decoration:none }