/* from from http://www.sitepoint.com/examples/rounded_images/css-only.php */


div.wrapper {
	margin:10px;
	position:relative;
	float:left;
	vertical-align:top;
}
div.wrapper img{	
	float:left;
	border:0 none;

}
div.wrapper div{	
	position:absolute;

	left:0;

	height:7px;

	width:100%

}
div.wrapper div.tl{
	background:transparent url(../images/roundcorners/tl.gif) top left no-repeat;
	top:0;
	left:0;
}
div.wrapper div.tr{
	background:transparent url(../images/roundcorners/tr.gif) top right no-repeat;
	top:0;
	right:0;
}

div.wrapper div.bl{
	background:transparent url(../images/roundcorners/bl.gif) bottom left no-repeat;
	bottom:0;
	left:0;
		margin:0;
	padding:0;
}
div.wrapper div.br{
	background:transparent url(../images/roundcorners/br.gif) bottom right no-repeat;
	bottom:0;
	right:0;
		margin:0;
	padding:0;
}