﻿/* ========================================
BASE (reset all basic html tags)
========================================== */
div, h1, h2, h3, h4, h5, h6, blockquote, fieldset, ledgend, form, label, ul, li, ol, dl, dd, dt, address { /* stripper */ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; text-decoration: none; border: none; line-height: 1.5em; }
img { border: none; }
/* ========================================
STRUCTURE (position, width, height, margin, padding, etc.)
========================================== */

/* Basics
--------------------------------------------------------------------------------------- */
html { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background:#ffffff; padding:0; margin:0; font-style:normal; font-family:Arial,  Helvetica, sans-serif; font-size: 10px; color: #4c4c4c; }
h2 {font-size:16px; letter-spacing:normal; clear:both; font-weight:lighter; }
/* Page Structure
--------------------------------------------------------------------------------------- */
#pageWrapper { margin: 0 auto; padding:0; width: 690px; }
#header { height: 76px; margin: 0 auto; padding: 0; }
#logo { width: 500px; height: 76px; background-image:url(../images/ghd_logo.gif); background-repeat:no-repeat; float:left; }
#search { display: none;}
#navigation { margin-top: 18px; width: 690px; height: 25px; background-image:url(../images/nav_background.gif); position:relative; z-index:1; }
#main {clear:both; }
#banner-image {  clear:both; }
#content { clear:both;  width: 690px;}
#breadcrumbs { padding:5px 0px 0px 0px; clear:both; width: 690px; }
#content-header { width: 690px; padding: 5px 0px 0px 0px; border-bottom: 1px solid #4c4c4c; clear:both; }
#projects-content-left { width: 650px; float:none; padding: 15px 0px 15px 0px; }
#right_column { display: none;}
#sitemap { display: none;}
#footer { display: none; width:680px; height: 20px; padding: 0px; background-image:url(../images/bottom_footer_bg.gif); font-size:10px;}
#map {width:680px;  background-image:url(../images/world.gif); background-position: -60px 0;}


/* Breadcrumbs Specifics
--------------------------------------------------------------------------------------- */
#breadcrumbs li { list-style:none; display:inline; padding-left: 19px; color:#4c4c4c; background-image:url(../images/breadcrums_spacer.gif); background-repeat:no-repeat; }
#breadcrumbs a { font-size:10px; color: #4c4c4c; text-decoration:none; }

/* Navigation
--------------------------------------------------------------------------------------- */	
#nav { background:url(../images/navigation.gif) no-repeat; width:585px; height:25px; margin:0; padding:0; }
#nav span { display: none; }
#nav li, #nav a { height:25px; display:block; }
#nav li { float:left; list-style:none; display:inline; }
#nav-home { width: 35px; }
#nav-aboutus { width: 63px; padding-left: 29px; }
#nav-sectors { width: 58px; padding-left: 29px; }
#nav-services { width: 59px; padding-left: 29px; }
#nav-projects { width: 64px; padding-left: 29px; }
#nav-careers { width: 59px; padding-left: 29px; }
#nav-locations { width: 73px; padding-left: 29px; }
#navigation li div { display: none;}



/* Projects Tabbed Boxes
--------------------------------------------------------------------------------------- */	
#tabbed_boxes { margin: 0px auto 0px auto; width:650px; }
#boxes_1, #boxes_2, #boxes_3, #boxes_4, #boxes_5, #boxes_6 { display:block !important; margin-top: 0px;}
.boxes { padding:14px; border: 1px solid #d9d9d9;}
/* Tabs */
ul.tabs { display:none; }
ul.map_tab { display:none; }

div.print_tab { display: block; font-size:12px; font-weight:lighter; color: #000000; text-transform:uppercase; padding:9px 14px 8px 14px;  margin-right:4px;  width: 120px; border: none; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:none; background-color:#F2F2F2;}

/* Design Specifics
--------------------------------------------------------------------------------------- */

.banner-right { display: none;}

.footer-left { display: none;}
.footer-right { display:block; }
.footer-right ul { padding-top:3px; width: 670px; }
.footer-right li { list-style:none; display:inline; padding-left: 8px; color:#4c4c4c; }
.footer-right a { color:#4c4c4c; text-decoration:none; }

h2.content_title { color: #ad3a1e; font-size:18px; }
.grey-header { color: #646464; font-size:18px; font-weight: normal; }

h4 {font-size:16px; letter-spacing:normal; clear:both;}
h5 {font-size:14px; letter-spacing:normal; clear:both;}


/* Projects - General
--------------------------------------------------------------------------------------- */
.boxes {font-size: 12px;}
.boxes ul li {list-style: none;}
ul.projects_text-standard {  width:400px; margin: 0; padding: 15px 0px 15px 30px; margin-left:15px; }
ul.projects_text-standard li { margin: 0 auto; padding:0; list-style:square; list-style-image: url(../images/listbullet.gif);}
/* Projects - Info
--------------------------------------------------------------------------------------- */	
.project_info h4 { margin-top: 10px; }
.project_info h5 { margin-top: 10px; }
/* Projects - Photo Gallery
--------------------------------------------------------------------------------------- */	
.project_photos h4 {margin-top: 10px; }
.project_photos ul li img { margin:10px 5px 5px 5px; border:solid 1px #4c4c4c; }
/* Projects - Services
--------------------------------------------------------------------------------------- */	
.projects_services h4 {margin-left: 180px;  padding-top:20px; }
.projects_services-image {width:163px; margin-right:17px; float:left; }
.projects_services-text {width:500px; margin-left: 180px;}
div.projects_services-text a { color:#ad3a1e; text-decoration:none; }
div.projects_services-image img { margin-top:5px; border:solid 1px #4c4c4c; }

.projects_services p {width:400px; margin-left: 180px;}
ul.projects_text-left { width:400px; margin-left:180px; }


ul.projects_text-left {  width:400px; margin: 0; padding: 15px 0px 15px 30px; margin-left:180px; }
ul.projects_text-left li { margin: 0 auto; padding:0; list-style-image: url(../images/listbullet.gif);  }


p.first {margin-top: 0em;}

/* Standards
--------------------------------------------------------------------------------------- */

#standard-content-left { width: 650px; padding: 15px 0px 15px 0px; }
#standard-content-left p.introduction { margin:0; padding:0; padding-bottom:15px; font-size:16px; letter-spacing:normal; clear:both; font-weight:lighter; line-height:1.5em; }
#standard-content-left h3 { text-transform:uppercase; font-size:12px; font-weight:normal; margin-top:10px; }
#standard-content-left a.heading { color: #4c4c4c; text-decoration:none; background: url(../images/locations_left_paddingtop.gif) no-repeat center left; padding-left:15px;  }
#standard-content-left a:hover.heading { color: #ad3a1e; text-decoration:underline; background: url(../images/locations_left_paddingtop_red.gif) no-repeat center left; }
#standard-content-left p { margin: 0px 0px 25px 15px; font-size:12px; } 
#standard-content-left a.viewmore { background: url(../images/left_red.gif) no-repeat center right; margin-left:5px; padding-right:15px; color: #ad3a1e; text-decoration:none; }
#standard-content-left a:hover.viewmore { text-decoration:underline; }

/*a.print {display:none;}

#standard-content-left .firsttab {display:none; }
#standard-content-left .icons {display:none;   }
#standard-content-left .iconsfirst {display:none; }
#standard-content-left a.print2 {display:none; }
#standard-content-left  a.pdf2 {display:none;}
#standard-content-left  a.pdf3 {display:none;}
#standard-content-left  a.email {display:none;}
/* Sectors
--------------------------------------------------------------------------------------- */

#sectors-content-left { width: 690px; float:left; padding: 15px 0px 15px 0px; }

#buildings-content-left p.introduction { width:685px; }



/* Locations - General
--------------------------------------------------------------------------------------- */
.state_overview p { width: 620px;}
.state_services p { width: 400px;}
