/*CSS Reset*/

body {
	background:#fff; 
	font:12.35px "Lucida Grande", Arial, Verdana, sans-serif;
}

a {
	color:#333333;
	font-size:12px; 
	text-decoration:none; 
}



/************************************************
	Round Corners Button Rollover Example 1
************************************************/

.example1 li {
	display:inline; 
	list-style:none; 
}

.example1 li a {
	background:transparent url(images/buttonleft.jpg) no-repeat left;
	display:block;
	float:left;
	height:22px;  
	margin-right:15px;
	padding:5px 0 5px 10px;	
}
	
.example1 li a span {
	background:transparent url(images/buttonright.jpg) no-repeat right;
	cursor:pointer;
	display:inline; 
	float:left; 
	height:12px;  
	padding:5px 10px 5px 0;
}

.example1 li a:hover {
	background:transparent url(images/buttonleft_ro.jpg) no-repeat left;
	color:#fff;
	padding:5px 0 5px 10px; 
}

.example1 li a:hover span {
	background:transparent url(images/buttonright_ro.jpg) no-repeat right; 
	color:#fff;
	padding:5px 10px 5px 0; 
}