/*
* CONTENTS
* -------------------------
* General
* Columns
* Basic Style
*
*/

/* General
-------------------------------------------------------------------------------------------------- */
html, body {

background-color: black;
}
body {
	position: relative;
	margin:0;
	padding-top:40px;
	
}

#container {
	position: relative;
	width: 920px;
	margin: auto; 
	background-color: #fff;
-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px; 

}

#content {
	margin-left:32px;
	min-height: 500px;
min-wdith:900px;
	//background-color: #fff;
	background-image: url("images/082778.jpg");

	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px; 
	border-bottom:0;
	width:860px;

}
	
#footer {
	clear: left;
	color: #ffffff;
	
	padding: 10px;
	height:20px;
  background-color: #009900;
}

#copyright, #sitemap {
}
#design a{
  text-decoration: none;
}
#design a:hover {
  color: #fff000;
}
#branding {
	margin-bottom:30px;
background-image:url("images/curly1.gif" );
background-repeat:no-repeat;
background-position: right top; 
}
/* Columns
-------------------------------------------------------------------------------------------------- */
.lhs {
	float:left;
}
.rhs {
	float:right;
}
.column {
	float: left;
	padding-bottom:10px;

}
.double {
	width: 400px;
}
.triple {
	width: 266px;
}
.full {
	width: 920px;
}
.first {
	width:560px; /* overrides the equal width used in double */
}
.last {
	width:220px; /* overrides the equal width used in double */
	
}

/* Basic Style
-------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h4, h6, p {
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	margin-bottom:5px;

}
h1 {
  font-family: Century Gothic;
  color: #000000;
  padding-left:5px;
  margin-bottom: 0px;
  margin-top: 0;
}
h2 {
  font: bold 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 0;
}


p {
  margin: 0px;
  padding: 5px;
  color: #000000;
  font: normal 1em Arial, sans-serif;
}
img {
  border: 0;
}
img.displayedcenter { 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
img.floatLeft { 
  float: left;  
  margin-top: 5px; 
  margin-right: 10px; 
  margin-left: 10px; 
} 
img.floatRight { 
  float: right;  
  margin-top: 5px; 
  margin-right: 10px; 
  margin-left: 10px; 
} 
ul {
  margin-top: 0;
  margin-bottom:10px;
}
li {
 /* list-style-image: url("images/dot.gif"); */
  font: normal 1em arial, sans-serif;
  color: #000000;
  margin-top:0;
  
}
#information li {
  padding:0;
  margin-left:-15px;
  padding-top:0.3em;
  font: normal 1em arial, sans-serif;
  width:220px;

}
form.contact fieldset {
	border:1px solid navy;
	padding:5px;
	padding-left: 50px;
}
form.contact legend {
	font: bold 1em arial, sans-serif;
	color:navy;
	padding:5px;
}

form.contact label {
	font: normal .9em arial, sans-serif;
	color: navy;
	line-height 150%;
}
form.contact label.fixedWidth {
	display:block;
	width:200px;
	float:left;

}	
input.txt, textarea.txt {
	border: 1px solid black;
	color:#000;
	margin-bottom:3px;
	padding:3px;
}
input.txt {
	width:200px;
}
form.contact p {
	font: normal 1em arial, sans-serif;
	padding: 10px 0 10px 0;
	padding-top:10px;

}
form.contact .buttonArea input {
	margin-top:10px;
	background-color: #000066;
	border: 1px solid black;
	color: white;
	padding:5px;

}

#navcontainer {
  margin-top:-25px;
  margin-left:410px;
  padding:0;
}
#navlist {
  padding-left: 0;
/*  background: black;*/
  width: 680px;


}

#navlist ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
//  text-align: center;
  
}

#navlist ul li {
  display: block;
  float: left;
//  text-align: center;
  padding-right:5px;
}

#navlist ul li a {
margin:0;
  background: #ffffff;
//  padding:.3em;
//  padding-left:.8em;
//  padding-right:.8em;
//  padding-top:.2em;
padding:3px 13px 4px 13px;
  color: #666666;
  text-decoration: none;
  display: block;
//  text-align: center;
  font: normal 14px "Lucida Grande", "Lucida Sans Unicode", verdana,   lucida, sans-serif;
  border: 1px solid grey;/*#666666;*/
  border-top: 0;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 

}
/* mouse is over link */
#navlist ul li a:hover {
  color: #fff;
  background: #009c00;
}
/* link active */
#navlist li#active a {
  background: #cccc99;
  color: #666666;
}

/* link active and mouse is over link */
#navlist li#active a:hover {
  background: green;
  color: #fff;
}
#branding {
	
	height:106px


}
#banner {
	background-image: url("images/tools.gif");
	background-repeat:no-repeat;
	width:500px; height:120px;
	margin-top:23px;
	margin-left:370px;
	position:absolute;
}
#pageTitle{
  padding-top: 90px;
  padding-left: 10px;
	position:absolute;

}

#companyLogo {
	margin-top:-20px;
	margin-left:-95px;
	position:absolute;

}
#logoText {
	margin-top:20px;
	margin-left:30px;
	position:absolute;
	
}
#curly{
height:120px;
width:260px;
margin-left:-30px;
margin-top:-70px;
	background-image:url("images/curly2.gif");
	background-repeat:no-repeat;

}
#logoText h1 {
  letter-spacing:1px;
  margin-left: 0px;
  padding: 0px;
  font-size: 24px;

  font-family: "Arial";
  color: #001b36;
  padding-left: 0px;
  padding-bottom: -10px;
margin-bottom:50px;
}
#logohupa {

  font-family: "Arial";
 font-size: 38px;
  color: #009900;

padding-left:5px;
padding-right:5px;
padding-bottom:5px;

}
.PDfont {
  font-family: "Arial Narrow";
 font-size: 31px;
 color:  #4D4D4D;

}
h3 { 
	font: normal 1.05em Arial, sans-serif;
	margin:0;
}
#strapLine {
	margin-top:100px;
	margin-left:50px;
	position:absolute;
}
#strapLine p{
	font: normal 1.5em  "Lucida Handwriting","script mt bold", "Times New Roman";
	color: #666666;
}
#LHblock {
	
}
#blockSpace { 
	background: url("images/082778.jpg");
	height:20px;
	margin-top:10px;	
	margin-bottom:7px;
	
}
#LHcolumn {


	background-color: #ffffff; 
	padding-top:5px;
  
	margin:15px;
	opacity:0.6;
 	filter:alpha(opacity=60); /* For IE8 and earlier */

-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
}
#LHcolumn h1 {
  font: normal 1.4em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  color: #000000;
  padding-left:10px;
  
}
#LHcolumn h2 {
  font: normal 1.4em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  color: #000000;
  padding-left:10px;
  margin-bottom: 0px;
  margin-top: 0;

}

#LHcolumn p {
  font-size: 1em;
  padding-left: 10px;
  padding-top: 5px;
  color: #000000;

}
#welcome {
	padding-top:10px;
	background-color: #cccc99;
}
#references {

}
#information {
	background-image: url("images/blackgrey.gif");
	background-repeat:no-repeat;
	width:250px;
	padding-top:30px;

}
#information p {
	color: #000000;
}
#RHcolumn {
  width:255px;
  background-color: #ffffff; 
  margin-top:15px;

}

#RHcolumn h1 {
  font-size: 1.7em;
  padding-top:10px;
}


#contact { 
	margin:-95px;
	margin-top:75px;
	position:absolute;
  }


#footer {
  font: normal .9em Arial, sans-serif;
}
#footer a {
	color: #ffffff;
}
#trade {
  padding-top:20px;
padding-left:10px;
}
#insurance{
padding-top:30px;
padding-left:10px;
float:all;
}
.floatRight {
  float:right;
padding-right:30px;

}
.pageImage {
  margin-left:20px;
  margin-right:20px;
  margin-top:10px;
  float:right;
clear:both;
}
.pageImage2 {
  margin-left:20px;
  margin-right:220px;
  margin-top:10px;
  float:right;

}

.pledge {
  border: 1px solid gray;
  margin-top:5px;
  padding:1px;
}
.imgborder {
  border: 1px solid gray;
  margin-top:0;
  padding:1px;
}
.discount {
 border: 3px solid orange;
  margin-top:5px;
  padding:1px;

}
.quotes {
  font: italic 1em Georgia, serif;
  color: #333333;
  padding:10px;
  margin-top:5px;
  padding-bottom:10px;
margin-right:5px;
}
.quoteName {
  color: #333333;
  float:right;
  font: normal .9em Georgia, serif;
  padding-right:20px;
  margin-top:-1px;

}
.googlemap {
  padding:10px;
  margin-top:10px;
}
.bigText {
  font: normal 1.5em "Century Gothic", sans-serif;
  color: #009c00;
  padding:10px;
  padding-left:50px;
  padding-bottom:20px;
}
.smallText {
  font: bold 1em "Century Gothic", sans-serif;
  color: #009c00;
 }
.address {
  color: #000000;
  font: normal 1em Arial, sans-serif;
  padding:10px;
  padding-left:50px;
  padding-bottom:20px;
}
.email {
  color: #000000;
  font: normal 1em Arial, sans-serif;
  padding:10px;
  padding-left:50px;
  padding-bottom:20px;

}
.note {
  color: #000000;
  font: normal 1em Arial, sans-serif;
  padding:10px;
  padding-left:50px;
  padding-bottom:20px;

}

.charges {
  color: #009c00;
  font: bold 1em "Century Gothic", sans-serif;
  padding-top:50px;
  padding-left:50px;
  padding-bottom:20px;

}
.noticeText {
  font: normal 1.5em "Century Gothic", sans-serif;
  color: #009c00;
  margin-top:20px;  
  padding-bottom:20px;
  padding-left:50px;
}
table {
  text-align:left;
  margin-left: 15px;
  margin-right:15px;
  border-collapse:collapse;

}

td {
  width:25%;
  border-bottom: 1px solid #cccccc;
  padding-bottom:15px;
  padding-top:15px;
}
tr {
  vertical-align:top;
}
.tdPadLeft {
//padding-left:10px;
}
.tdPadRight {
  padding-left:25px;

}
.tdBorderRight {
  border-right: 1px solid #cccccc;
}
table p {
   margin-top:-.2em;
   padding-right:15px;
}
.projects {
 padding-left:25px;
}
h1.projects {
  font-size: 1.7em;
  padding-top:10px;
}


#ref {
  border-bottom: 1px solid #cccccc;
  height: 7em;
}
#ref p {
  padding-top:1px;
clear:right;
}
#refpic {
  padding-top:10px;
}
.clearBoth {
  padding-top:30px;
  clear:both;
}

#brandPhone {

	margin-top:95px;
	margin-left:450px;
}
img.phone {
	padding-top:10px;
}
#navcontainer, #navlist, 
#pageTargetsLogo, #strapLine, #targetLogo {
  position: absolute;
}