.colorbox {
position: absolute;
left: 0px;
top: 50px;
width: 200px;
height: 150px;
}

/* meals_area */
.biege  { background-color: #AF9B75; }
.green  { background-color: #79897D; }

/* residential */
.darkgrey { background-color: #95897B; }
.lightbiege { background-color: #EEE9DF; }

/* residential */
.bluegreen { background-color: #54727C; }
.cream { background-color: #DDC69D; }

/* night */
.darkbiege { background-color: #A0A18C; }
.biege2 { background-color: #C4C5B4; }

/* hospitality */
.yellow { background-color: #DCB85A; }
.earth { background-color: #703712; }

/* pool */
.aqua { background-color: #4B9486; }
.teracotta { background-color: #C87A5E; }

.featurebox {
position: absolute;
left: 200px;
top: 50px;
width: 300px;
height: 150px;
}

.captionbox {
position: absolute;
left: 500px;
top: 50px;
width: 300px;
height: 99px;
text-align: right;
padding-right: 10px;
color: white;
}

.titlebox {
position: absolute;
left: 500px;
top: 150px;
width: 300px;
height: 50px;
line-height: 50px;
text-align: right;
padding-right: 10px;
vertical-align: bottom;
color: white;
font-size: 24px;
}

.header {
position: absolute;
left: 500px;
top: 20px;
width: 300px;
height: 20px;
text-align: right;
padding-right: 10px;
}

.paragraph {
}

.content {
position: absolute;
left: 200px;
top: 220px;
width: 300px;
}

.column_A {
position: absolute;
left: 200px;
top: 220px;
width: 500px;
padding-bottom: 50px;
}

.back_button {
position: absolute;
left: 200px;
top: 500px;
}

.projects {
position: absolute;
left: 0;
top: 220px;
width: 180px;
text-align: right;
}

.thumbnails {
padding: 5px;
}

.links {
position: absolute;
top: 20px;
left: 200px;
width: 300px;
height: 20px;
}