Graphic work for web objects

I've attached a screenshot of the exact work I need done. This is to be a box that will be placed on a webpage in a similar arrangement as what I have provided for you in a sample. I need the following as a copy of the image attached as: 1) CSS File 2) HTML page including the CSS - It must be compatible across all CSS3 Browsers - Must have options in css to set the color of the strip within the box - Separate CSS for different sized boxes (see px sizes below) Size 1 (Small): 250px width, 140px height Size 2 (Large): 250px width, 250px width Colors: blue #4183c4 orange #f27127 green #4cb948 purple #9f9be5 The final HTML with CSS must lay out the boxes as such: Small (blue) | Small (green) Small (Orange) | Small (Orange) Small (Purple) | Small (Purple)