﻿body {
	margin: 0;
	background-color: #aFaFaF;
	text-align: center;
}

#wrapper {
    padding: 0;
    margin: 0;
}

#container {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 980px;
    text-align: left;
    background: #aFaFaF url('images/box_background.png') repeat-y top;
    border: none;
}

#header {
    margin-bottom: 24px;
    clear: both;
}

#header_top {
    padding-left: 34px;
    padding-right: 34px;
    height: 85px;
}

#header_bottom {
    margin: 12px 10px 0px 10px;
    border-top: 2px solid #8F8F8F;
    border-bottom: 2px solid #8F8F8F;
}

#tag_line {
    padding: 0;
    margin: 42px 0 0;
    float: right;
}

#nav_main {
    padding: 6px 0px 6px 24px;
    height: 28px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#nav_main li {
    float: left;
    padding-right: 60px;
}

#footer {
	clear: both;
    position: relative;
    height: 50px;
    background: #aFaFaF url('images/box_background_footer.png') no-repeat top;
}

#footer_copyright {
	margin: 0px 10px 0px 10px;
	border-top: 2px solid #8F8F8F;
	padding: 10px 24px 0px 24px;
}

#footer_rocket {
	position: absolute;
	top: -25px;
	left: 757px;
}

#content {
	padding-bottom: 37px;
	margin-right: 34px;
	margin-left: 34px;
	width: 912px;
    clear: both;
    float: left;
}

#project_slideshow {
    width: 912px;
    height: 318px;
    position: relative;
}

.project_slide {
    position: absolute;
    top: 0px;
    /* keep the slide out of sight until it's loaded */
    left: -9999px;
}

#about_text_col {
	width: 500px;
	float: left;
	clear: left;
}

#about_image {
	padding-left: 12px;
	float: left;
	clear: right;
}

p.directors {
    padding-top: 24px;
}

.service_image {
    float: right;
    width: 338px;
    height: 212px;
    margin: 12px;
}

.service_bullet_list {
    float: left;
    clear: left;
    width: 526px;
    margin: 0px 12px 0px 12px;
}

.client_box, .award_box {
    padding-bottom: 12px;
}

.client_title_about_logo {
    float: left;
    clear: left;
}

.client_title_about {
    margin: 12px 12px 0px 12px;
}

.client_title_about h3, .client_title_about h4 {
    float: left;
    margin-bottom: 12px;
}

.client_logo {
    float: right;
    margin: 12px 12px 12px 12px;
}

.client_logo img {
    border: 0;
}

.client_about {
    margin-bottom: 12px;
	clear: left;
}

.client_projects_bullet_list {
    float: left;
    clear: left;
    margin: 0px 12px 0px 12px;
}

.award_year {
	font-style: italic;
	color: #8F8F8F;
	clear: left;
}

.award_year_list_heading {
	font-weight: bold;
	padding-bottom: 6px;
}

.award_image {
	float: right;
	margin: 12px 12px 12px 12px;
}

.award_image img {
	border: 0;
}

.award_product_image_text {
	float: left;
	clear: left;
	width: 100%;
}

.award_product_image_text h3 {
	margin-left: 12px;
	margin-right: 12px;
}

.award_product_image {
	margin-left: 12px;
	margin-right: 12px;
	float: left;
}

.award_product_image img {
	border: 0;
}

.award_quote {
	margin-left: 12px;
	margin-right: 12px;
}

.vacancies_bullet_list {
    float: left;
    clear: left;
    width: 420px;
    padding-bottom: 12px;
    margin: 0px 12px 0px 12px;
}

.contact_method_list {
    clear: left;
    float: left;
    margin-bottom: 12px;
}

li.contact_address {
    background-image: url('images/contact_address.jpg');
    background-position: 0px 3px;
}

li.contact_phone {
    background-image: url('images/contact_phone.jpg');
    background-position: 0px 0px;
}

li.contact_fax {
    background-image: url('images/contact_fax.jpg');
    background-position: 0px 1px;
}

li.contact_email {
    background-image: url('images/contact_email.jpg');
    background-position: 0px 1px;
}

.contact_stations {
    float: left;
    clear: left;
}

.contact_stations_list {
    float: left;
    clear: left;
    margin: 0px 12px 0px 12px;
    width: 420px;
}

li.underground {
    background-image: url('images/underground.png');
    background-position: 0px 2px;
}

li.national_rail {
    background-image: url('images/national_rail.png');
    background-position: 0px 2px;
}

.box_title {
    float: left;
    margin: 12px 12px 12px 12px;
}

.box_title h3, .box_title h4 {
    float: left;
    margin-bottom: 0px;
}

.bullet_list {
    list-style-type: none;
}

.rocket_bullet_list li {
    background-image: url('images/rocket_bullet.png');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 28px;
    padding-bottom: 10px;
}

.bullet_list_24_16 li {
    background-repeat: no-repeat;
    padding-left: 32px;
    padding-bottom: 12px;
}

.box_list {
    float: left;
    clear: left;
}

.box_list_item {
    float: left;
    clear: left;
    padding-bottom: 12px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.box {
    height: auto;
    background-color: #E5E5E5;
}

.inner_box {
    height: auto;
    background-color: #8F8F8F;
    margin-left: 12px;
}

.sidebar_left {
    float: left;
    clear: left;
    margin-right: 24px;
}

.full_width {
    width: 912px;
}

.half_width {
    width: 444px;
}

.sidebar_width {
    width: 216px;
}

.full_width_after_sidebar {
    width: 672px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear_left {
    clear: left;
}

.clear {
    clear: both;
}

h2 {
    margin-bottom: 12px;
}

h3 {
    margin-bottom: 12px;
}

h1.title_space {
    margin-right: 6px;
}

h3.title_space {
    margin-right: 6px;
}

h4.title_space {
    margin-right: 5px;
}

p.normal {
    padding-bottom: 12px;
}

* {
    margin: 0;
    padding: 0;
}