.curvy
{
    margin: 0 auto;
    color: #ffffff;
    width: 250px;
    padding: 20px;
    text-align: left;
    border: 3px solid #ffffff;
    margin-bottom: 20px;

    /* Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;
}

.bigbox{
width:450px;
background-color: #cccccc;
border: 3px solid #000000;
}

.swatch{
width: 27px;
border: 0px;
padding:15px;
}

.whitebox{
	border: 3px solid #000000;
	background-color: #cccccc;
	color: #000000;
}

.graybox{
	background-color: #cccccc;
	color: #000000;
}
	
.redbox{
	background-color: #ff0000;
}

.greenbox{
    background-color: #009900;
}

.bluebox{
    background-color: #0000ff;
}

html,body{
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
    margin: 0px;
    background-image: url(pattern.gif);
}

a{
	cursor: pointer;
}