/* ----------------------------------------------------------------------------------------- GLOBAL STYLES */
/*
#dd3216
*/

* { margin: 0; padding: 0;}

body { font: 62.5% "Trebuchet MS", Verdana, sans-serif; text-align: center; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1.0em; color: #dd3216; }

div.clearer  { height: 0; line-height: 0px; clear: both; }
#wrapper { width: 952px; margin: 0px auto; text-align: left;}

/* ----------------------------------------------------------------------------------------- MASTHEAD AREA */

#masthead { height: 279px; border-top: 5px solid #dd3216;}

#masthead_left{  float: left; width: 644px; height: 279px; }
#masthead_left #flashcontent { margin: 10px 0 0 0; }

#masthead_right { float: right; width: 308px; height: 279px; font-size: 1.2em; background: #dd3216; }

#masthead_right p {margin: 10px 15px 10px 15px; line-height: 1.8em; text-align: justify; color: #fff; }

/* ----------------------------------------------------------------------------------------- PRIMARY NAVIGATION */

#navigation { height: 36px; width: 100%; margin: 6px 0; padding: 0px; }

#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li {width: 157px; height: 36px; overflow: hidden; float: left; margin-right: 2px; }
#navigation li.last {width: 156px; margin-right: 0px;} 
#navigation li img {width:157px; height:36px; border: none;}
#navigation li img.last {width:156px; }

/* ----------------------------------------------------------------------------------------- HOMEPAGE MAINCONTENT */

#maincontent_wrapper { font-size: 1.2em; margin-bottom: 10px; }

#maincontent_wrapper #projectsOverview {width: 950px; margin: 20px 0 15px 0; /*border: 1px solid #f0f;*/}

#maincontent_wrapper #projectsOverview p {padding: 0 15px 5px 15px; /*border: 1px solid #f0f;*/ text-align:justify;}

/* All page headings - h1 tags that is. */
.content_h1 { background: url("../images/bg_maincontent_headers.gif") 0% 0% repeat-x; display: block; height: 50px; margin: 0 0 5px 0; overflow: hidden; }  
#maincontent_wrapper h1 { font-size: 1.6em; line-height: 6.0em; }
/* --------------------------- individual page headings */
.case_studies h1 	{ background: url("../images/headings/case_studies.gif") 15px 10px no-repeat; }
.services h1  		{ background: url("../images/headings/services.gif") 15px 10px no-repeat;}
.sectors h1         { background: url("../images/headings/sectors.gif") 15px 10px no-repeat; }
.services h1		{ background: url("../images/headings/services.gif") 15px 10px no-repeat; }
.about_us h1 		{ background: url("../images/headings/about_us.gif") 15px 10px no-repeat; }
.projects h1 		{ background: url("../images/headings/projects.gif") 15px 10px no-repeat; }
.careers h1 		{ background: url("../images/headings/careers.gif") 15px 10px no-repeat; }
.contact_us h1 		{ background: url("../images/headings/contact_us.gif") 15px 10px no-repeat; }
.sitemap h1 		{ background: url("../images/headings/sitemap.gif") 15px 10px no-repeat; }

.commercial h1 		{ background: url("../images/headings/commercial.gif") 15px 10px no-repeat;}
.educational h1 	{ background: url("../images/headings/educational.gif") 15px 10px no-repeat;}
.industrial h1  	{ background: url("../images/headings/industrial.gif") 15px 10px no-repeat;}
.leisure h1 		{ background: url("../images/headings/leisure.gif") 15px 10px no-repeat;}
.medical h1 		{ background: url("../images/headings/medical.gif") 15px 10px no-repeat;}
.pharmaceutical h1	{ background: url("../images/headings/pharmaceutical.gif") 15px 10px no-repeat;}
.public h1 			{ background: url("../images/headings/public.gif") 15px 10px no-repeat;}
.residential h1		{ background: url("../images/headings/residential.gif") 15px 10px no-repeat;}
.retail h1          { background: url("../images/headings/retail.gif") 15px 10px no-repeat;}

/* START SUB NAVIGATION */
#maincontent_wrapper #subNav { margin: 0; padding: 10px 0 10px 0; width: 80%; height: 20px; color: #333;}
#maincontent_wrapper #subNav a { padding: 0 5px 0 5px;} 
#maincontent_wrapper #subNav a:link, #maincontent_wrapper #subNav a:active, #maincontent_wrapper #subNav a:visited{ color: #f66; text-decoration: none;}
#maincontent_wrapper #subNav a:hover {text-decoration: underline;}
#maincontent_wrapper #subNav span {color: #333; padding: 0 5px 0 5px;}
/* END SUB NAVIGATION */

/* start site map styles */
#maincontent_wrapper .sitemap ul, #maincontent_wrapper .sitemap li { list-style-type: none; margin: 0; padding: 0;}
#maincontent_wrapper .sitemap {line-height: 20px;}
#maincontent_wrapper .sitemap span.vert {background-image: url(/images/sitemap/map_vert.gif);}
#maincontent_wrapper .sitemap span.last {background-image: url(/images/sitemap/map_last.gif);}
#maincontent_wrapper .sitemap span.midd {background-image: url(/images/sitemap/map_midd.gif);}
#maincontent_wrapper .sitemap ul{line-height: 20px;}
.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd { width: 24px; height: 18px; margin-left: 1em; background: transparent 0px 0px no-repeat; display: block; float: left;}
/* end site map styles */

#maincontent_homepage_right {  width: 308px; float: right; font-size: 1.1em;  }
#maincontent_homepage_right ul { background: url("../images/bg_homepage_right.gif") 0% 0% repeat-y;  list-style: none;  }
#maincontent_homepage_right li { padding: 5px 15px; border-bottom: 1px solid #fff; }
#maincontent_homepage_right a, #maincontent_homepage_right a:visited { 
	display: block; margin: 5px 0; padding-left: 20px;
	text-decoration: none; color: #333;
	background: url("../images/but_listitem.gif") 0% 50% no-repeat;
}

#maincontent_homepage_left { margin-right: 318px;  }

div.maincontent_homepage_casestudy { 
	border: 1px solid #eee; margin: 7px 0; padding: 0 10px; height: 103px;
	background: url("../images/homepage/bg_casestudy.gif") 0% 0% no-repeat; 
}
div.maincontent_homepage_casestudy img { border: 1px solid #ccc; margin: 10px 0; padding: 1px; float: left; }
div.maincontent_homepage_casestudy h2, div.maincontent_homepage_casestudy p { margin: 5px 5px 5px 175px; }
div.maincontent_homepage_casestudy a, div.maincontent_homepage_casestudy a:visited { 
	background: url("../images/but_listitem.gif") 0% 50% no-repeat; 
	padding-left: 20px; margin-left: 15px; color: #111;
} 

/* ----------------------------------------------------------------------------------------- SUBPAGES & PROJECT PAGES MAINCONTENT */

#maincontent_subpage_right { float: right;  }
#maincontent_subpage_right ul { list-style: none; position: relative }
#maincontent_subpage_right li { float: left;  }
#maincontent_subpage_right img { border: 1px solid #ccc; padding: 1px;  margin: 5px; }

img.subpage_right_thumbs { width: 90px; height: 83px;}
img.subpage_img {width: 300px; height: 275px;}

#maincontent_subpage_left { margin: 0 320px 0 0; color: #333;} 

#maincontent_subpage_left h2 { font-size: 1.2em; margin: 0 20px; padding: 0 0 5px 0;}
#maincontent_subpage_left h3 { font-size: 1.1em; margin: 0 20px; }

#maincontent_subpage_left p { margin: 10px 20px;}

#maincontent_subpage_left ul { margin: 10px 50px; color: #666; list-style: square; }

#maincontent_subpage_left #subNav { margin: 0; padding: 10px 0 10px 0; width: 99%; height: 20px; font-size: 0.9em;}
#maincontent_subpage_left #subNav a { padding: 0 3px 0 3px;}
#maincontent_subpage_left #subNav a:link, #maincontent_subpage_left #subNav a:active, #maincontent_subpage_left #subNav a:visited {color: #f66; text-decoration: none;}
#maincontent_subpage_left #subNav a:hover {text-decoration: underline;}
#maincontent_subpage_left #subNav span {color: #666; padding: 0 3px 0 3px;}
#maincontent_subpage_left table.clientList { border: none; width: 90%; cellpadding: 0; cellspacing: 0;}

#maincontent_subpage_left a, #maincontent_subpage_left a:visited { color: #f66; }
#maincontent_subpage_left a:hover { color: #66f; }

/* ----------------------------------------------------------------------------------------- TABULAR LIST OF PROJECTS */
#projects_list { width: 100% }
#projects_list .projects_summary { width: 310px; float: left; margin: 5px 2px; border: 1px solid #eee; position: relative; }
#projects_list .projects_summary img { float: left; margin: 5px 0 0 5px; border: 1px solid #ccc; padding: 1px; }
#projects_list .projects_summary strong { margin: 5px 5px 5px 105px; display: block; color: #333;}
#projects_list .projects_summary a, .projects_summary a:visited { position: absolute; bottom: 5px; right: 5px; background: url("/images/but_listitem.gif") 100% 50% no-repeat; padding-right: 18px; text-decoration: none; font-weight: bold; color: #666;}
#projects_list a.projects_summary_click img { position: absolute; bottom: 10px; right: 10px; border: 0;}

#projects_list .projects_caseStudy { width: 310px; float: left; margin: 5px 2px; border: 1px solid #eee; position: relative; }
#projects_list .projects_caseStudy img { float: left; margin: 5px 5px; border: 1px solid #ccc; padding: 1px; }
#projects_list .projects_caseStudy strong { margin: 5px 5px 5px 100px; display: block; color: #333; }
#projects_list .projects_caseStudy a, .projects_caseStudy a:visited { position: absolute; bottom: 5px; right: 5px; background: url("/images/but_listitem.gif") 100% 50% no-repeat; padding-right: 18px; text-decoration: none; font-weight: bold; color: #666;}

#projects_list .project_noLink { width: 310px; float: left; margin: 5px 2px; border: 1px solid #eee; position: relative;}
#projects_list .project_noLink img { float: left; margin: 5px 5px; border: 1px solid #ccc; padding: 1px; }
#projects_list .project_noLink strong { margin: 5px 5px 5px 100px; display: block; color: #333; }


/* ----------------------------------------------------------------------------------------- FOOTER */

#footer { background: url("../images/bg_footer.gif") 0% 0% repeat-x; height: 100px; color: #a8a1a1; font-size: 1.2em; }
#footer a, #footer a.visited { color: #a8a1a1; }

.float_right { float: right; text-align: right; padding: 10px; }
.float_left { float: left; padding: 10px; }
.float_left img { margin: 10px 55px; }