* {margin:0; padding:0;}


/*
	Curved box
	Width: 720px
	Height: Flexible
	Margin: 15px
	Static two image curved box, with a fixed width. 
	Increase width by changing width and images. Simple :-)
	Working: All browsers
*/
.curvedBox{width:720px; background:url(images/brtop.png) no-repeat scroll top left; padding-top:34px; position:relative; overflow:hidden;}
.curvedBoxContent{border-color:#CCCCCC; border-width:0 1px; border-style:solid; padding:15px 25px; position:relative;}
.curvedBoxBottom{background:url(images/box_curve_bottom.png) no-repeat scroll center bottom; height:9px; display:block; font-size:0; line-height:0; overflow:hidden; margin-bottom:12px;}
	/* -- Curved Box Style --  */
	.curvedBoxContent ul{padding: 15px 0 4px 0; margin-bottom: 0px;}
	.curvedBoxContent li{color: #333; font-family: Helvetica; font-size: 14px; font-weight: lighter; margin-left: 15px;padding-bottom: 5px;}
	
	.curvedBox img {border: 1px #ccc solid;}
	.curvedBox h1 {font-family: Helvetica; font-size: 35px; color: black; margin-bottom: -5px;}
	.curvedBox p  {color: #333; font-family: Helvetica; font-size: 13px; font-weight: lighter;}
	.curvedBox h2  {color: #333; font-family: Helvetica; font-size: 11px; font-weight: lighter;}
	.curvedBox h1.padtop {padding-top: 15px;}
	
	.floatMe {float:right; margin-right:21px; margin-bottom:15px; padding:30px; width:auto; height:auto; display:inline; position:relative; }
	
.float-a {width: 255px; display: inline; position: relative; float: right;}
.float-b {display: inline; position: relative; float: left; width:auto; height:auto; margin-right:15px;}

.product {display: inline; position: relative; float: left; width: 210px; height: auto; padding: 5px 5px;}