/* ====================================================================
Name: hcs : default 
Version: 1.0
Date: 2008-08-28
Last Modified:
- 20091010.938, Aaron, restyled new h2 for lower pages, removed imagery and quotes
- 20091009.1536, Karl, restyled new h2
- 2008-08-28, Karl, added extra styles for the ul and h3 elements on the mobility_solutions page
#063A5F

1. general and strcture
2. branding
3. navigation
4. main content
4a. home page only 

====================================================================*/

/*[1.] general and structure ======================================= */

html {
background: #05375C url(/uploads/graphics/html_bg.jpg) repeat-x top left;
font-family: Arial;
}

body {
width: 60.75em;
background: white url(/uploads/graphics/body_bg.jpg) repeat-y top center;
}

#container {
position: relative;
background-color: #B3B3B3;
}

/*[2.] branding ==================================================== */

#logo {
position: absolute;
top: 10.2em;
left:5.4em;
width: 13em;
height: 5em;
}

#branding {
height: 9em;
margin-left:2.31em;
border-top: 8em solid #063A5F;
width: 56em;
background: url(/uploads/graphics/banner_bg.jpg) no-repeat -0.05em 0em;
}

#branding h2 {
color: #366493;
font-size: 2em;
font-weight:700;
}

#branding h2 span.your {
position:absolute; top:5.5em; left:11em;
}

#branding h2.lower span.your {
position:absolute; top:1.3em; left:11em;
}

#branding h2 span.it {
position:absolute; top:4em; left:8em;
color: #349C2B;
font-size: 1.7em;
letter-spacing:.05em;
}

#branding h2.lower span.it {
position:absolute; top:1.5em; left:8em;
color: #349C2B;
font-size: 1.7em;
letter-spacing:.05em;
}

#branding h2 span.partner {
position:absolute; top:6.4em; left:15.5em;
}

#branding h2.lower span.partner {
position:absolute; top:2.1em; left:15.5em;
}


#building {
position: absolute;
top: 0;
left: 39.75em;
height: 17em;
width: 18.7em;
z-index: 10;
}

#avatar {
/* position:absolute;
right: 1.2em;
top: 13em;
z-index:11;
height:9.2em; */
display:none;
}

/*[3.] main navigation ================================================= */

#nav {
margin-left:2.31em;
width: 56.12em;
height: 1.61em;
background: green url(/uploads/graphics/nav_bg.jpg) repeat-x top left;
}

#nav li {
display: inline;
float: left;
border-left: 1px solid white;
margin: 0.4em 0 0 0;
padding: 0 0.45em 0 0.45em;
height: 0.8em;
}

#nav li:first-child {
margin-left: 0.5em;
border-left: none;
}

#nav a, #nav a.menu_off {
font-size: 0.8em;
font-weight: 700;
line-height: 110%;
display: block;
color: white;
text-decoration: none;
}

#nav a:hover, #nav a.menu_on {
color: #b2da6d;
}

/*[4.] main content =============================================================  */

#main_content {
clear: left;
margin-left:2.31em;
width: 56.12em;
background-color: #063A5F;
border-bottom: 1em solid #063A5F;
}

#main_content:after { 
content: ""; 
display: block; 
height: 0; 
clear: both; 
}

#main_display {
width: 41em;
float: left;
margin: 1.5em 0 0 1em;
}

/* 1px border needed for Safari */
#main_display div {
min-height: 15.5em;
border-bottom: 1px solid white;
background: white url(/uploads/graphics/main_display_vertical_bg.jpg) repeat-x top left;
}

#main_display div h2 {
color: #063A5F;
margin: 0 0 0.5em 0.8em;
padding-top: 0.5em;
}

#main_display h1 {
color: #063A5F;
font-weight: 700;
font-size: 0.95em;
margin: 0em;
padding: 0.2em 0 0 0.75em;
height:1.4em;
background: #063A5F url(/uploads/graphics/solutions_header_bg.jpg) no-repeat top left;
}

#main_display div h3 {
color: #063A5F;
}

#main_display div ul.event {
margin:0 0 1em 2em;
list-style-type:disc;
display:block;
font-size:.8em;
}

#main_display div ul li {
color: #333;
}

#main_display div p {
color: #333333;
font-size: 0.8em;
font-weight: 500;
line-height: 130%;
margin: 0 1em 1em 1em;
}


#main_display div p.first,
#main_display div p:first-child {
font-size: 0.85em;
font-weight: 800;
padding-top: 0.5em;
line-height: 140%;
}

#main_display_top_curve {
padding: 0;
margin: 0;
height: 0.5em;
display: block;
background: #063A5F url(/uploads/graphics/main_display_top_curve.jpg) no-repeat top left;
}

#main_display_bottom_curve {
height: 0.5em;
display: block;
border: 0px solid white;
background: #063A5F url(/uploads/graphics/main_display_bottom_curve.jpg) no-repeat bottom left;
}


/*[4a.] home page only ============================================  */


#sidebar_right {
float: right;
width: 19.8em;
height: 14.45em;
margin: 4.2em 1.1em 0 0;
color: white;
background: url(/uploads/graphics/sidebar_homepage_bg.jpg) repeat-y;
}


#sidebar_right_display {
width: 11.7em;
background-image: url(/uploads/graphics/sidebar_right_bg.jpg);
}

#sidebar_right_display_top {
display: block;
height: 0.16em;
background: url(/uploads/graphics/sidebar_right_top.jpg) no-repeat;
}

#sidebar_right_display_end {
display: block;
height: 0.45em;
background: url(/uploads/graphics/sidebar_right_end.jpg) no-repeat;
}

#sidebar_right p,
#sidebar_right_display p {
margin-bottom: 0.1em;
padding: 0.6em;
color: white;
font-size: 0.7em;
}

#sidebar_right p:first-child,
#sidebar_right_display p:first-child {
font-weight: 700;
font-size: 0.8em;
}

#sidebar_right_display ul {
width: 11.5em;
margin: 0;
}

#sidebar_right_display ul li {
border-top: 0.2em solid #4278A6;
padding: 0.5em;
}

#sidebar_right_display ul li:first-child {
border: none;
}

#sidebar_right_display ul li a {
color: white;
font-weight: 500;
font-size: 0.8em;
line-height: 160%;
}

/* version 2 of homepage, advertorial changes  ========================== */

#sidebar_1col{
float: left;
width: 9.8em;
margin: 3em 0 0 1.1em;
color: white;
background: url(/uploads/graphics/welcome_text.png) no-repeat bottom;
}

.welcome {
background: url(/uploads/graphics/welcome.png) no-repeat bottom;
color:#fff;
/*
position:relative;
top:-1em;
*/
padding: .2em 0 0 .5em;
}

#sidebar_1col p {
margin-bottom: 0.1em;
padding: 0.7em;
color: white;
font-size: 0.7em;
}

#sidebar_1col p.first {
font-weight: 700;
}

#advertorial {
border:solid .1em #f90;
float:left;
width:9.8em;
height:28.2em;
margin: 2em 0 0 .5em;
}

#certification {
border:solid .1em #f90;
float:left;
height:10em;
width:33em;
margin: .5em 0 0 0.5em
}

/*  services presentation ========================== */


#excellence_quote {
/*
position: absolute;
top: 30.3em;
right: 16em;
z-index: 11;
width: 30em;
font-size: 0.6em;
font-weight: 900;
font-style: italic;
color: white;
*/
display:none;
}

#core_services_v2 {
padding: 1em 0 0 0;
}

#services {
float: left;
width: 33.125em;
height: 17.7em;
margin: 1em 0 0 .5em;
background: url(/uploads/graphics/services_bg.gif) no-repeat top left;
}

#see_all_it {
color: #4178A5;
margin:30em 0 0 0;
font-size: 0.7em;
font-weight: 700;
text-decoration: none;
position:absolute;
left:59em;
}

#see_all_it:hover {
text-decoration: underline;
}

#services li:first-child h2 a {
color: #063A5F;
margin: 0.2em 0 0 1em;
height: 1em;
width: 6.6em;
display:block;
}

#services > li > a {
display: none
}

#services ul {
margin: 0.3em 0 0 0.05em;
}

#services li ul li {
position: relative;
float: left;
width: 7.4em;
height: 7em;
margin: 0.7em 0em 0em 0.65em;
background: url(/uploads/graphics/service_off.jpg) no-repeat top left;
}

#services ul li:hover {
background: url(/uploads/graphics/service_on.png) no-repeat top left;
}

#services ul li a.read_more {
color: #333333;
position:absolute;
top: 6.7em;
left: 2.0em;
font-size: 0.8em;
font-weight: 500;
}

#services ul li a:hover {
text-decoration: none;
}

#services ul li h2 a {
color: #333333;
font-size: 0.8em;
margin: 0 0 0 0;
padding:0.2em;
line-height: 125%;
display: block;
}

#services ul li:hover h2 a {
color: #eeeeee;
}




/*  news and stats - top bar ========================== */


div.upper_tab {
height: 6.5em;
width: 16.4em;
background: url(/uploads/graphics/tab_bg.jpg) no-repeat top left;
}

div.upper_tab h2, div.upper_tab h3 {
color: white;
}

div.upper_tab h3 {
margin: 0.9em 0 0 0.2em;
font-size: 0.8em;
font-weight: 500;
}

div.upper_tab a {
color: yellow;
font-weight: 400;
font-size: 0.8em;
text-decoration: none;
padding-right: 1.5em;
background: url(/uploads/graphics/read_more.jpg) no-repeat top right;
}

div.upper_tab a:hover {
text-decoration: underline;
}

#star_rating {
position: absolute;
top: -1.6em;
left: 0.0em;
}

#news {
position: absolute;
top: 1.0em;
left: 3.5em;
}

#news h2, #news h3, #news p, #news a {
position: absolute;
left: 0.5em;
}

#news h2 {
top: 0.2em;
}

#news h3 {
top: 1.2em;
}

#news p {
top: 3.4em;
color: #cccccc;
font-weight: 400;
font-size: 0.8em;
}

#news a {
top: 6.8em;
left: 0.8em;
}

#stats {
position: absolute;
top: 1.0em;
left: 21.0em;
}

#stats h2, #stats h3, #stats p {
position: absolute;
left: 0.5em;
}

#stats h2 {
top: 0.2em;
}

#stats h3 {
top: 1.2em;
}

#stats p {
top: 3.5em;
left: 0.6em;
color: #cccccc;
font-weight: 400;
font-size: 0.8em;
}

#stats a {
position: absolute;
left: 0.8em;
top: 6.8em;
}








a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.read_more {
padding-right: 1.7em;
background: url(/uploads/graphics/read_more.jpg) no-repeat bottom right;
}



/* ==== about  pages ==== */

#about_us_news {
padding-top: 1em;
}

#about_us_news li {
margin-bottom: 1.5em;
font-size: 0.85em;
line-height: 130%;
}

#about_us_news h2 {
padding:0 0 0.21em 0em;
xmargin-left: 0em;
font-size: 1.3em;
color: #063A5F;
border-bottom: 2px solid #333333;
}

#about_us_news p {
margin: 0.5em 0 0.5em 0.5em;
padding: 0.3em;
font-size: 0.9em;
line-height: 140%;
}

#about_us_news a {
color: #063A5F;
font-size: 1em;
font-weight: 500;
margin-left: 1em;
}

#accreditations {
list-style-type: disc;
}

#accreditations > li {
margin-left: 1em;
font-size: 0.8em;
line-height: 150%;
}

#accreditations li ul {
list-style-type: circle;
margin-left: 1.5em;
}











/* ==== our solutions page ==== */




#all_solutions {
height: 32em;
}

#all_solutions li {
position: relative;
float: left;
width: 7.4em;
height: 7em;
padding: 0;
margin: 0.7em 0em 0em 2.1em;
background: url(/uploads/graphics/service_off.jpg) no-repeat top left;
}

#all_solutions li:hover {
background: url(/uploads/graphics/service_on.png) no-repeat top left;
}

#all_solutions li h2 {
margin: 0.5em 0 0 0.5em;
width: 6.6em;
display: block;
}

#all_solutions li h2 a {
color: #063A5F;
font-size: 0.9em;
line-height: 125%;
}

#all_solutions li:hover h2 a {
color: #eeeeee;
}

#all_solutions li a.read_more {
color: #333333;
position:absolute;
top: 6.7em;
left: 2.0em;
font-size: 0.8em;
font-weight: 500;
text-decoration: none;
padding-right: 1.7em;
background: url(/uploads/graphics/read_more.jpg) no-repeat top right;
}

#all_solutions li a:hover {
text-decoration: underline;
}



#list_in_solutions {
margin: 0 0 1em 1em;
}

#list_in_solutions li {
font-size: 0.75em;
font-weight: 600;
line-height: 129%;
}


#solution_selection {
position: absolute;
top: 11.8em;
left: 26em;
}

#solution_selection select {
width: 21em;
border: 0.17em solid #6B7F8A;
background-color: #063A5F;
color: #fff;
padding: 0;
}

#solution_selection select:hover {
font-weight: 800;
}

#solution_selection option {
font-size: 0.8em;
font-weight: 500;
padding: 0.2em 0 0.2em 0.5em;
border-left: 1px solid #6B7F88;
border-right: 1px solid #6B7F88;
border-bottom: 1px solid #ccc;
color: #063A5F;
background-color: white;
}

#solution_selection option:hover {
padding-left:0.8em;
}

#solutions_sidebar_links li h3 {
font-size: 0.9em;
font-weight: 700;
margin-bottom: 0.3em;
}

#solutions_sidebar_links li h4 {
font-size: 0.8em;
font-weight: 400;
margin-bottom: 0.3em;
}

#solutions_sidebar_links li a {
font-size: 0.9em;
font-weight: 700;
margin-top:0.2em;
}




#call_to_action {
width: 12.6em;
margin: 1em 0.51em 0 0;
background: url(/uploads/graphics/call_to_action.jpg) repeat-y top left;
}

#call_to_action a {
display: block;
color: #fff;
font-size: 0.8em;
padding: 2.1em 0 0 0.51em;
}

#call_to_action a span {
display: block;
font-size: 1.1em;
font-weight: 700;
margin: 0 0 0.5em -0.45em;
padding: 0 0 0.6em 0.5em;
background: url(/uploads/graphics/call_to_action_footer.jpg) no-repeat bottom left;
}





/* ==== support page ==== */

#main_display h3 {
margin-left: 0.9em;
}

#support {
margin-left: 1em;
list-style-type: disc;
}

#support li {
font-size: 0.8em;
font-weight: 400;
margin-left: 1em;
}

#support_form dl {
margin: 1em;
padding: 1em 0em 1em 9em;
border: 0.2em solid #cccccc;
}

#support_form {
margin: 0em;
padding: 0em;
}

#support_form dt {
font-size: 0.8em;
font-weight: 700;
}

#support_form dd {
margin:0;
}




/* ==== excellence page ==== */

ul.excellence {
margin-bottom: 1em;
list-style-type: disc;
}

ul.excellence li {
font-size: 0.8em;
font-weight: 500;
line-height: 130%;
margin-left: 2em;
}

#sidebar_right q {
color: white;
font-size: 0.7em;
font-weight: 500;
line-height: 140%;
margin: 0.9em 0.8em;
display: block;
}



/* ==== case studies page ==== */

#case_studies {
padding-top: 1em;
}

#case_studies li {
margin-bottom: 1.05em;
}

#case_studies h2 {
color: #063A5F;
font-size: 1.2em;
font-weight: 600;
padding: 0;
margin: 0;
padding-bottom: 0.2em;
margin-bottom: 0.2em;
border-bottom: 2px solid #063A5F;
}

#case_studies p {
color: #333333;
font-size: 0.8em;
font-weight: 500;
margin-bottom: 0.0em;
padding: 0.2em;
}

#case_studies a {
color: #063A5F;
font-size: 0.8em;
font-weight: 500;
margin-left: 1.3em;
}






/* ==== contact us page ==== */




#contact_form dl {
display: block;
height: 16em;
margin-bottom: 0.5em;
}

#contact_form dl dt {
width: 6em;
float: left;
margin-left: 10em;
font-size: 0.9em;
font-weight: 500;
color: #333333;
margin-bottom: 0.5em;
}



#contact_form dl dd {
display: block;
width: 15em;
float: left;
margin-bottom: 0.5em;
}

#contact_form dl dd input,
#contact_form dl dd select,
#contact_form dl dd textarea {
width: 15em;
font-size: 0.8em;
padding: 0.05em;
padding-left: 0.2em;
border: 1px solid #555555;
}

#contact_form dl dd select {
width: 15.3em;
}

#contact_form dl dd textarea {
height: 8em;
width: 18.3em;
padding: 0.2em;
font-size: 0.85em;
}

#contact_form > input {
clear: both;
margin-left: 25em;
width: 6em;
}

#ieta {
border: 2px solid red;
display: none;
}





#contact_offices li,
#contact_offices dl,
#contact_offices dd,
#contact_offices dt {
margin: 0;
overflow: hidden;
}

#contact_offices dl {
margin-bottom: 0.7em;
}

#contact_offices dd {
font-size: 0.75em;
padding: 0;
margin: 0;
display: inline;
}

#contact_offices dt {
display: block;
font-size: 0.9em;
font-weight: 600;
}

#contact_offices li > span {
font-size: 0.75em;
display: block;
padding: 0;
margin: 0;
}

#contact_offices li span span {
padding-right: 0.5em;
font-size: 1.2em;
font-weight: 600;
}

div.hiddenFields {
display: none;
}




#error_link {
xdisplay: none;
}

#error_header {
margin-top: 2em;
padding-left: 5em;
}

#error_list {
margin: 1em;
padding:0em 0 0 5em;
}

#error_link a {
margin: 1em;
padding:0em 0 0 6em;
color: black;
}

#error_list li {
font-size: 0.9em;
padding: 0.2em;
}

/*
#error_display {
margin: 2em 0 2em 4em;
background-color: transparent;
background-image: url(/none/);
}

#error_display h1 {
margin: 0 0 0.5em -1em;
background-color: transparent;
background-image: url(/none/);
font-size: 1.1em;
font-weight: 500;
}

#error_display ul {
list-style-type: disc;
}

#error_display ul li {
margin-left: 1em;
font-size: 0.9em;
line-height: 135%;
}

#error_display p a {
margin: 1em 0 0 -1em;
font-size: 0.9em;
font-weight: 700;
display: block;
color: #063A5F;
}
*/


/*[4.] footer  */


#footer {
margin: 0em 0em 0em 2.31em;
width: 54.9em;
height: 3.8em;
padding-top: 0.5em;
padding-left: 1.2em;
background: url(/uploads/graphics/footer_bg.gif) repeat-x 0em 0em;
}

#footer span, #footer li, #footer a {
font-size: 0.8em;
font-weight: 500;
color: #acacac;
line-height: 120%;
}

#footer span.postal_address {
margin-left: 0em;
}

#footer span.address_line {
display: block;
}

#footer #contact_details {
margin-top: -0.25em;
padding-top: 0;
width: 47em;
}

#footer #contact_details li {
font-size: 0.6em;
display: inline;
border-left: 1px solid #acacac;
padding: 0 0.5em 0 0.5em;
margin-top: 0;
padding-top: 0;
}

#footer #contact_details li:first-child {
border-left: none;
padding-left: 0;
}

#footer #contact_details a {
text-decoration: none;
font-size: 1em;
margin-top: 0;
padding-top: 0;
}

#footer #contact_details a:hover {
text-decoration: underline;
}

#footer #accreditation_logos {
float: right;
height: 3.7em;
margin: -2.5em 0.9em 0 0;
}

#footer #accreditation_logos li {
display: inline;
}

span.excellence,
#main_display > h1 > span.excellence {
color: red;
font-size: 1.1em;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
}

#emagine_link {
padding: 0 0 0 74.8em;
margin: 0em 0 0 0;
height: 2em;
font-size: 0.65em;
}

#emagine_link span {
display: inline;
float: left;
color: #063A5F;
}

#emagine_link a {
font-weight: 300;
color: #063A5F;
display: inline;
}

/* ==== new slideshow ==== */

#slideshow_adverts{
float:left;
width:9.8em;
height:26.2em;
margin: 0 0 0 .5em;
}


#slideshow_acc{
height:9em;
width:33em;
margin: .2em 1.4em 0 0;
display:block;
float:right;
}

#slideshow_adverts img {
margin: 0;
}


#slideshow_adverts {
float:left;
margin: 1em 0 0 .5em;
}


#slideshow_acc {
xposition:relative;
}


html {
min-height: 100.05%;
}

.fade{
margin-bottom: 2em;
}

.fade p{
margin-bottom: 2em;
text-align: center;
width: 100%;
background: #fff;
}