/* ===== LAYOUT ===== */
html {
	font-size:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}
body,div,pre,form,fieldset,input,textarea,blockquote,th,td {  
	margin:0; 
	padding:0; 
}
body {
	background:#fff;
	font-family:Tahoma, sans-serif;
	font-size:62.5%; /*Base unit of 10px*/
	color:#333;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
table {
	border-collapse:collapse; 
	border-spacing:0; 
}
a {
	color:#93c64f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:0; 
}
dl,ol,ul {
	margin:1em 0;
	padding:0 0 0 2em;
}
h1,h2,h3,h4,h5,h6 {
	margin:.666em 0;
	line-height:1.333em;
	color:#93c64f;
	font-family:Calibri, Tahoma, sans-serif;
}
h1:nth-of-type(even),
h2:nth-of-type(even),
h3:nth-of-type(even),
h5:nth-of-type(even),
h6:nth-of-type(even) {
	color:#333;
}
p, li {
	margin:1em 0;
	line-height:1.666em;
}
/* === LAYOUT === */
#wrapper {
	font-size:1.2em;
	width:960px;
	margin:0 auto;
}
header,
section,
footer {
	clear:both;
	overflow:hidden;
	position:relative;
}
/* Anything that's a child of a header, footer or section that isn't in a box needs to have margin. */
body > header > *,
body > section > *,
body > footer > * {
	margin-left:10px;
	margin-right:10px;
}
hr {
	border:0;
	background:#fff;
	color:#fff;
	clear:both;
	height:0;
	margin:0;
}
header {
	font-size:1.4em;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.6em;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.2em;
}
h6 {
	font-size:1em;
}
.clear { clear:both; }

/* === MAIN NAVIGATION === */

header > a {
	position:absolute;
	left:-99em;
}
header nav ul {
	list-style:none;
	float:right;
	clear:right;
	padding:0;
	margin:0;
}
header nav li {
	float:left;
	padding: 1em 12px;
}
header aside {
	float:right;
	clear:right;
	padding:0 12px;
}

/* === BOX MODEL === */
.col-one-third,
.col-two-thirds,
.col-two-indented,
.col-full-width {
	margin:0 10px;
	float:left;
	clear:right;
}

.col-one-third {
	width:380px;
}
.col-two-thirds {
	width:540px;
}
.col-two-thirds-indented {
	width:540px;
	margin-left:200px;
}
.col-full-width {
	width:940px;
}

/* === IMAGE TITLES === */
#logo {
	float:left;
	margin:16px 32px;
}
#logo a {
	display:block;
	width:258px;
	height:93px;
	background:url(/images/logo.png) no-repeat;
	font-size:1px;
	color:#fff;
	text-indent:-9999em;
}
#contact-us {
	background:url(/images/titles/contact-us.png);
	width:134px;
	height:40px;
	font-size:1px;
	margin:16px 0;
	display:block;
	float:right;
}
#our-work {
	background:url(/images/our-work.png);
	width:350px;
	height:374px;
	font-size:1px;
	margin:30px 0px;
	display:block;
	float:right;
}

/* === FORMS === */
.form-row {
	margin:0 0 12px;
}
.form-row input,
.form-row textarea {
	width:360px;
	padding:2px 4px;
	border:2px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.form-row .label {
	margin:0 0 6px;
}
.form-row .submit {
	text-align:right;
}
.form-row .submit input {
	width:auto;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	cursor:pointer;
}
#contactForm {
	border: 2px solid #93c64f;
	padding:32px 80px 24px;
	width:372px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#contactForm .form-row .submit input {
	background:url(../images/contact_us/send.jpg) center top no-repeat;
	width:72px;
	height:40px;
	font-size:1px;
	color:#fff;
	padding:0;
}
#contactForm .form-row .submit input:hover {
	background-position:center bottom;
}

/* === WHY WORK WITH US? LIST === */
#thoughts {
	width:240px;
	margin:0 auto;
	padding:12px 24px 24px;
	border: 2px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#thoughts ul {
	color:#93c64f;
}
#thoughts li {
	font-family:Calibri, Tahoma, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2em;
}


/* === WHY WORK WITH US? LIST === */
.work-with-us {
	margin:0;
	padding:0;
	list-style:none;
}
.work-with-us li {
	width:206px;
	margin:1em 12px 1em 0;
	padding-left:52px;
	float:left;
	background:left top no-repeat
}
.work-with-us li:nth-of-type(odd) {
	clear:left;
}
.work-with-us li h4,
.work-with-us li p {
	margin:0;
}

.work-with-us li.experience {background-image:url(/images/icons/moustache.png);}
.work-with-us li.awards {background-image:url(/images/icons/award.png);}
.work-with-us li.systems {background-image:url(/images/icons/system.png);}
.work-with-us li.creative {background-image:url(/images/icons/lightbulb.png);}
.work-with-us li.cutting {background-image:url(/images/icons/scissors.png);}
.work-with-us li.easy {background-image:url(/images/icons/handshake.png);}
.work-with-us li.no-fees {background-image:url(/images/icons/calculator.png);}
.work-with-us li.results {background-image:url(/images/icons/graph.png);}
.work-with-us li.size {background-image:url(/images/icons/thumbsup.png);}
.work-with-us li.green {background-image:url(/images/icons/recycle.png);}

/* === MICROFORMATS === */
.vcard {
	background:url(/images/postit.png) center top no-repeat;
	padding:59px 0 0;
	min-height:148px;
}
.vcard address {
	padding:0 0 0 126px;
	font-style:normal;
}
.vcard address p {
	margin: 0 0 .4em;
}
.vcard address a {
	font-weight:bold;
}
.vcard h1,
.vcard .url,
.vcard .type,
.vcard .country-name {
	display:none;
}

/* == FOOTER LISTS === */
footer {
	background:url(/images/rule.png) center top no-repeat;
	margin:2em 0 0;
	padding:2em 0 0;
	text-align: center;
}
footer ul {
	list-style:none;
	padding:0;
}
footer li a {
	color:#333;
}