/*
 * This CSS for example 2 overwrites the default Boutique CSS for customization
 * See /css/boutique.css for the original, complete, commented CSS
 */

#demo2{
	display: none;
}

/* The frames */
#demo2 .boutique-frame{
	background: #fff url(images/loading2.gif) center no-repeat;
	border: 1px solid;
	border-color: #eaeaea #ccc #ccc #eaeaea;
}

/* Headers of all frames */
#demo2 .boutique-frame-title{
	margin: 0 0 5px;
	font-family: sans-serif;
	line-height: 1;
	font-weight: normal;
	color: #222;
}

/* Description text of all frames */
#demo2 .boutique-frame-text{
	font-family: sans-serif;
	padding: 15px 25px 20px;
	margin: 0;
	color: #444;
	background: #fff;
}

/* The most frontal item */
#demo2 .front .boutique-frame-image{
	margin: 10px;
}
#demo2 .front .boutique-frame-title{
	font-size: 30px;
}
#demo2 .front .boutique-frame-text{
	font-size: 15px;
}

/* The further back items */
#demo2 .behind .boutique-frame-image{
	margin: 6px;
}
#demo2 .behind .boutique-frame-title{
	font-size: 26px;
}
#demo2 .behind .boutique-frame-text{
	font-size: 10px;
}

/* The furthest back items */
#demo2 .back .boutique-frame-image{
	margin: 4px;
}
#demo2 .back .boutique-frame-title{
	font-size: 12px;
}
#demo2 .back .boutique-frame-text{
	font-size: 7px;
}

#prev, #next{ position:absolute; top:125px; cursor:pointer }
#prev{ left:-50px }
#next{ right:-50px }