/*
 * Master CSS Style Sheet
 *
 * Copyright 2007 First4IT Solutions Limited
 *
 * See the enclosed file COPYING for license information (GPL). If you
 * did not receive this file, see http://www.fsf.org/copyleft/gpl.html.
 *
 * Author  Alan Wyatt-Jones <Alan.Wyatt-Jones@first4it.com>
 * Client  Eden Resource Management Ltd
 * Name    erm.css
 * Version 1.0
 */

* { margin:0; padding:0; }
option {padding-left: 0.4em} 
* html body * { overflow:visible } 
* html iframe, * html frame { overflow:auto } 
* html frameset { overflow:hidden }
html { height: 100%; margin-bottom: 1px; } 

body {
	font-size: 100.01%;
	position: relative;
	color: #000;
	text-align: left;
	background:url(../images/bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif
} 

fieldset, img { border:0 solid; } 
ul, ol, dl { margin: 0 0 1em 1em } 
li { margin-left: 1.5em; line-height: 1.5em; } 
dt { font-weight: bold; } 
dd { margin: 0 0 1em 2em; } 
blockquote { margin: 0 0 1em 1.5em; }

/* Main Wrapper */
#wrapper {
	width: 770px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
	margin: 10px auto;
}

/* Page Header Images */
#header .logo {
	float: left;
}

#header .building { 
	float: right;
}

/* Banner Image/Slideshow Wrapper */
#bannerwrapper {
	border-top: solid #000000 2px;
	border-bottom: solid #000000 2px;
	height: 150px;
}

#banner img .wide {
	height: 150px;
	width: 770px;
}

/* Primary Navigation */
#navigation ul {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style-type: none;
	width: 740px;
	float: left;
	display: inline;
}

#navigation ul li {
	float: left;
	margin: 0;
}

#navigation ul a {
	font-weight: bold;
	display: block;
	width: 85px;
	text-align: center;	
	padding-bottom: 10px;
	background:url(../images/navbar/nav_up.gif) repeat-x left bottom;
	text-decoration: none;
	font-size: 1.0em;
}

#navigation li a {
	color: #000000;
}

#navigation a:hover {
	background:url(../images/navbar/nav_down.gif) repeat-x left bottom;
}

/* Styles To Display Current Page Indicator - Main Navigation */
#home #navigation .home a,
#company #navigation .company a,
#services #navigation .services a,
#portfolio #navigation .portfolio a,
#contact #navigation .contact a {
	background:url(../images/navbar/nav_down.gif) repeat-x left bottom;
}

#secondarynav ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	width: 740px;
	overflow: hidden;
}

#secondarynav ul li {
	float: left;
	margin: 0;
}

#secondarynav ul a {
	font-weight: bold;
	text-align: center;	
	text-decoration: none;
	font-size: 0.7em;
	margin-right: 15px;
	display: block;
}

#secondarynav a:hover {
	text-decoration: underline;
}

#secondarynav li a {
	color: #0E264B;
}

/* Styles To Display Current Page Indicator - Secondary Navigation */
#services #project #secondarynav .project a,
#services #safety #secondarynav .safety a,
#services #design #secondarynav .design a,
#services #planning #secondarynav .planning a,
#services #development #secondarynav .develop a,
#services #construction #secondarynav .construct a,
#services #contracting #secondarynav .contract a {
text-decoration: underline;
}

/* Page Heading Styles */
#pageheader {
	margin-left: 20px;
	width: 500px;
	padding: 1px;
}

#pageheader h1 {
	background:url(../images/pagehead_bullet.gif) no-repeat left;
	border-bottom: solid #BFCFE8 1px;
	padding-top: 6px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #362c66;
}

/* Content Area Styles */
#Content1 {
	width: 4800px;
	padding: 1px;
	margin-bottom: 20px;
	float: left;
	padding-left: 20px;
	margin-top: 1.2em;
}

#Content1 p {
	line-height: 2.0em;
}

#Content1 .first {
	margin-top: 1.2em;
}

#Content2 {
	width: 220px;
	float: right;
	padding-right: 30px;
	text-align: right;
	margin-bottom: 20px;
}

#Content2 img {
	margin-top: 35px;
	width: 230px;
}

#Content2 img.homeimage {
	width: 185px;
	height: 240px;
}

#bullets {
	width: 465px;
}

#bullets ul {
  float: left;
  width: 10ems; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#bullets li {
  float: left;
  width: 180px;
  margin-left: 10px;
  background-image: url(../images/bullet.gif);
  background-position: 0 10px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
  line-height: 2.0em;
}

/* Footer Bar Styles */
#footer {
	width: 770px;
	height: 65px;
	background-color: #362c66;
	float: left;
	margin-top: 20px;
}

#footer ul {
	margin: 0 0;
	padding: 0.5em 0;
	text-align: center;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0 0.2em 0 0.5em;
	border-left: 1px solid;
	font-size: 0.8em;
	color: #FFFFFF;
}

#footer .first {
	padding-left: 0;
	border: 0;
}

#footer a {
	text-decoration: none;
}

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

#footer a {
	color: #FFFFFF;
}

/* Copyright Text Style */
#copyright ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Site Design Text Style */
#first4it {
	display: block;
	float: right;
	padding-right: 5px;
	border: 0;
	font-size: 0.7em;
	margin-top: -10px;
	color: #FFFFFF;
}

/* HOME PAGE - Content Area Styles */
#home #Content1 {
	margin-left: 0px;
	width: 440px;
	font-size: 16px;
}

#home #Content1 p {
}

#home #Content1 .first {
	margin-top: 24px;
}

#home #Content1 img {
	padding-top: 2px;
	position: relative;
	left: 0px;
	top: -26px;
}

#home #Content2 {
	width: 210px;
	float: right;
	text-align: right;
	margin-bottom: 20px;
}

#home #Content2 img {
	margin-top: 35px;
}

#home #Content1 .paragraph2 {
	margin-top: -22px;
}

#home #secondarynav {
	visibility: hidden;
}

/* COMPANY PAGE - Specific Styles */
#company #Content1 {
	width: 440px;
	font-size: 0.9em;
}

#company #Content1 p {
	margin-bottom: 20px;
	line-height:normal;
}

#company #Content2 {
	width: 250px;
}

#company #Content2 img {
	margin-top: 20px;
}

#company #logos {
	text-align: right;
}

#company #logos img {
	padding-right: 10px;
}

#company #secondarynav {
	visibility: hidden;
}

/* SERVICES PAGE - Specific Styles */
#services #Content1 {
	width: 440px;
	font-size: 0.9em;
}

#services #Content1 p {
	line-height:normal;
	margin-bottom: 20px;
}

#services #Content2 {
	width: 250px;
}

#services #Content2 img {
	margin-top: 20px;
}

/* SERVICES (PLANNING) PAGE - Specific Styles */
#planning #Content1,
#error #Content1 {
	width: 720px;
	margin-bottom: 0px;
}

#planning #Content1 #bullets {
	width: 750px;
}

#planning #Content1 #bullets ul {
	width: 12ems;
}

#planning #Content1 #bullets li {
	width: 340px;
	margin-left: 10px;
}

#planning #footnotes {
	margin-top: 20px;
	width: 720px;
	display: inline;
}

#planning #foottext {
	width: 370px;
	float: left;
	margin-top: 15px;
}

#planning #footlogo {
	width: 220px;
	float: right;
	margin-right: 30px;
}

#planning #footnotes p  {
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* PORTFOLIO PAGE - Specific Styles */
#portfolio #Content1 {
	width: 460px;
	margin-top: 20px;
	font-size: 0.9em;
}

#portfolio #Content1 p {
	line-height:normal;
	margin-bottom: 20px;
}

#portfolio #largephotos {
	margin-top: 30px;
}

#portfolio #Content1 #largephotos img {
	padding-right: 10px;
}

#portfolio #Content2 {
	width: 220px;
	margin-right: 0px;
	float: right;
	margin-top: 20px;
	padding-right: 30px;
}

#portfolio #Content2 img {
	width: 85px;
	height: 60px;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 5px;
	float: right;
	margin-right: 0;
}

#portfolio #Content2 a:link img,
#portfolio #Content2 a:visited img {
	border: 3px solid #FFFFFF;
}
#portfolio #Content2 a:hover { border-width: 0;} /* IE Quirk Must Set Something On Hover First. */
#portfolio #Content2 a:hover img,
#portfolio #Content2 a:active img
{
	border: 3px solid #000000;
}

#portfolio .legend {
  border: none; 
  float: left; 
  margin: 0; padding: 0;
  width: 35%;
  font-weight: bold;
}

#portfolio .detail {
  border: none;
  float: right;
  margin: 0;
  padding: 0;
  width: 65%;
}

#portfolio .table-row {
	color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
}

#portfolio .base-layer {
	color: #000000;
	padding: 0;
	text-align: center;
	width: auto;
}

#portfolio .space-line {
  clear: both; 
  margin: 0; 
  padding: 0; 
  width: auto;
}

#portfolio p.text {
	margin: 0;
	padding: 0 0 0 0;
	font-style: normal;
	font-size: 1em;
	text-align: left;
	text-indent: 0;
	width: auto;
}

#portfolio #project #secondarynav .project a,
#portfolio #development #secondarynav .develop a,
#portfolio #construction #secondarynav .construct a {
text-decoration: underline;
}

/* CONTACT PAGE - Specific Styles */
#contact #Content1 {
	width: 220px;
	margin-top: 20px;
	font-size: 0.9em;
	padding: 1px;
}

#contact #Content1 h1 {
 	background:url(../images/contact_bullet.gif) repeat-y;
	background-position: top left;
	font-size: 1.5em;
	font-weight: normal;
	padding-left: 20px;
	margin-bottom: 10px;
}

#contact #Content1 p {
	line-height:normal;
	padding-left: 20px;
}

#contact #Content1 .address {
	width: 200px;
	line-height: normal;
	font-size: 0.85em;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 1px;
}

#contact #Content2 {
	width: 460px;
	margin-right: 0px;
	margin-top: 40px;
	float: left;
	text-align: left;
}

#contact #Content2 p.warning {
	font-weight: bold;
	color: #FF0000;
	font-size: 0.8em;
}

.warning {
	font-weight: bold;
	color: #FF0000;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 10px;
}

.sent {
	font-weight: bold;
	color: #362c66;
	font-size: 0.85em;
	font-style: italic;
	margin-bottom: 10px;
}
	
#contact #secondarynav {
	visibility: hidden;
}

#contact form#contact {
	width: 460px;
}

#contact form#contact p label {
	width: 300px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
	margin-top: 5px;
	color: #362c66;
	display: block;
}

#contact form#contact p.info {
	font-size:0.7em;
}

#contact form#contact select {
	border: 1px solid #BFCFE8;
	height: 20px;
	font-size: 0.8em;
	margin-top: 5px;
	padding-top: 2px;
	padding-left: 5px;
}
	
#contact form#contact input.txt {
	color: #00008B;background-color: #FFFFFF;
	border: 1px solid #BFCFE8;
	font-size: 0.8em;
	font-weight: normal;
	width: 230px;
	margin-top: 5px;
	height: 20px;
	padding-top: 2px;
	padding-left: 5px;
}

#contact form#contact input.btn {
	margin-right: 10px;
	width: 80px;
	margin-bottom: 30px;
}

#contact form#contact p.note {
	padding-top: 10px;
	font-size: 0.6em;
	color: #362c66;
}

#contact form#contact textarea.txt {
	color: #00008B;background-color: #FFFFFF;
	border: 1px solid #BFCFE8;
	width: 300px;
	font-size: 0.8em;
	margin-top: 5px;
}
#contact form#contact fieldset {
	border: 1px solid #BFCFE8;
	padding: 10px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#contact form#contact fieldset.comments {
	margin-top: 20px;
	margin-bottom: 20px;
}

#contact form#contact legend {
	font-size: 12px;
	color: #00008B;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

#contact form#contact img {
  margin-top: 5px;
}

/* PRIVACY PAGE -  Specific Styles */
#privacy #Content1 {
	width: 720px;
	margin-bottom: 0px;
}

#privacy #Content1 p {
	line-height:normal;
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 10px;
}

#privacy #Content1 li {
	margin-bottom: 10px;
	font-size: 12px;
}

#privacy #Content1 li.first {
	margin-top: 20px;
}

#privacy #secondarynav {
	visibility: hidden;
}

#privacy #Content1 h2 {
	font-weight: bold;
	text-align: center;
	font-size: 1.0em;
	padding-top: 20px;
}

#privacy #Content1 h3 {
	font-weight: bold;
	font-size: 14px;
}

/* Misc Styles */
.right {
	float: right;
}

.clear {
	clear:both;
} 

.italic {
	font-style: italic;
}

.superscript {
	vertical-align:super;
}

.bold {
	font-weight: bold;
}

.indent {
	margin-left: 30px;
}

.errors {
	color: #FF0000;
	font-size: 0.8em;
	margin-bottom: 10px;
}