html, body {
min-height: 100%; /*Sets the min height to the
height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
for IE5+/Win, since IE wrongly expands
an element to enclose its content.
This mis-behavior screws up modern
browsers*/
margin: 0;
padding: 0;
}
html>body {
height: auto; /*this undoes the IE hack, hiding it
from IE using the child selector*/
}
body {
position: relative;
top: 0;
}
#bodyblock {
/*Keeps content above footer. */
padding-bottom:80px;
height:auto;
}
.clear
{ clear:both; }
/******************
** General styles **
******************/
body {background: #d8d8d8 url(../../layoutimages/repeating-background.gif) repeat-y 50% 0;}
#wrap {margin: 0 auto; text-align: center; width: 950px;}
.container {text-align: left;}
.text-right {text-align: right;}
.border-top {border-top: 1px dashed #b3b3b3; padding-top: 10px; margin-top: 10px;}
/******************
** Header styles **
******************/
#header {height: 270px; position:relative; }
#banner {position:absolute; }
#searchbox {position: absolute; top:10px; right: 15px; width: 200px; height: 20px; background: url(../../layoutimages/search_field.gif) no-repeat;}
#searchfield { float: left; padding: 0; margin: 4px 0 0 6px; border: 0; width: 159px; background: none; color: #b2b2b2; font-size: 11px;}
#searchbutton { float: right; margin:1px 1px 0 0;}
/******************
** Headings styles **
******************/
h1, h2 {border-bottom: 1px dashed #b3b3b3; }
h1 {font-size: 25px; margin-top:0; line-height: 32px; padding: 0 0 6px 0; margin: 0 0 0.3em 0; }
h2 {font-size: 20px; line-height: 32px; padding: 9px 0 7px 0; margin: 0 0 0.5em 0; }
/*****************************
** Larger Intro text styles **
*****************************/
#service_main h3, #main h3, #welcome_text h3, #latest_news_intro h3 {font-size: 18px; line-height: 22px; color:#676767;}
/***************************
** Hidden Headings styles **
******************/
.services_header, .news_archive_header, .casestudy_header {height: 32px;}
.services_header span, .news_archive_header span, .casestudy_header span {display: none;}
.services_header {margin-bottom: 0;}
/**************************
** Navigation Bar styles **
**************************/
#navigation {
height: 40px;
width: 870px;
margin: 0 0 0 0px;
}
/****************
** Main styles **
*****************/
#bodyblock { margin: 5px 0 20px 0; color: #676767;}
#bodyblock a {color: #8DC63F; font-weight: bold; text-decoration: none;}
#bodyblock a:hover {color: #000; font-weight: bold;}
#main, #news_main, #casestudy_main, #contact_main, #service_main {margin-top: 10px;}
.largerText {font-size: 18px; line-height: 22px;}
#welcome_text {margin-top: 10px;}
/***********************
** Contact box styles **
***********************/
#contact_box { background-color: #efefef; }
#contact_box_internal h3 {color:#8DC63F; font-size: 15px; margin: 0 0 0.5em 0; }
#contact_box_internal {padding: 10px; font-size: 12px;}
#contact_box_internal p {margin: 0;}
#contact_box_internal span {font-size: 15px; line-height: 25px;}
#casestudy_main h3 { font-size: 12px; line-height: 14px; font-weight: bold; color: #8DC63F; margin: 0 0 0.5em 0;}
/***********************
** News page styles **
***********************/
/* #latest_news_intro {font-size: 18px; line-height: 21px; margin-bottom: 1em;} */
#news_main h2 {font-size: 15px; border-bottom: none; margin: 0; padding: 0; }
#news_main h2 a {color: #676767;}
#news_main h2 a:hover {color: #8DC63F;}
#news_main blockquote {font-weight: bold; font-style: italic;}
#news_main blockquote p.cite {padding: 5px 0; line-height: 18px; font-weight: normal; font-style: normal;}
.thumbnail {float:left; margin:1em 1.5em 1em 0;padding:0; }
/***********************
** Case study styles **
***********************/
.business_sector_title { font-size: 18px; color: #676767; font-weight: bold; line-height: 21px; padding: 0; margin: 0;}
.engagement_level {font-size: 18px; color: #676767; font-weight: normal; line-height: 21px; padding: 0;}
a.download_button:link, a.download_button:visited {background: url(../../layoutimages/green_arrow_grey.gif) no-repeat 10px 50%; padding-left:29px; background-color: #efefef; display: block; line-height: 30px; color: #000; width: 230px; margin-bottom: 5px; font-size: 12px;}
a.download_button:hover {color: #8DC63F;}
#case_study_buttons {margin: 20px 0 0 0;}
#case_study_buttons a { color: #000; font-weight: normal;}
#case_study_buttons a:hover {color:#8DC63F; font-weight: normal;}
ul#casestudy_list {margin: 0; padding: 0;}
#casestudy_list li {list-style: none; border-bottom: 1px dashed #ccc; margin-bottom: 0.5em; }
#casestudy_list li h3 {margin: 10px 0; }
#casestudy_list li h3 a { color: #000; font-size: 15px; line-height: 15px; padding-left: 18px; background:#fff url(../../layoutimages/green_arrow.gif) no-repeat; text-decoration: none; font-weight: normal;}
#casestudy_list li h3 a:hover {color: #8DC63F; font-weight: normal;}
#casestudy_list li p {font-size: 11px; line-height: 13px; padding-bottom: 0 0 20px 0;}
/***********************
** Recent News styles **
***********************/
ul#recent_news_list { margin: 0; padding: 0;}
#recent_news_list li {list-style: none; border-bottom: 1px dashed #ccc; margin-bottom: 0.5em; }
#recent_news_list li a img {margin-bottom: 0;}
#recent_news_list li h3 {margin: 10px 0; line-height: 15px;}
#recent_news_list li h3 a { color: #000; font-size: 15px; line-height: 15px; display: block; padding-left: 18px; background:#fff url(../../layoutimages/green_arrow.gif) no-repeat; text-decoration: none; font-weight: normal;}
#recent_news_list li h3 a:hover {color: #8DC63F; font-weight: normal;}
#recent_news_list li p {font-size: 11px; line-height: 13px; padding-bottom: 0 0 20px 0;}
#recent_news_list li blockquote {color: #000; padding: 0.5em 0;}
#recent_news_list li p.cite {margin-bottom: 0; font-style: normal; color: #000; font-size: 11px; line-height: 13px;}
/***********************
** News Archive styles **
***********************/
#news_archive_list {margin: 0; padding: 0;}
#news_archive_list h2 {font-size: 20px; line-height: 30px; margin: 0; padding: 0;}
ul#news_archive{ margin: 0; padding: 0; }
#news_archive li { list-style: none; display: block; border-bottom: 1px dashed #ccc;}
#news_archive li a {font-size: 15px; line-height: 30px; color: #000;}
#news_archive li a span {font-size: 12px;}
#news_archive li a:hover {color: #8DC63F;}
#news_archive_area h2 { margin: 0 0 5px 0;}
/***********************
** Contact form styles **
***********************/
#contact_details {border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
#contact_main h2 {font-size: 16px; line-height: 20px; color: #676767; font-weight: bold; border-bottom: none; margin-bottom: 0.5em;}
#contact_form input.text, #contact_form textarea {width:350px;padding:1px;}
#contact_form textarea {height: 140px;}
#contact_form label { float: left; text-align: left; margin-right: 15px; width: 80px; font-size: 12px;}
#contact_form .contact_submit_button {font-size: 12px; line-height: 14px; padding-left: 18px; text-align: right; margin-left: 390px; color: #676767; background: url(../../layoutimages/green_arrow.gif) no-repeat 0 50%; font-weight: normal; cursor: pointer; border: none;}
#contact_form .contact_submit_button:hover {color: #8DC63F; font-weight: normal;}
#contact_form .contact_error { margin-left: 95px; width: 340px; padding:.5em; border:2px solid #ddd; background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
/***********************
** Diagram styles **
***********************/
#diagram_form {margin-bottom: 100px;}
#diagram_form h2 {font-size: 16px; border: none; font-weight: bold; color: #676767}
#diagram_form input.text {width:260px;padding:1px;}
#diagram_form label { float: left; text-align: left; margin-right: 10px; width: 110px; font-size: 12px;}
#diagram_form .contact_submit_button {font-size: 12px; line-height: 14px; padding-left: 18px; text-align: right; margin-left: 320px; color: #676767; background: url(../../layoutimages/green_arrow.gif) no-repeat 0 50%; font-weight: normal; cursor: pointer; border: none;}
#diagram_form .contact_submit_button:hover {color: #8DC63F; font-weight: normal;}
#diagram_form .contact_error { margin-left: 120px; width: 250px; padding:5px; border:2px solid #ddd; background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; font-size: 11px;}
.diagram_submit_button, #diagram_link a:link, #diagram_link a:visited {font-size: 12px; line-height: 30px; padding-left:29px; width:240px; text-align: left; color: #00000; background: url("../../layoutimages/green_arrow_grey.gif") no-repeat scroll 10px 50% #EFEFEF; font-weight: normal; cursor: pointer; border: none; margin-top: 20px; color: #000; display: block;}
.diagram_submit_button {padding: 5px 5px 5px 29px;}
.diagram_submit_button:hover, #diagram_link a:hover {color: #8DC63F;}
.diagram_quote {background: #f4f4f4; padding: 20px; }
.diagram_quote p {color: #676767; font-size: 18px; font-weight: normal; line-height: 1.2em;}
.diagram_quote .small {font-size: 12px;}
/*****************************
** Latest Case Study styles **
*****************************/
#latest_casestudy { border-top:1px dashed #b3b3b3;}
#latest_casestudy a img {float: left; margin: 10px 10px 10px 0;}
#latest_casestudy_internal {margin: 10px 0px 10px 160px; }
#latest_casestudy_internal h3 {margin: 0 0 0.5em 0; }
#diagram_cta h3 {margin: 10px 0 10px 0; }
#latest_casestudy_internal h3 a, #diagram_cta h3 a { color: #676767; font-size: 15px; line-height: 15px; padding-left: 18px; background:#fff url(../../layoutimages/green_arrow.gif) no-repeat; text-decoration: none; font-weight: normal;}
#latest_casestudy_internal h3 a:hover, #diagram_cta h3 a:hover {color: #8DC63F; font-weight: normal;}
#latest_casestudy_internal p {font-size: 11px; line-height: 13px; margin: 0;}
/******************
** Tool Box Home **
******************/
.tool_description {border-bottom: 1px dashed #676767; padding-bottom: 0.5em;}
.tool_description {border-bottom: 1px dashed #ccc; padding-bottom: 0.5em;}
.tool_item_description {border-bottom: 1px dashed #ccc; padding-bottom: 0.5em;}
#tools_box_home h3 {margin: 0.5em 0;}
#tools_box_home h3 a { color: #676767; font-size: 15px; line-height: 15px; padding-left: 18px; background:#fff url(../../layoutimages/green_arrow.gif) no-repeat; text-decoration: none; font-weight: normal;}
#tools_box_home h3 a:hover{color: #8DC63F; font-weight: normal;}
/*************************
** Services side styles **
**************************/
#services_side {margin: 0 0 35px 0; padding: 0;}
#services_side li {list-style: none; margin: 0; padding: 0;}
#services_side li a { color: #676767; font-size: 15px; line-height: 15px; background:#fff url(../../layoutimages/green_arrow.gif) no-repeat 0 50%; padding: 10px 0 10px 18px; margin: 0; border-bottom: 1px dashed #ccc; display: block; font-weight: normal;}
#services_side li a:hover, #services_side li a.active { color: #8DC63F; font-weight: normal;}
/*************************
** Enquiry box styles **
**************************/
#enquiries_box {background-color: #efefef;}
#enquiries_box_internal {padding:15px 20px;}
#enquiries_box_internal h3 {font-size: 15px; color: #000;}
#enquiry_details {font-size: 15px; line-height: 17px;}
#enquiry_details .phone {font-size: 12px;}
#enquiry_details a, #contact_link a, #enquiry_details a:hover { font-weight: normal;}
#contact_link a:link, #contact_link a:visited {font-size: 12px; line-height: 14px; padding-left: 18px; text-align: right; float: right; color: #676767; background: url(../../layoutimages/green_arrow_grey.gif) no-repeat 0 50%; font-weight: normal;}
#contact_link a:hover { color: #8DC63F; font-weight: normal;}
/***************
** Search styles **
******************/
#search_results h2 {font-size: 15px; border-bottom: none; margin: 0; padding: 0; color: #676767; font-weight: bold; }
#search_results ul {padding:0;margin:0;list-style:none;display:block;}
#search_results li {float:left;display:inline; padding-right: 5px;}
/***************
** Footer styles **
******************/
#footer {
height: 80px;
width: 870px;
margin-left: 40px;
padding: 0;
text-align: left;
border-top:1px dashed #b3b3b3;
font-size: 11px;
bottom:0;
position: absolute;
}
#footer_right {text-align: right;}
#footer p, #footer a, #footer li a, #footer li { margin: 5px 0 2px 0; color: #676767; padding: 0;}
#footer a:hover, #footer li a:hover {color:#8DC63F;}
#footer ul {
margin: 0;
padding: 5px 0 0 0;
float: right;
}
#footer li {
display: inline;
float: left;
list-style-type: none;
padding-left: 10px;
margin: 0;
}
#footer ul li a {
text-decoration: underline;
height: 20px;
margin: 0;
padding: 0;
}
/**************************
** Menu styles **
**************************/
ul.menu {list-style:none; margin:0; padding:0; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#676767; text-decoration:none; font-weight: normal;}
ul.menu a.selected {display:block; color:#8DC63F; text-decoration:none; font-weight: bold;}
ul.menu li {display: inline; float:left;}
ul.menu li:first-child {padding-left: 0;}
ul.menu ul {position:absolute; top:40px; left:0; background:#ccc; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; font-weight: normal;}
ul.menu ul li a:hover {color: #000; font-weight: bold;}
ul.menu ul ul {left:148px; top: 0px}
ul.menu .menulink { padding: 10px 15px 10px 15px; float:left; height: 20px; font-weight:bold; /*min-width: 6em; width: 90%;*/ }
ul.menu .menulink:hover, ul.menu .menuhover {color: #000; font-weight: bold; }
/**************************
** Breadcrumbs Bar styles **
**************************/
.breadcrumbs { padding: 5px 5px 15px 5px}
.breadcrumbs a {color:#000; text-decoration:none;}