*{
	/* Universal page reset */
	margin:0;
	padding:0;
}

#main{
	/* The main container div */
	position:relative;
	width:700px;
	
	/* CSS3 rounded cornenrs */
	
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

#holder{
	/* The unordered list that is to be split into pages */

	width:700px;
	overflow:hidden;
	position:relative;

}

.swControls{
	position:absolute;
	margin-top:10px;
}

a.swShowPage{

	/* The links that initiate the page slide */

	background-color:#996633;
	float:left;
	height:17px;
	margin:4px 3px;
	text-indent:3px;
	width:17px;

	
	
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#330000;
}

#holder li{
	margin:30px 0 0;
	float:left;
	list-style-type:none;
}

#holder,
#holder li{
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.clear{
	/* This class clears the floated elements */
	clear:both;
}