body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: 1em/1.4em Verdana, sans-serif;
	background: white url(/newsite/images/bg2008.gif) repeat-x left top;
	text-align: left;
}

h1{
	font: 1.2em/1.6em Helvetica, Arial, sans-serif;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	color: #000066;
}

h2{
	font: bold 1em/1.2em Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000066;
}

h3{
	font: bold 0.9em/1.4em Helvetica, Arial, sans-serif;
	margin: 5px 0px;
	padding: 0px;
}

h4{
	font: bold 0.9em/1em Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

p{
	font: 0.8em/1.6em Verdana, sans-serif;
	color: black;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
}

a{
  margin: 0px;
  padding: 0px;
}

p a:link, p a:visited{
	color: #E85100;
	text-decoration: underline;
}

p a:hover, p a:visited:hover{
	color: #E85100;
	text-decoration: none;
}

p span{
font-weight: bold;
}

ul{
	margin: 0px;
	padding: 0px;
}

li{
	list-style: none outside;
	font: 0.8em/1.6em Verdana, sans-serif;
	padding-left: 0px;
}

img{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/*Page layout*/
/* Header */
#container{
  position: relative;
  margin: 0px auto;
  width: 980px; 
}

#header{
  width: 980px;
  height:87px;
}

#logo{
	float: left;
	height: 80px;
	width: 155px;
	margin-left: 10px;
}

#headcontact{
  float: right;
  clear: right;
	text-align: right;
	margin: 0.4em 0em;
	margin-right: 10px;
}

.headtel{
  font: bold 2em/1.2em Helvetica, Arial, sans-serif;
}

.heademail{
  font: bold 1.4em/1.2em Helvetica, Arial, sans-serif;
}
/* end of Header */
/*Navigation*/
#navigation{
	clear: both;
	width: 980px;
	min-height: 28px;
	margin-left: 10px;
}

#navigation li{
  display: inline;
	font: bold 0.75em/2.25em Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 0em 1.3em 0em 0em;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	list-style: none;
}

#navigation a:link, #navigation a:visited{
  color: #000066;
	text-decoration: none;
}

#navigation a:hover, #navigation a:visited:hover{
  color: #000066;
	text-decoration: underline;
}
/* end of Navigation */

/*#content{
	float: left;
	width: 980px;
}*/

#picarea{
  float: left;
  width: 770px;
  height: 200px;
  background: #efefef;
  margin: 10px 10px 0px 0px;
}

#projectpicarea{
  float: left;
  width: 200px;
  height: 200px;
  background: #00a2e0;
  margin: 10px 0px 0px 0px;
}

#columnmiddle{
	float: left;
	width: 540px;
	padding: 0px 20px;
}

#columnmiddle h2{
  margin: 1.5em 0em 0em 0em;
  clear: both;
}

#columnmiddle img{
  float: left;
  margin: 5px 10px 10px 0px;
}

#columnmiddle li a img{
  margin: 0px;
}

#columnright{
	float: left;
	width: 200px;
}

#columnleft{
	float: left;
	width: 200px;
}

#columnmiddlestaff{
	float: left;
	width: 980px;
	padding: 0px 10px;
}

#columnmiddlestaff h2{
  margin: 2em 0em 0em 0em;
  clear: both;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px 0px;
}

.box{
  border: 1px solid silver;
  padding: 9px;
  margin: 10px 0px;
}

.box img{
  margin: 10px 0px;
  border: 1px solid black;
}

.boxproject{
  border: 1px solid #dedede;
  background: #dedede;
  padding: 16px 9px 9px 9px;
  margin: 0px 0px 10px 0px;
  min-height: 600px;
}

.statement{
  color: #656565;
  font: bold italic 1em/1.5em serif;
}

.pleft{
  font: italic 0.8em/1.4em Arial, Times New Roman, serif;
}

.servicebox{
  float: left;
  width: 160px;
  height: 160px;
  padding: 0px;
  margin: 10px 18px 10px 0px;
  border: 1px solid silver;
}

/* Footer */
#footer {
  clear: both;
  padding-top: 10px;
}

#footer p{
	font: 0.7em/1em Arial, sans-serif;
	color: black;
	text-align: left;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	text-indent: 10px;
	border-top: 1px solid black;
}

.footer a:link, .footer a:visited{
	color: black;
	text-decoration: underline;
}

.footer a:hover, .footer a:visited:hover{
	color: black;
	text-decoration: none;
}
/* end of Footer */

/*Table Control */
form{
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table{
  margin: 0px;
  padding: 5px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  width: 540px;
}

tr{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

td{
	font: 0.8em/1.6em Verdana, sans-serif;
	margin: 0px;
  padding: 5px;
  border: 0px;
}

input{
	border: 1px solid black;
	width: 300px;
}

.mandatory{
	background: yellow;
}

textarea{
	border: 1px solid black;
	font: 1em Arial, Helvetica, sans-serif;
	width: 300px;
}

.formbutton{
	border: 0px;
	padding: 0.2em 2em;
	font: bold 1em/1.4em Arial, Helvetica, sans-serif;
	border: 1px solid navy;
	background: navy;
	color: white;
	cursor: pointer;
	float: left;
}

.textright{
  text-align: right;
}

.hidden{
	display: none;
}

.warranty{
	font: 0.8em/1.6em Verdana, sans-serif;
	color: black;
	text-align: left;
	margin: 10px 0px;
}

.warranty2{
	font: 1em/1.6em Verdana, sans-serif;
	list-style: none inside;
	text-indent: 20px;
}

.job{
	margin: 0px 20px;
}

.ddfmerrors {
	font: bold 0.9em/1.4em Verdana, sans-serif;
	color: red;
}

.errorlist{
  font: bold 0.9em/1.4em Verdana, sans-serif;
}
/* Staff pages */

.staffpic1{
  width: 178px;
  height: 178px;
  border: 1px solid black;
  float: left;
  margin: 5px 20px 35px 0px;
}

.staffpic2{
  width: 200px;
  height: 150px;
  border: 1px solid black;
  float: left;
  margin: 5px 20px 20px 0px;
}

.staffpic2r{
  width: 200px;
  height: 150px;
  border: 1px solid black;
  float: right;
  margin: 5px 0px 20px 20px;
}

.staffpic3{
  width: 150px;
  height: 200px;
  border: 1px solid black;
  float: right;
  margin: 5px 0px 5px 20px;
}

#staffmenu{
  clear: both;
}

#staffmenu li{
  display: inline;
  margin-right: 1em;
  font-weight: bold;
}

.staffpage{
  text-decoration: line-through;
}

#staffmenu a:link, #staffmenu a:visited{
  color: #E85100;
	text-decoration: none;
}

#staffmenu a:hover, #staffmenu a:visited:hover{
  color: #E85100;
	text-decoration: underline;
}

li.quotes{
  font-weight: bold;
  font-style: italic;
  list-style: disc outside;
  margin-left: 1em;
}
/* end of Staff pages */