* { margin:0px; padding:0px;}
html, body {
    height: 100%;
}
body {
    font-size:62.5%;
    font-family:Verdana, Helvetica, sans-serif;
    background: url('../images/bg_tile.gif') top left;
    text-align:center;
}
#container {
    min-height: 100%;
    width:930px;
    background-color:#fff;
    font-size:1em;
    text-align:left;
    margin:0px auto;
    padding:0 35px;
}
h1  {
     color:#E71818;
    font-size:2.3em;
    margin-bottom:20px;
}

h2 {
    color:#E71818;
    font-size:1.9em;
    margin-bottom:20px;
}

h3 {
    color:#CCCCCC;
    font-size:1.8em;
    margin-bottom:25px;
}

h4  {
    font-size: 1.5em;
    color: #666;
}

.fl_left { float:left; }
.fl_right { float:right; }
.clear { clear:both; }
.serif { font-family:Georgia, serif; }
.orange { color:#C60 !important; }
.red  { color:#E71818;  }
.hidden { display:none; }
p.error { color:#E71818 !important; margin-bottom:5px !important; }
input.error, textarea.error { border:1px solid #E71818 !important; }
a img { border:none; }
fieldset { border:none; }

#header {
    margin-bottom:10px;
    padding-top:35px;
}
#header img {
    margin-left:1px;
}
#navigation {
    width:188px;
    height:440px;
    background: url('../images/nav_bg.jpg') top left no-repeat;
}
#navigation ul {
    margin-left:28px;
    padding-top:25px;
}
#navigation ul li {
    list-style-type:none;
    margin-bottom:3px;
}
#navigation ul li a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    font-size:1.4em;
}

/* HOMEPAGE SELECTORS */
#homepage_feature {
    width:463px;
    margin:1px 0 0 9px;
    position:relative;
}
#homepage_feature #image_holder {
    /*background-color:#F85800;*/
    height:322px;
    margin-bottom:10px;
    display: block;
}
#homepage_feature .featureBox {
    width:178px;
    min-height:65px;
    color:#fff;
    padding:20px 25px;
    position:relative;
    text-decoration:none;
}
#homepage_feature .featureBox.fl_left {
    background-color:#397AC1;
}
#homepage_feature .featureBox.fl_right {
    background-color:#999900;
}
#homepage_feature .featureBox .heading {
    margin: 20px 0 0 25px;
}
#homepage_feature .featureBox span {
    display:block;
    font-size:1.2em;
    margin:0 25px;
}
#homepage_feature .featureBox .arrow {
    position:absolute;
    bottom:10px;
    right:10px;
}
#homepage_feature .featureBox a {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    text-decoration: none;
    color:#fff;
}
.home_advert {
    position:absolute;
    top:-15px;
    left:-8px;
    z-index:1000;
    width:510px;
    height:353px;
}

.home_advert .main_image {
    position:absolute;
    left:8px;
    top:8px;
}

.advert {
    display: none;
}

.home_right {
    width:220px;
    padding:20px 20px 10px 20px;
    margin-left:10px;
    background-color:#F1F0EF
}
.home_right p {
    color:#666;
    line-height:120%;
    font-size:1.2em;
    margin-top:18px;
}
.home_right a {
    display:block;
    font-weight:bold;
    font-size:1.2em;
    margin-top:28px;
}
.home_right p.serif {
    font-size:1.5em;
    line-height:95%;
}
.bottom_corner {
    min-height:256px;
    width:680px;
    /*background: #F1F0EF url('../images/grey_corner.jpg') top right no-repeat;*/
    background-color: #F1F0EF ;
    padding:22px 0 0 22px;
    margin-top:30px;
}
.bottom_corner.noMargin {
    margin-top:0px;
}
.bottom_corner p {
    margin-bottom:15px;
}
.bottom_corner.home {
    width:908px;
    margin-top:0px;
}
.bottom_corner .fl_left {
    width:165px;
}
.bottom_corner .fl_left img {
    margin-bottom:15px;
}
.bottom_corner ul li {
    list-style-type:none;
    margin-bottom:5px;
    color:#262E2E;
    font-size:1.1em;
}
.bottom_corner .news_panel {
    width:215px;
    background-color:#CC6600;
    padding:10px;
}
.bottom_corner .news_panel ul {
    line-height:130%;
}
.bottom_corner .news_panel ul li{
    margin-bottom:15px;
}
.bottom_corner .news_panel a {
    color:#fff;
    text-decoration:none;
}
.bottom_corner .news_panel a:hover {
    text-decoration:underline !important;
}

.main_content {
    width:701px;
    margin-left:41px;
}
/* ABOUT US PAGE */
#about .fl_left {
    width:430px;
}
#about .intro_text {
    font-size:1.4em;
    color:#E71818;
    margin-bottom:20px;
}
#about p {
    line-height:130%;
    margin-bottom:15px;
    font-size:1.1em;
}

/* WHAT WE DO PAGE */
#what_we_do .fl_left h2 {
    color:#F60;
}
#what_we_do .fl_left .orange_text {
    color:#F60;
    font-size:1.6em;
    margin-bottom:20px;
}
#what_we_do .fl_left .orange_text a {
    font-weight:bold;
    color:#f60;
}
#what_we_do .fl_left .orange_text a:hover {
    text-decoration:none;
}
#what_we_do .fl_left {
    width:430px;
}
#what_we_do .textarea {
    width:200px;
    font-size:1.1em;
    margin-bottom:20px;
    line-height:120%;
}
#what_we_do .textarea .serif {
    color:#666;
    font-size:1.3em;
    font-weight:bold;
    margin-top:10px;
    text-align:right;
}

.bluebox {
    background-color:#397AC1;
    width:180px;
    color:#fff;
    padding:25px;
}
.bluebox h2 {
    color:#fff;
}

.bluebox p {
    margin-bottom:15px;
    font-size:1.1em;
}
.bluebox a {
    color:#fff;
    font-size:1.1em;
}
.bluebox a:hover {
    text-decoration:none;
}

/* CLIENTS PAGE */
.client_list {
    margin-bottom:35px;
    float:left;
}
.client_list li {
    display:inline;
    list-style-type:none;
    width:160px;
    float:left;
    margin-right:10px;
    font-size:1.1em;
}
.client_list li img {
    margin-bottom:10px;
}
.client_list li p {
    color:#666;
    margin-bottom:10px;
}
.client_list.rail a { color:#2B5B91; }
.client_list.education a { color:#063; }
.client_list.other a { color:#FB5E00; }
.client_list a:hover { text-decoration: none; }

/* CONTACT PAGE*/
#contact h4 {
    color:#000;
    font-size:1.8em;
}
#contact h4 span { color:#E71818; }
#contact .fl_left{ width:330px; }
#contact .fl_left .intro { font-size:1.2em; }
#contact .contact_details {
    margin-top:20px;
    font-size:1.2em;
    float:left;
    margin-bottom:30px;
}
#contact .contact_details .serif {
    color:#E71818;
    font-size:1.1em;
    width:80px;
    font-weight:bold;
}
#contact .contact_details .row { margin-bottom:10px; }
#contact .contact_details .address { float:left; }
#contact .contact_details a {
    color:#E71818;
}
#contact .fl_right{
    width:360px;
    padding:25px 0;
    background-color:#F1F0EF;
}
#contact .fl_right h2 {
    color:#659EC9;
    margin-left:25px;
    margin-bottom:5px !important;
}
#contact .fl_right p {
    margin-left:25px;
    margin-right:25px;
    font-size:1.1em;
}
#contact .fl_right a.textLink {
    margin-left:25px;
    margin-right:25px;
    font-size:1.1em;
    color:#E71818;
    display:block;
}
#contact .fl_right a.textLink:hover {
    text-decoration:none;
}
#contact #directions fieldset {
    margin:5px 0 10px 0;
    padding-left:25px;
}
#contact .fl_right form input {
    padding:1px;
}
#contact .fl_right form button{
    border-style:none;
    background:url('../images/blue_arrow.gif') top left no-repeat;
    width:21px;
    height:22px;
    text-indent:-1000px;
    margin-left:5px;
    cursor:pointer;
}

#thank-you {
    font-size:1.8em;
    margin-top:55px;
}

/* CONTACT FORM */
#contact_form {
    font-size:1.1em;
    margin-top:20px;
}
#contact_form .form_block {
    margin-bottom:18px;
    float:left;
	text-align:right;
	padding-right:4px;
    width:330px;

}
#contact_form .form_right {
    float:left;
}
#contact_form label {
    width: 118px;
    float:left;
    font-weight:bold;
	text-align:right;
    padding-right:4px;
}
#contact_form .textbox, #contact_form textarea {
    width:200px;
    border:1px solid #7B7B7B;
    font-family: Verdana, Helvetica, sans-serif;
    padding:2px;
    font-size:11px;
}
#contact_form .checkbox {
    margin-top:10px;
}
#contact_form .button {
    background:#DF2D09 url('../images/buttons/submit.gif') top left no-repeat;
    width:122px;
    height:33px;
    border-style:none;
    color:#fff;
    float:right;
    margin-right:10px;
    cursor:pointer;
    text-indent:-1000px;
}

/* NEWS PAGE */
#news .fl_left{ width:330px; }
#newsList.news {
    margin-top:15px;
    font-size:1.2em;
}
#newsList li{
    list-style-type:none;
    margin-bottom:10px;
}
#newsList li .date{
	font-size: 0.8em;
    color:#E71818;
    font-weight:bold;
    width:60px;
}
#newsList li .fetchNews{
    width:265px;
    margin-left:5px;
    color:#000;
}
#newsList li a:hover{
    text-decoration:none;
}
#newsList .selectedNews {
    font-weight: bold;
    text-decoration:none !important;
}

#news .fl_right{
    width:360px;
    padding:25px 0;
    background-color:#F1F0EF;
}
#news .fl_right p {
    margin-left:25px;
    font-size:1.1em;
    color:#666;
    margin-bottom:10px;
    width:325px;
}
#news .fl_right a {
    color:#E71818;
}
#news .fl_right a:hover {
    text-decoration:none;
}
#news .fl_right a#story_link {
    margin-left:25px;
    font-size:1.1em;
    display:block;
    margin-bottom:10px;
}
#news .fl_right img {
    margin-left:25px;
}
#news_title {
    color:#000 !important;
    font-size:1.5em !important;
    font-weight:bold;
}
#news_date { color:#E71818 !important; font-weight:bold; }
#news_img { margin-left:20px !important; margin-bottom:5px !important; }

/* FOOTER CLIENT LOGOS */
ul.client_logos {
    padding-top:60px;
    text-align:center;
}
ul.client_logos li {
    display:inline;
    list-style-type:none;
    margin-right:50px;
}
ul.client_logos li#end {
    margin-right:0px;
}
/* FOOTER SELECTORS */
#footer {
    border-top:1px solid #666968;
    margin-top:18px;
    padding-top:10px;
    color:#999;
    padding-bottom:25px;
}
#footer .fl_left {
    width: 270px;
}
#footer div.fl_left {
    margin-left:20px;
}
#footer div.fl_left p {
    margin-bottom:5px;
}
#footer .clear {
    padding-top:10px;
}
#bottom_nav li , #bottom_nav2 li{
    display:inline;
    list-style-type:none;
}
#bottom_nav li a , #bottom_nav2 li a {
    color:#999;
    text-decoration:none;
}
#bottom_nav li a:hover , #bottom_nav2 li a:hover {
    text-decoration:underline;
}



/* Case Study Pages */

div.topTop  {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
}

img.topTopRight  {
    float: right;
    position:relative;
    top: 5px;
}

div.topBox  {
    width: 100%;
    background-color: #A8A806;
    margin-bottom: 10px;
    height: 350px;
}

img.imgRight  {
    float: right;
    margin: 20px 20px 20px 10px;
}

img.bigImg  {
    position:absolute;
    z-index: 3;
    top: 117px;
}

img.imgLeft , img.imgLeft2 {
    float: left;
}

img.imgLeft {
    margin-right: 60px;
}

img.imgLeft3 {
    margin-right: 40px;
}

div.caseStep , div.caseStep2 {
    background-color: #F1F0EF;
    width: 225px;
    float: left;
    margin-right: 12px;
    padding: 15px 0px 5px 0px;
}

div.caseStep2 {
    margin-right: 0px;
    float: right;
}

div.caseStepContent  {
    width: 195px;
    margin-left: 15px;
    height: 250px;
}

.caseStepContent span  {
    color:#666;
}


div.clientLogo , div.clientLogo2  {
    float: left;
    width: 160px;
    border: 3px solid #F1F0EF;
    margin: 10px 12px 10px 0px;
}

div.clientLogo2  {
    float: right;
    margin: 10px 0px;
}

img.imgOtherClients  {
    position:absolute;
    left: 20px;
}

/* SCHOOL WEBSITE PAGE */
#schools .fl_left {
    width:430px;
}
#schools .intro_text {
    font-size:1.6em;
    color:#E71818;
    margin-bottom:20px;
}
#schools p {
    line-height:130%;
    margin-bottom:15px;
    font-size:1.1em;
}
#schools .post {
    border-bottom:1px dashed #C9C9C9;
    margin: 0 0 30px;
    padding: 0px 0px 20px 0px;
}
#schools .post h2 {
    font-size:1.7em;
}
#schools img.blogHeaderImage  {
    float: left;
    margin: 0px 15px 10px 0px;
}
#schools div.postContentHeader    {
    position: relative;
    top: 8px;
}
#schools div.postContent    {
    position: relative;
    top: -5px;
}