* { margin: 0; padding: 0; }

body { 
	background-color: #888;
	font-family: Arial;
	font-size: 62.5%;
	color: #000;
}

/* Typography */

a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: none; }

#title { display: none; }

.title { width: 204px; height: 37px; margin: 110px 0px 0px 20px; background: url('images/logo.png') no-repeat 0 0; display: block; }
.title:hover { background: url('images/logo-mo.png') no-repeat 0 0; }

.quote { color: #b70018; font-weight: bold; }

#nav-top li a:link, #nav-top li a:visited { color: #fff; text-decoration: none; }
#nav-top li a:hover, #nav-top li.active a { color: #b70018; }

#mid-top #page-title { margin: 240px 0px 0px 20px; font-size: 1.4em; font-weight: bold; }
#mid-top #page-title-work { margin: 188px 0px 0px 20px; font-size: 1.4em; font-weight: bold; }

#mid-bottom p, #mid-bottom #listroot { padding: 20px; font-size: 1.1em; line-height: 2em; }
#mid-bottom p.ethos { padding: 0px 0px 8px 0px; font-size: 1.1em; line-height: 1.6em; }
#mid-bottom p.ethos .quote { padding-top: 5px; font-weight: bold; color: #b70018; }
#mid-bottom p.ethos .subquote { padding-left: 5px; display: block; }

#mid-bottom #listroot { padding-bottom: 0px; }
#mid-bottom #listroot a:link, #mid-bottom #listroot a:visited { padding-left: 12px; background: url('images/play.png') no-repeat 0 50%; color: #b70018; text-decoration: none; }
#mid-bottom #listroot a:hover, #mid-bottom #listroot a:active { text-decoration: underline; }

#mid-bottom p { padding: 20px; font-size: 1.1em; line-height: 2em; }

#right-bottom p.head { font-size: 1.1em; padding: 20px 20px 0px 20px; }
#right-bottom p.foot { font-size: 0.9em; padding: 0px 20px; }

#home-list li { font-size: 1.1em; }

/* Block Elements */

#page {
	width: 1000px;
	height: 722px;
	margin: 5% auto;
	background-color: #adafb2;
}

#left-col {
	width: 370px;
	height: 722px;
	float: left;
}

#mid-col {
	width: 380px;
	height: 722px;
	float: left;
	background-color: #c4c5c8;
}

#right-col {
	width: 250px;
	height: 722px;
	float: left;
}

#left-top, #left-bottom, #mid-top, #mid-bottom, #right-top, #right-bottom { float: left; }

#left-top, #mid-top, #right-top { height: 272px; }
#left-bottom, #mid-bottom, #right-bottom { height: 450px; }

#left-top, #left-bottom { width: 370px; }
#mid-top, #mid-bottom { width: 380px; }
#right-top, #right-bottom { width: 250px; background-color: #bebfc2; }

#mid-bottom { background-color: #adafb2; }
#right-bottom { background-color: #a8aaac; }

#title { margin: 50px 0px 0px 20px; }

#contact-form { width: 600px; margin: 30px 10px 0px 20px; background: url('images/carton.png') no-repeat 422px 2px; }
#contact-form input { width: 320px; border: 0px; margin: 2px 0px; padding: 5px 5px 5px 75px; }

#contact-form input.name { background: #fff url('images/form-name.png') no-repeat 0 50%; }
#contact-form input.position { background: #fff url('images/form-position.png') no-repeat 0 50%; }
#contact-form input.company { background: #fff url('images/form-company.png') no-repeat 0 50%; }
#contact-form input.address { background: #fff url('images/form-address.png') no-repeat 0 50%; }
#contact-form input.phone { background: #fff url('images/form-phone.png') no-repeat 0 50%; }
#contact-form input.email { background: #fff url('images/form-email.png') no-repeat 0 50%; }
#contact-form input.send { width: 60px; padding-left: 5px; background-color: #fff; display: block; }

#plstDat { margin: 0px; }
#plstDat a, #plstDat img { border: none; }

#ethos-container { padding: 20px 20px 20px 14px; }

/* Lists */

#nav-top { margin-left: 10px; list-style: none; }
#nav-top li { height: 14px; padding: 8px 10px 8px 10px; border-right: 1px solid #a4a6a8; float: left; }
#nav-top li.end { border: none; }

#home-list { margin: 20px 0px 10px 10px; list-style: none; }
#home-list li { padding: 0px 8px 8px 20px; background: url('images/tick.png') no-repeat 0 0; }