/***** ENGINE-MAIN CSS *****/

/** www.enginegroup.co.uk **/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0;
	padding: 0;
	}
	
div {
	float: left;
	}
	
h1 {
	font-size: 26px;
	font-weight: 200;
	letter-spacing: -1px;
	margin: -6px 0 15px 0;
	padding: 0;
	position: relative;
	}
	
h2 {
	color: #000000;
	font-size: 16px;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	}
	
h2 a {
	color: #000000;
	font-size: 16px;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	}
	
h2 a:hover {
	text-decoration: underline;
	}
	
h3 {
	color: #000000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}
	
h3 a {
	color: #000000;
	font-size: 14px;
	margin: 0 0 4px 0;
	padding: 0;
	}
	
h4 {
	color: #000000;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
	}
	
h4 a {
	color: #000000;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
	}
	
h5 {
	color: #000000;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}

p {	
	font-size: 13px;
	margin: 0 0 15px 0;
	line-height: 170%;
	padding: 0;
	}
	
img {
	margin: 0;
	padding: 0;
	}

a {	
	color: #39b5d4;
	text-decoration: none;
	}
	
form {
	margin: 0;
	padding: 0;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.orange {
	color: #FF6600;
	}
	
.orange-title {
	font-size: 11px;
	color: #FF6600;
	position: relative;
	padding: 0 0 0 4px;
	margin: 0;
	font-weight: bold;
	display: inline;
	}
	
.orange-title:hover {
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
	padding: 0 0 0 4px;
	margin: 0;
	position: relative;
	font-weight: bold;
	display: inline;
	}
	
.orange-title a:hover {
	font-size: 11px;
	color: #FF6600
	;
	text-decoration: underline;
	padding: 0 0 0 4px;
	margin: 0;
	position: relative;
	font-weight: bold;
	display: inline;
	}
	
.blue {
	font-size: 10px;
	font-weight: bold;
	color: #39b5d4;
	}
	
.blue:hover {
	font-size: 10px;
	font-weight: bold;
	color: #39b5d4;
	text-decoration: underline;
	}

.large-text {
	font-size:120%;
	}

.small-text {
	font-size:80%;
	}

.largest-text {
	font-size:210%;
	}
	
.dark-line {
	background-image: url(../gif/dark-gray-line.gif);
	height: 20px;
	width: 100%;
	padding: 0;
	margin: -4px 0 0 0;
	display: inline;
	}
	
.dark-line-left {
	background-image: url(../gif/dark-gray-line.gif);
	height: 20px;
	width: 100%;
	padding: 0;
	margin: -4px 0 0 0;
	display: inline;
	}
	
.gray-line {
	background-image: url(../gif/gray-line.gif);
	height: 20px;
	width: 100%;
	padding: 0;
	margin: -4px 0 0 0;
	display: block;
	}

.gray-line-comments {
	background-image: url(../gif/gray-line.gif);
	height: 20px;
	width: 100%;
	padding: 0;
	margin: -3px 0 0 0;
	display: block;
	}

.hide {
	display: none;
	}
	
.spacer1 {
	height: 25px;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.spacer2 {
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#message {
	display: none;
	}
	
#from {
	width: 99%;
	}
	
#name {
	width: 99%;
	}
	
#to {
	width: 99%;
	}
	
#subject {
	width: 99%;
	}
	
#submit_button {
	font-size: 95%;
	background-color: #eaeaea;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#submit_button:hover {
	font-size: 95%;
	color: #FF6600
	;
	background-color: #eaeaea;
	margin: 0;
	padding: 0;
	border: none;
	}
	
/* Container */

#container {
	width: 790px;
	height: auto;
	margin: 0 0 0 -395px;
	padding: 0;
	position: absolute;
	left: 50%;
	}

/* Header */

#header {
	width: 790px;
	display: block;
	}

#utilitybar {
	height: 20px;
	width: 785px;
	background: #eaeaea;
	margin: 0;
	padding: 6px 0 0 5px;
	border-bottom: 1px solid #FF6600;
	}

#utilitybar a {
	color: #FF6600;
	}

#utilitybar a:hover {
	color: #FF6600;
	text-decoration: underline;
	}
	
#header-text {
	display: block;
	margin: 0;
	padding: 0;
	}
	
#header-text ul {
	margin: 0;
	padding: 0;
	}
	
#header-text li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#search {
	height: 20px;
	margin: -3px 3px 0 0;
	padding: 0;
	float: right;
	}
	
#search_button {
	font-size: 95%;
	background-color: #eaeaea;
	margin: 0;
	padding: 0 0 1px 0;
	border: none;
	position: relative;
	}
	
#search_button:hover {
	font-size: 95%;
	color: #FF6600;
	background-color: #eaeaea;
	margin: 0;
	padding: 0 0 1px 0;
	border: none;
	position: relative;
	}
	
#search_input {
	font-size: 95%;
	width: 131px;
	height: 15px;
	background:url(../jpg/search_input_bg.jpg);
	background-color: #ffffff;
	margin: 0;
	padding: 4px 0 0 4px;
	border: none;
	}
	
#header_spacer {
	width: 790px;
	height: 29px;
	}
	
#nav-spacer {
	width: 790px;
	height: 50px;
	}
	
#nav-spacer-home {
	width: 790px;
	height: 35px;
	}

#logo_main {
	float: left;
	width: 153px;
	height: 57px;
	margin: 0;
	display: block;
	background: url(../gif/enginelogo.gif);
	background-repeat: no-repeat;
	}

#logo_little {
	float: right;
	width: 24px;
	height: 57px;
	margin: 0 1px 0 0;
	background: url(../gif/trilobe.gif);
	background-repeat: no-repeat;
	}
	
#print-header {
	display: none;
	}
	
.quoter {
	margin: 7px 0 0 0;
	padding: 0;
	}
	
/* Banner */

#bannercontainer {
	width: 790px;
	height: 200px;
	background-repeat: no-repeat;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	z-index:-2;
	}
	
#bannercontainer-print {
	display: none;
	}
	
#about_us_banner {
	background: url(../jpg/banners/about_us_banner.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 200px;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	z-index:-2;
	}
	
#service_design_banner {
	background: url(../jpg/banners/service_design_banner.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 200px;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	z-index:-2;
	}
	
#project_banner {
	background: url(../jpg/banners/project_banner.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 200px;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	z-index:-2;
	}
	
#latest_banner {
	background: url(../jpg/banners/latest_banner.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 200px;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	z-index:-2;
	}
	
/* Main Navigation */

#navcontainer {
	width: 785px;
	z-index: -1;
	padding: 0 0 0 5px;
	margin: -29px 0 0 0;
	}

.nav-current {
	float: left;
	display: block;
	height: 18px;
	margin: 0 0 0 5px;
	background: #ffffff;
	padding: 6px 12px 3px 12px;
	border-top: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
	}

.nav {
	float: left;
	margin: 0 0 0 5px;
	display: block;
	height: 18px;
	background: #ffffff;
	padding: 6px 12px 3px 12px;
	border-top: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	font-size: 12px;
	}

.nav a {
	color:#FF6600;
	}

.nav a:hover {
	color: #353535;
	text-decoration:none;
	}
	
.nav-current a {
	color:#000000;
	}

.nav-current a:hover {
	color: #000000;
	text-decoration:none;
	}
	
/* Breadcrumb */

#breadcrumb {
	margin: 15px 0 0 205px;
	padding: 0;
	display: inline;
	}
	
#breadcrumb ul {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#breadcrumb li {
	display: inline;
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
/* Content */

#content {
	width: 794px;
	height: auto;
	}
	
/* Left Content */

#left-content {
	width: 178px;
	height: auto;
	margin: -3px 0 0 0;
	padding: 0;
	display: inline;
	}

.left-summary {
	width: 176px;
	margin: 6px 0 12px 0;
	padding: 0 0 0 4px;
	position: relative;
	}
	
.left-summary-news {
	width: 176px;
	margin: 0 0 4px 0;
	padding: 0 0 0 4px;
	position: relative;
	}
	
.left-summary-bg {
	width: 166px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.left-summary-title {
	width: 176px;
	margin: 0;
	padding: 0 0 0 4px;
	position: relative;
	}
	
.left-summary p {	
	font-size: 11px;
	width: 172px;
	margin: 0;
	line-height: 120%;
	padding: 0;
	}
	
.left-summary-bg p {	
	font-size: 11px;
	width: 166px;
	margin: 0;
	line-height: 120%;
	padding: 0;
	}
	
.left-summary-news p {	
	font-size: 11px;
	width: 172px;
	margin: 0;
	line-height: 120%;
	padding: 0;
	}
	
#rss {
	width: 14px;
	height: 14px;
	margin: 1px 0 0 0;
	padding: 0;
	background-image: url(../gif/rss_icon.gif);
	float: right;
	display: inline;
	}
	
#rss-h2 {
	width: 130px;
	color: #000000;
	font-size: 16px;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	}
	
#sub_nav {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.teir2 {
	width: 182px;
	font-size: 12px;
	color: #FF6600;
	margin: 0;
	padding: 3px 0 3px 0;
	border-top: 1px solid #cccccc;
	font-weight: bold;
	}
	
.teir2-active {
	width: 182px;
	font-size: 12px;
	color: #FF6600;
	margin: 0;
	padding: 3px 0 3px 0;
	border-top: 1px solid #cccccc;
	font-weight: bold;
	}
	
.teir2-top {
	width: 182px;
	font-size: 12px;
	color: #FF6600;
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	}
	
.teir2-top-active {
	width: 182px;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	}
	
.teir2 a{
	font-size: 12px;
	color: #FF6600;
	margin: 0 0 0 4px;
	padding: 0;
	}
	
.teir2 a:hover {
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	}
	
.teir2-active a{
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	}
	
.teir2-active a:hover {
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	}

.teir2-top a{
	font-size: 12px;
	color: #FF6600;
	margin: 0 0 0 4px;
	padding: 0;
	}
	
.teir2-top a:hover {
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	}
	
.teir2-top-active a{
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	}
	
.teir2-top-active a:hover {
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	}
	
#tier3-container {
	width: 150px;
	padding: 0;
	margin: 0 0 13px 12px;
	}
	
.teir3 {
	width: 150px;
	font-size: 10px;
	color: #FF6600;
	padding: 0;
	margin: 8px 0 0 0;
	font-weight: bold;
	}
	
.teir3 a {
	width: 150px;
	font-size: 10px;
	color: #FF6600;
	padding: 0;
	margin: 0;
	}
	
.teir3 a:hover {
	width: 150px;
	font-size: 10px;
	color: #000000;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}
	
.teir3-active {
	width: 150px;
	font-size: 10px;
	color: #000000;
	padding: 0;
	margin: 8px 0 0 0;
	font-weight: bold;
	}
	
.teir3-active a {
	width: 150px;
	font-size: 10px;
	color: #000000;
	padding: 0;
	margin: 0;
	}
	
.teir3-active a:hover {
	width: 150px;
	font-size: 10px;
	color: #000000;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}
	
.content-spacer {
	width: 22px;
	height: 5px;
	display: inline;
	}

/* Middle Content */

#middle-container {
	width: 434px;
	background-image: url(../gif/content-spacer.gif);
	height: auto;
	display: inline;
	}
	
#middle-content {
	width: 390px;
	height: auto;
	}
	
.intro-text {
	width: 380px;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	}
	
.intro-text-yellow {
width: 380px;
	background-color: #f0ebcd;
	padding: 0 0 7px 0;
	}
	
.intro-text-yellow h5 {
	font-size: 30px;
	padding: 5px;
	margin: 0 0 -7px 0;
	}
	
.intro-text-yellow h5 #orange {
	font-style: #FF6600;
	}

	
.intro-text-yellow2 {

	background-color: #f5f3f4;
	padding: 5px;
	}
	


	
.summary {
	width: 380px;
	margin: 6px 0 9px 4px;
	padding: 0;
	position: relative;
	display: inline;
	}
	
.summary p {	
	font-size: 11px;
	width: auto;
	margin: 0;
	letter-spacing: -0.01em;
	line-height: 120%;
	padding: 0;
	}
	
.summary-sd {
	width: 380px;
	margin: 0 0 9px 5px;
	padding: 0;
	position: relative;
	display: inline;
	}
	
.summary-au {
	width: 380px;
	margin: 0 0 9px 5px;
	padding: 0;
	position: relative;
	display: inline;
	}
	
.summary-sd p {	
	font-size: 11px;
	width: auto;
	margin: 0;
	letter-spacing: -0.01em;
	line-height: 120%;
	padding: 0;
	}
	
.summary-link {
	width: 95%;
	margin: 6px 0 0 0;
	padding: 0;
	}
	
.summary-link-widow {
	width: 95%;
	margin: 6px 0 0 0;
	padding: 0 0 0 4px;
	}
	
.img-border {
	background-color: #CCCCCC;
	margin: 0 0 5px 0;
	padding: 4px;
	}
	
.image-description {
	font-size: 11px;
	color: #666666;
	line-height: 120%;
	margin: 3px 0 0 0;
	padding: 0;
	}
	
.image-description p{
	font-size: 11px;
	color: #666666;
	line-height: 120%;
	margin: 3px 0 0 0;
	padding: 0;
	}
	
.summary-left {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.summary-right {
	width: 198px;
	display: inline;
	margin: -2px 0 0 12px;
	padding: 0;
	display: inline;
	}
	
.paginate {
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
	}
	
.paginate-active {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	}
	
.mid-footer-link {
	padding: 0;
	margin: -3px 0 0 0;
	}
	
.mid-footer-link a{
	padding: 0;
	margin: 0;
	color: #FF6600;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 5px;
	}
	
.mid-footer-link a:hover{
	padding: 0;
	margin: 0;
	color: #FF6600;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 5px;
	}
	
.people-summary {
	width: 380px;
	margin: 6px 0 9px 5px;
	padding: 0;
	position: relative;
	}
	
.people-summary p {	
	font-size: 11px;
	width: auto;
	margin: 0 0 10px 0;
	letter-spacing: -0.01em;
	line-height: 120%;
	padding: 0;
	}
	
.p-summary-left {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.p-summary-right {
	width: 285px;
	display: inline;
	margin: -2px 0 0 12px;
	padding: 0;
	}

#map {
	background-image: url(../jpg/map.jpg);
	height: 375px;
	width: 375px;
	margin: 10px 0 10px 0;
	border: 4px solid #CCCCCC;
	}
	
.dark-yellow-bg-testi {
	width: 378px;
	background-color: #f0ebcd;
	margin: 0;
	padding: 6px 6px 6px 6px;
	display: block;
	}
	
.dark-yellow-bg-testi p{
	font-style: italic;
	font-family: "Georgia", Times;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.client p{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 160%;
	font-style: normal;
	margin: 0;
	padding: 0;
	}
	
#rss-news-p {
	width: 20px;
	height: 20px;
	margin: 0 0 1px 0;
	padding: 0;
	background-image: url(../gif/rss_icon-big.gif);
	float: right;
	display: inline;
	}
	
#rss-news-h {
	width: 200px;
	color: #000000;
	font-size: 26px;
	font-weight: 200;
	margin: -6px 0 0 0;
	padding: 0;
	float: left;
	position: relative;
	}
	
#comment-form {
	width: 380px;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	}
	
#comments {
	width: 380px;
	margin: 10px 0 0 5px;
	padding: 0;
	display: inline;
	}
	
.comment {
	width: 380px;
	margin: 0 0 5px 0;
	padding: 0;
	display: inline;
	}
	
.comment p {
	width: 380px;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline;
	}

/* Right Content */

#right-content {
	width: 178px;
	height: auto;
	margin: -3px 0 0 0;
	padding: 0;
	display: inline;
	}
	
.dark-line-right {
	background-image: url(../gif/dark-gray-line.gif);
	height: 20px;
	width: 178px;
	padding: 0;
	margin: -4px 0 0 0;
	}
	
.right-summary {
	width: 166px;
	margin: -2px 0 4px 0;
	padding: 0 0 0 4px;
	position: relative;
	}
	
.right-summary-bg {
	width: 178px;
	margin: -2px 0 4px 0;
	padding: 0;
	position: relative;
	}
	
.right-summary p {	
	font-size: 11px;
	width: auto;
	margin: 1px 0 0 0;
	line-height: 120%;
	padding: 0;
	}
	
.right-summary a {	
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	}
	
.right-summary-bg p {
	font-size: 11px;
	width: auto;
	margin: 0;
	line-height: 120%;
	padding: 0;
	}
	
.dark-yellow-bg {
	width: 166px;
	background-color: #f0ebcd;
	margin: 0 -7px 0 0;
	padding: 6px 6px 6px 6px;
	display: block;
	}
	
.quote p{
	font-size: 11px;
	font-style: italic;
	font-family: "Georgia", Times;
	letter-spacing: 0.02em;
	line-height: 150%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
	
.people-thumb {
	margin: 0 2px 3px 2px;
	padding: 0;
	}
	
.right-column p {
	line-height: 130%;
	font-size: 11px;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
#bookmark-list {
	width: 170px;
	padding: 0;
	margin: 0 0 15px 0;
	}
	
#bookmark-list ul{
	padding: 0;
	margin: 0 0 30px 0;
	font-weight: bold;
	color: #39b5d4;
	position: relative;
	}
	
#bookmark-list li{
	padding: 0;
	margin: 0 0 3px 0;
	list-style: none;
	}
	
#bookmark-list a{
	padding: 0;
	margin: 0;
	color: #39b5d4;
	text-decoration: none;
	}
	
#bookmark-list a:hover{
	padding: 0;
	margin: 0;
	color: #000000;
	text-decoration: none;
	}
	
#bookmark-list img{
	padding: 0;
	margin: 0 5px -3px 0;
	}
	
/* Footer */

#footer-spacer {
	width: 10px;
	height: 300px;
	position: absolute;
	}

#footer {
	width: 787px;
	margin: 30px 0 0 0;
	padding: 0;
	}

#footer-links {
	width: auto;
	margin: 0;
	padding: 11px 0 0 4px;
	position: absolute;
	}
	
#footer-links ul {
	margin: 0;
	padding: 0;
	}
	
#footer-links li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footer-links a{
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
	
.black {
	color: #353535;
	}
	
#for-print {
	display: none;
	}
	
#dba {
	width: 250px;
	height: 23px;
	float: right;
	margin: 0 1px 0 0;
	padding: 0;
	background: url(../gif/dba_logo.gif);
	background-repeat: no-repeat;
	}
	
#hide-bda {
	display: none;
	}

#ft-graybox {
	width: 787px;
	height: 15px;
	margin: 5px 0 0 0;
	padding: 0;
	background-color: #eaeaea;
	}