.debug {
background-color: #F00;
}
/* ============= */
/* STYLES */
/* ============= */
body {
font: normal normal normal 1em Arial, Helvetica, Sans-Serif;
margin: 33px 0 20px 0;
background-color: #000;
text-align: center;
color: #FFF;
}
h1 {
font: normal normal bold 1.75em Arial, Helvetica, Sans-Serif;
color: #FDFDFD;
margin: 21px 0 0 4px;
}
h2 {
font: normal normal bold 0.8em Arial, Helvetica, Sans-Serif;
color: #FFF;
}
p {
font: normal normal normal 0.8em Arial, Helvetica, Sans-Serif;
}
a {
color: #FFF;
}
a:hover {
text-decoration: none;
}
/* ============== */
/* Home page news */
/* ============== */
.homepage_news h6 {
font-size: 10px;
font-weight: normal;
margin: 5px 0 0 0;
}
.homepage_news h3 {
font-size: 12px;
border-bottom: 1px solid #59677a;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}
.homepage_news h3 a{
color: #fcc100;
text-decoration: none;
}
.homepage_news p {
font-size: 12px;
}
.homepage_news p a {
color: #fcc100;
font-size: 12px;
}
.news h6 {
font-size: 10px;
font-weight: normal;
margin: 5px 0 0 0;
}
.news h3 {
color: #fcc100;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #59677a;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}
.news p {
font-size: 12px;
}
.news p a {
color: #fcc100;
font-size: 12px;
}
/* =========== */
/*
STYLES */
/* =========== */
div.hr_solid_grey {
height: 1px;
margin: 0;
background-color: #A4A4A4;
}
div.hr_solid_grey hr {
display: none;
}
div.hr_dashed_grey {
height: 1px;
margin: 0;
background: #A4A4A4 url('../images/hr_dashed_grey.gif') repeat top left;
}
div.hr_dashed_grey hr {
display: none;
}
/* =========== */
/* STYLES */
/* =========== */
div.vr_solid_grey {
width: 1px;
height: 63px;
margin: 0 5px 0 5px;
background-color: #59626D;
}
/* =================== */
/* / STYLES */
/* =================== */
ul.ul_style {
list-style: disc outside url('../images/bullet.gif');
padding: 0;
margin: 0;
}
ul.ul_style li {
padding: 0;
margin: 0 0 5px 20px;
}
/* ================== */
/* WRAPPER AND FLOATS */
/* ================== */
.page_wrapper {
width: 750px;
text-align: left;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
/* ======== */
/* MASTHEAD */
/* ======== */
.masthead {
width: 750px;
background: transparent url('../images/bg_clouds.gif') no-repeat scroll bottom left;
display: inline;
clear: both;
}
.masthead .logo {
padding: 0 0 10px 0;
display: block;
}
.masthead_content {
margin: 18px 0 0 5px;
}
p.masthead_content {
margin: 23px 10px 0 5px;
font-weight: bold;
}
/* ====== */
/* BANNER */
/* ====== */
.banner {
width: 750px;
height: 217px;
clear: both;
}
.masthead .logo {
padding: 0 0 10px 0;
display: block;
}
/* ========== */
/* NAVIGATION */
/* ========== */
.nav {
margin: 12px 0 3px 0;
text-align: center;
clear: both;
}
.navigation img {
padding: 8px 9px 5px 9px;
}
/* ==================== */
/* 1st BACKGROUND LAYER */
/* ==================== */
.layer1_left {
width: 15px;
height: 538px;
background: transparent url('../images/bg_layer1_left.gif') no-repeat top right;
display: inline;
clear: left;
}
.layer1_centre {
width: 721px;
background: transparent url('../images/bg_layer1_centre.gif') repeat-x top left;
display: inline;
}
.layer1_right {
width: 14px;
height: 538px;
background: transparent url('../images/bg_layer1_right.gif') no-repeat top left;
display: inline;
}
/* ==================== */
/* 2nd BACKGROUND LAYER */
/* ==================== */
.layer2_top {
width: 721px;
height: 13px;
margin: 0;
padding: 0;
display: block;
clear: both;
background: transparent url('../images/bg_layer2_top.gif') no-repeat top right;
font-size: 0px;
}
.layer2_middle {
width: 721px;
margin: 0;
padding: 0;
background: transparent url('../images/bg_layer2_middle.gif') repeat-y top left;
display: inline;
clear: both;
}
.layer2_bottom {
width: 721px;
height:13px ;
margin: 0 0 15px 0;
padding: 0;
background: #202b39 url('../images/bg_layer2_bottom.gif') no-repeat bottom left;
clear: both;
font-size: 0px;
}
.layer2_content {
width: 719px;
margin: 0 1px 0 1px;
background: transparent url('../images/bg_layer2_gradient.gif') repeat-x bottom left;
display: inline;
}
.layer2_middle p {
padding: 0 0 10px 0;
}
/* ====== */
/* FOOTER */
/* ====== */
.footer {
width: 750px;
border-top: none;
text-align: center;
margin: 15px 0 0 0;
display: inline;
}
.footer p {
font-size: 0.75em;
text-align: left;
padding: 0 35px 0 35px;
}
/* FIX FOR DOUBLE MARGINS AT TOP */
/* ----------------------------- */
.subnav ul li {
height: 0.01%;
}
/* ========= */
/* HOME PAGE */
/* ========= */
.service_links a {
font-size: 0.7em;
line-height: 2em;
}
.service_links a {
color: #98BAFF;
}
.service_links a:hover {
color: #FFF;
}
.casestudiespreview_arrow {
margin: 0 0 10px 0;
}
.casestudiespreview_top {
width: 292px;
height: 10px;
display: block;
clear: both;
background: transparent url('../images/bg_casestudiespreview_top.gif') no-repeat top right;
font-size: 0px;
}
.casestudiespreview_middle {
width: 292px;
clear: both;
background: transparent url('../images/bg_casestudiespreview_middle.gif') repeat-y top left;
}
.casestudiespreview_bottom {
width: 292px;
height:10px ;
margin: 0 0 10px 0;
clear: both;
background: transparent url('../images/bg_casestudiespreview_bottom.gif') no-repeat bottom left;
font-size: 0px;
}
.casestudiespreview_middle p {
font-size: 0.7em;
padding: 4px 0 0 170px;
}
.casestudiespreview_middle h3 {
font-size: 0.7em;
padding: 8px 0 0 170px;
}
.casestudiespreview_middle img.casestudies_thumb {
margin: 0 0 0 8px;
}
h1.homepage {
color: #FCC100;
}
h1.homepage, h2.homepage {
margin-bottom: 7px;
}
/* =================== */
/* LEFT NAVIGATION BAR */
/* =================== */
.left_nav {
width: 165px;
margin: 0 0 0 13px;
display: inline;
}
.left_nav ul {
text-align: left;
list-style: none;
}
.left_nav li, .left_nav h3 {
float: left;
border-bottom: 1px dashed #6B7A8C;
width: 160px;
}
.left_nav a {
float: left;
width: 140px;
text-decoration: none;
font-size: 0.7em;
padding: 9px 0px 8px 20px;
background: transparent url(../images/sidenav_bg-0.gif) no-repeat center left;
}
.left_nav h3 {
float: left;
width: 160px;
text-decoration: none;
font-size: 0.8em;
padding: 9px 0 8px 0;
font-weight: bold;
}
.left_nav a:hover {
font-weight: bold;
background: #409ECF url(../images/sidenav_bg-1.gif) no-repeat center left;
}
/* ============ */
/* CASE STUDIES */
/* ============ */
.casestudies_overview {
margin: 20px 0 25px 0;
}
.casestudies_overview p {
font-weight: bold;
color: #FCC100;
margin: 0;
padding: 0;
}
p.image_caption {
color: #FCC100;
margin: 5px 0 15px 0;
padding: 0;
}
h2.casestudies {
font-size: 1.3em;
}
/* ========== */
/* KEY PEOPLE */
/* ========== */
.keypeople_portrait {
margin: 20px 20px 20px 0;
}
.keypeople_overview p {
font-weight: bold;
margin: 0;
padding: 0;
}
.keypeople_overview {
margin: 20px 0 10px 0;
}
.keypeople_overview a.email {
color: #01FFF6;
font-weight: bold;
padding: 10px 0 20px 0;
}
.keypeople_category {
width: 114px;
}
.keypeople_category img {
display: block;
margin-bottom: 20px;
}
.keypeople_category p {
font-style: italic;
color: #F00;
}
.keypeople_content {
width: 350px;
}
h3.keypeople {
font-size: 0.8em;
}
/* ============= */
/* GENERIC PAGES */
/* ============= */
.generic_leftcol {
width: 165px;
text-align: center;
margin: 0 0 15px 13px;
display: inline;
clear: both;
}
.generic_leftcol img {
text-align: center;
margin: 50px 0 0 0;
}
.generic_middlecol {
margin: 0 0 0 30px;
width: 485px;
display: inline;
text-align: left;
}
.generic_rightcol {
width: 114px;
display: inline;
}
.generic_rightcol p {
width: 114px;
font-style: italic;
}
p.generic, h2.generic {
width: 350px;
display: block;
/*
float: left;
clear: left;
*/
}
h2.generic {
font-size: 0.8em;
margin-top: 20px;
}
ul.generic {
font-size: 0.8em;
list-style: square inside;
margin: 13px;
color: #FFF;
width: 350px;
}
/* ============= */
/* CONTACT FORM */
/* ============= */
#contact_form fieldset {
margin: 10px;
padding: 20px;
border: 1px solid #A4A4A4;
position: relative;
}
#contact_form legend {
font-size: 0.9em;
}
#contact_form .input_container {
margin: 10px;
}
#contact_form label {
display: block;
font-size: 0.8em;
}
#contact_form .button_container {
margin: 10px;
}
#contact_form .error {
font-size: 0.8em;
color: #FF0000;
margin-top: 5px;
}
#contact_form .input_error {
background-color: #FFCCCC;
}
.success {
font-size: 0.9em;
font-weight: bold;
}