/* -- css -- */

header{background: #ffffff;}
.contentA{background: #D9E5FF;}
.contentB{background: #FFFFCC;}
.contentC{background: #b3d874;}
.contentD{background: #6fb5ff;}
footer{background: #ffffff;}

.contentA,.contentB,.contentC,.contentD{
 width: 50%;
 height: 300px;
}

.contentA{
 float: left;
}

.contentB{
 float: right;
}

.contentC{
 float: left;
}

.contentD{
 float: right;


footer{
 clear: both;
}