html, body {
height: 100%;	
}

body {
	text-align: center;
	min-width: 940px;
}
#takingwork {
	position: absolute;
	top: 0;
	right:0;
}
#wrapper {
	margin:20px auto;
	width:940px;
	text-align: left;
	position: relative;
	min-height: 100%;
	margin-bottom: -30px;
}
/* header components */
#header {
	width: 940px;
	height: 100px;
	float: left;
}

#logo {
	float: left;
	width: 378px;
	height: 100px;
}
#intro {
	float: left;
	width: 940px;
	height: 200px;
	margin-top:20px;
}
/* homepage components */
#recent {
	float: left;
	width: 220px;
	height: 385px;
	margin-top: 20px;
}
#blog {
	float: left;
	width: 220px;
	height: 385px;
	margin-left: 20px;
	margin-top: 20px;
}
#testimonials {
	float: right;
	width: 460px;
	height: 385px;
	margin-top: 20px;
}
#testimonials .quote {
	width: 460px;
	display: block;
	text-align: right;
	position: absolute;
	right: 1px;
	bottom: 351px;
	top: 340px;
}
/* blog components */
#blogcontent {
	width: 640px;
	float: left;
	margin-top: 20px;
}
#blogrightcol {
	float: right;
	width:280px;
	margin-top: 20px;
}
/* about components */
#mybackground {
	width: 460px;
	float: left;
	height: 256px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#myoffice {
	width: 460px;
	float: right;
	height: 256px;
	margin-top: 20px;
}
#plan {
	clear: both;
}
#plan, #design, #build {
	width: 220px;
	margin-top: 20px;
	float: left;
	margin-right: 20px;
}
#manage {
	float: right;
	margin-top: 20px;
	width: 220px;
}
/* portfolio page components */
.client1, .client2, .client3 {
	width: 220px;
	height: 230px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}
.client4 {
	width: 220px;
	height: 230px;
	float: right;
	margin-top: 20px;
	
}
#portfolio-content {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

/* contact page components */

#contactform {
	float: left;
	width: 460px;
	margin-top: 20px;
}
#contactmap {
	float: right;
	width: 460px;
	margin-top: 20px;
}
/* footer components */
#footer-wrapper {
	width: 100%;
	height: 100px;
	position: relative;
	
}
#footer {
	width: 940px;
	height: 100px;
	margin:0 auto;
}
#homepage .clearfooter, #wr .clearfooter, #blogpage .clearfooter, #aboutpage .clearfooter, #contactpage .clearfooter, #glossarypage .clearfooter, #portfoliopage .clearfooter, #proposal .clearfooter {
	height: 120px;
	clear: both;
}

#footer-logo, #address, #contact-details, #copyright {
	margin-top: 20px;
}
#footer-logo {
	width: 40px;
	float: left;
	height: 100px;
}
#address {
	float: left;
	width: 400px;
	height: 100px;
	margin-left: 20px;
}
#contact-details {
	float: left;
	width: 220px;
	height: 100px;
	margin-left: 20px;
}
#copyright {
	float: right;
	width: 220px;
	height: 100px;
}