/*
*************************************************

file : screen.css
client : Weldtronics
author : Karl Brightman
date created : 30th April 2007
the music : Depeche Mode - Halo (Goldfrapp remix)
on this day : 1789 - George Washington took the oath as the first President of the United States of America at Federal Hall, New York City.

*************************************************
*/

/*-------------------------------------------
	Basic Selectors
-------------------------------------------*/
* { line-height: 1.7em; margin: 0; padding: 0; }

body {
	background: #fff;
	color: #464a4c;
	font: 62.5% normal Verdana, Tahoma, sans-serif;
}

p { margin-bottom: 1em; }
a img { border: 0; }
abbr { border: 0; cursor: help; }

.iamblue { color: #1f419b; }

div#header .content, div#navigation, div#banner div.content, div#footer { width: 914px; }

div#blueheader, div#bluefooter { background-color: #000080;}

p#skip_to_content_link { display: none; }

/*-------------------------------------------
	Header	
----------------------	---------------------*/
div#header { background: url(../images/core/header_bg.gif) repeat-x left bottom; }
div#header .content {
	background: #000080 url(../images/core/header_main_bg.gif) repeat-x left bottom;
	font-size: 1.1em;
	height: 110px;
	margin: 0 auto;
	position: relative;
}

div#header a { color: #1f419b; text-decoration: underline; }
div#header a:hover { color: #165167; }

div#header h1 a#logo {
	background: url(../images/core/logo.gif) no-repeat 0 0;
	display: block;
	height: 100px;
	left: 13px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
	width: 210px;
	border-bottom: 5px solid #000080;
}
div#header h1 a#logo img { display: none; }

div#header #header_nav {
	color: #7f8084;
	font-size: 1em;
	padding-left: 750px;
	padding-top: 0px;
}

div#header #header_nav br { display: none; }
div#header #header_nav .printme { display: none; }

/*-------------------------------------------
	NavigationHeader
-------------------------------------------*/

div#navigationheader {
	width: 200px;
	font-size: 1.2em;
}
	
div#navigationheader ul { 
	list-style: square;
	margin-left: 2.5em;
	margin-bottom: 1.1em;
	color: #fff;
}


div#navigationheader ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

div#navigationheader ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

div#navigationheader ul li a:visited {
	text-decoration: none;
	color: #fff;
}

/*-------------------------------------------
	Navigation2
-------------------------------------------*/
div#navigation {
	margin: 0 auto;
}

div#navigation ul li {
	float: left;
	list-style: none;
}

div#navigation ul li a {
	display: block;
	height: 61px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
}
div#navigation ul li a:hover { background-position: 0 -61px !important; }

div#navigation a#n-home { background: url(../images/nav/home.gif) no-repeat 0 0; width: 100px; }
body#p-home a#n-home { background-position: 0 -61px; }

div#navigation a#n-service { background: url(../images/nav/service.gif) no-repeat 0 0; width: 130px; }
body#p-service a#n-service { background-position: 0 -61px; }

div#navigation a#n-policies { background: url(../images/nav/policies.gif) no-repeat 0 0; width: 100px; }
body#p-policies a#n-policies { background-position: 0 -61px; }

div#navigation a#n-project_management { background: url(../images/nav/project_management.gif) no-repeat 0 0; width: 170px; }
body#p-project_management a#n-project_management { background-position: 0 -61px; }

div#navigation a#n-awards { background: url(../images/nav/awards.gif) no-repeat 0 0; width: 180px; }
body#p-awards a#n-awards { background-position: 0 -61px; }

div#navigation a#n-contact { background: url(../images/nav/contact.gif) no-repeat 0 0; width: 150px; }
body#p-contact a#n-contact { background-position: 0 -61px; }

/*-------------------------------------------
	Banner
-------------------------------------------*/
div#banner { background: url(../images/core/banner_inner_bg.gif) repeat-x 0 0; clear: both; }
div#banner div.content {
	/*background: url(../images/core/banner_main_inner_bg.gif) no-repeat 11px 0;*/
	height: 109px;
	margin: 0 auto;
	position: relative;
}

div#banner a { color: #1f419b; text-decoration: underline; }
div#banner a:hover { color: #165167; }

h2#slogan {
	background: url(../images/core/slogan.gif) no-repeat 0 0;
	display: block;
	height: 37px;
	left: 33px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 128px;
	width: 504px;
}

h1#page_title {
	color: #000080;
	display: block;
	font-size: 2em;
	font-weight: normal;
	height: 40px;
	left: 32px;
	position: absolute;
	text-transform: capitalize;
	top: 43px;
	width: 500px;
}

div.banner_image_small { height: 97px; left: 51px; position: absolute; top: 0; width: 97px; }
div.banner_image_small#small_image_1 { background: url(../images/banner/small_image_1.jpg) no-repeat 0 0; }

div.banner_image_large { left: 563px; position: absolute; top: 109px; width: 169px; }
body#p-home div.banner_image_large { top: 16px; width: 162px; }
.banner_image_large img { padding-bottom: 10px; }
.banner_image_large img#first { display: block; }

#banner div.secondary_home_box {
	color: #7f8084;
	font-size: 1.1em;
	height: 172px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 110px;
	width: 180px;
}

body#p-home #banner div.secondary_home_box { top: 16px; }

#banner div.secondary_home_box h3 {
	font-size: 1em;
	margin-bottom: 1em;
}

#banner div.secondary_home_box .content { background: #fff; }
#banner div.secondary_home_box .extra { display: none; }

/*-------------------------------------------
	Content Container
-------------------------------------------*/
div#content_container {
	border-bottom: 1px solid #d3d5d2;
	margin: 0 auto 0;
	padding-bottom: 40px;
	width: 915px;
}

div.clearplz { clear: both; }

/*-------------------------------------------
	Primary Content
-------------------------------------------*/
div#primary {
	background: url(../images/core/primary_bg.gif) no-repeat 533px -12px;
	border-left: 4px solid #d3d5d2;
	display: inline;
	float: left;
	font-size: 1.2em;
	margin-left: 12px;
	padding: 36px 31px 0 15px;
	width: 502px;
}
div#primary2 {
	border-left: 4px solid #d3d5d2;
	display: inline;
	float: left;
	font-size: 1.2em;
	margin-left: 12px;
	padding: 36px 31px 0 15px;
	width: 852px;
}
body#p-home div#primary { background: url(../images/core/primary_bg.gif) no-repeat 533px 36px; }

div#primary h1, div#primary2 h1 {
	color: #1f419b;
	font-size: 1.2em;
	margin-bottom: 1em;
}

div#primary h2, div#primary2 h2 {
	color: #1f419b;
	font-size: 1.16em;
	margin-bottom: 1em;
}

div#primary h3, div#primary2 h3 {
	color: #464a4c;
	font-size: 1.16em;
	margin-bottom: 1em;
}

div#primary h4. div#primary2 h4 {
	color: #1f419b;
	font-size: 1em;
	margin-bottom: .5em;
}

div#primary h5, div#primary2 h5 {
	color: #464a4c;
	font-size: 1em;
	margin-bottom: .5em;
}

div#primary a, div#primary2 a { color: #1f419b; text-decoration: underline; }
div#primary a:hover, div#primary2 a:hover; { color: #0f4053; }

div#primary ul, div#primary2 ul { list-style: square; }
div#primary ul, div#primary ol, div#primary2 ol, div#primary2 ul { margin-left: 2.5em; }
div#primary img, div#primary ul, div#primary ol, div#primary dl, div#primary2 img, div#primary2 ul, div#primary2 ol, div#primary2 dl { margin-bottom: 1em; }

/*-------------------------------------------
	Secondary content
-------------------------------------------*/
div#secondary {
	/*background: url(../images/core/secondary_inner_bg.gif) repeat-y 0 0;*/
	color: #7f8084;
	float: left;
	font-size: 1.1em;
	margin-top: 182px;
	padding-top: 0;
	width: 350px;
}
body#p-home div#secondary { background: url(../images/core/secondary_home_bg.gif) repeat-y 0 0; margin-top: 20px; }

div#secondary h3 {
	font-size: 1em;
	margin-bottom: 1em;
}

div#secondary a { color: #1f419b; text-decoration: underline; }
div#secondary a:hover { color: #165167; }

div.vcard strong { color: #1f419b; font-weight: bold; }
div.vcard p.contact_numbers { margin-top: 1em; }

div.secondary_home_box {clear: both;}
div.secondary_home_box div.content {
	float: left;
	margin: 0 1px;
	padding: 0px 10px;
	width: 148px;
}

div.secondary_home_box div.extra {
	float: left;
	width: 100px;
}
div.secondary_home_box div.extra#extra_contact_details { background: url(../images/secondary/extra_shiny_metal.jpg) no-repeat 0 0; height: 182px; }

/* Secondary Imgs */

div.secondary-imgs {
  margin-top: 10px;
}

div.secondary-imgs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*-------------------------------------------
	Footer
-------------------------------------------*/
div#footer {
	background-color: #000080;
	clear: both;
	color: #7f8084;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 10px 16px;
}

div#footer a { color: #7f8084; text-decoration: underline; }
div#footer a:hover { color: #000; }

a#site_created_by { margin-top: 1em; }

/*-------------------------------------------
	Misc : Lists
-------------------------------------------*/
ul#pdf_list {
	border-top: 1px solid #d3d5d2;
	margin-left: 0 !important;
	list-style: none !important;
}

ul#pdf_list li {
	border-bottom: 1px solid #d3d5d2;
	padding: 4px;
}

ul#pdf_list li a {	
	background: url(../images/icon_pdf.gif) no-repeat left center;
	padding: 5px 0;
	padding-left: 22px;
}

#primary2 #flash-diagram { margin-top: -50px; }