/*SETS THE WIDTH OF THE PAGE, CENTERS IT, AND SETS WITH OF PAGE BORDER*/
#pageborder {
width: 758px;
padding: 8px;
margin: 0 auto;
}

#contentholder {
position: relative;
}




/*INCLUDES THE WHITE SHADING ON THE BACKGROUND COLOR OF THE HEADER - DELETE IF NOT DESIRED*/
#gradient {
height: 112px;
background: #669933;
}

/*SETS THE POSITION AND SPACING OF THE LOGO CONTAINER*/


/*SETS THE POSITION OF THE THREE HEADLINES IN THE HEADER*/

#toptext {
float: right;
width: 300px;
padding: 12px;
right: 0;
}


/*ALIGNMENT, SPACING, AND FONT SIZES OF THE THREE HEADLINES IN THE HEADER*/
#header h1, #header h2, #header h3 {
margin: 6px 0 0 0;
text-align: right;
width: 100%;
}

#header h1 {
font-size: 24px;
}

#header h2 {
font-size: 18px;
}

#header h3 {
font-size: 12px;
}

/* SET THE COLOR OF THE MAIN CONTENT HEADER (HEADLINE 1) */
#maincontent h1 {
	color: #669933;
	font-weight: bold;
	}

/* SET THE COLOR AND SIZE OF THE MAIN CONTENT SECONDARY HEADER (TELEPHONE NUMBER BELOW MAIN CONTENT) */
#maincontent p.style2 {
	color:#669933;
	font-size: 20px;
	font-weight: normal;
	}

/* SET THE COLOR SIZE OF THE SECOND HEADER (HEADLINE 2) */
#secondcontent h2 { 
	font-size: 18px;
	font-weight: normal;
	color: #669933;  
	}

/*POSITION OF THE TOP CONTENT AREA - TEXT AND PHOTO*/
#maincontent, #secondcontent{
float: left;
padding: 12px;
}

*:first-child+html #maincontent {postion: relative; float: right;}

*:first-child+html #secondcontent { float: left; display:block; position: relative;}  


html>/**/body #contentMain {
	float: left;
	width: 480px;
	} /*Positioning and size for container div for maincontent text */

/*POSITION AND SPACING OF THE MAIN PHOTO HOLDER WITHIN THE TOP CONTENT AREA*/
#mainphoto {
float: right;
margin: 12px 0 0 12px;
padding: 6px;
}

/*REQUIRED TO FORCE A LINE BREAK AFTER THE PHOTO*/
#mainphoto img, #secondphoto img {
display: block;
}

/*FONT SIZE AND SPACING OF THE PHOTO CAPTIONS*/
#mainphoto p, #secondphoto p {
font-size: 11px;
margin: 6px 0;
}


/*POSITION AND SPACING OF SECONDARY PHOTO WITHIN THE BOTTOM CONTENT AREA*/
#secondphoto {
float: left;
margin: 12px 12px 0 0;
padding: 6px; 
}

/*REQUIRED TO CLEAR FLOAT AND ADD SPACING*/
#formholder {
clear: both;
margin: 5px;
width:470px;
}

*:first-child+html #formholder form { overflow: hidden; } 
 
html>/**/body #formholder form div a img{ margin: 10px 0 0 0;} /* Adds top margin to the Submit button of Form ---> ONLY for Firefox2 and other modern browsers*/


/*SPACING PADDING AND SPACING AROUND THE FORM HEADER*/
#formholder #headerholder {
padding: 6px;
margin: 0 0 12px 0;
}

/*FONT SIZING AND ALIGNMENT OF THE FORM HEADER - ALSO CREATES THE HORIZONTAL RULE IN THE HEADER*/

/* SET THE COLOR OF FORM HEADER (CALL TO ACTION HEADER) */
#formholder h1 {
color: #669933;
font-size: 16px;
font-weight: bold;
text-align: justify;
/*background: url(images/background-divider.gif) 0 10px repeat-x;*/
margin: 0 6px;
}

#formholder p {
	margin: 10px;
	}

/*ADDS THE SPACING AROUND THE TEXT OF THE FORM HEADER WHERE THE HORIZONTAL RULE IS NOT SHOWING*/
#formholder h1 span {
padding: 0 6px;
}

/*SPACING AROUND BLOCK OF FORM FIELDS AS A WHOLE*/
form ul {
margin: 0 5px;
padding: 0;
}

/*SETS THE WIDTH OF THE FORM COLUMNS AND FORCES THEM TO STACK HORIZONTALLY*/
form li {
float: left;
width: 230px;
}

/*SETS THE SPACING AROUND THE ERROR MESSAGE*/
form li.error label {
padding:0;
}

/*SETS THE FONT SIZE OF THE ERROR MESSAGE*/
span.errormsg {
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
}


/*CLEARS THE FLOATS*/
form p {
clear: both;
}

/*FONT SIZE AND SPACING OF THE FORM FIELD LABELS*/
form label {
font-weight: bold;
width:206px;
display: block;
padding: 4px 0 3px;
font-size: 12px;
}

/*WIDTH OF THE FORM FIELDS*/
form input, form select {
width: 206px;
}


/*WIDTH OF THE COMMENTS TEXT FIELD*/
form .comments {
width: 435px;
float:left;
}

/*SETS THE SIZE, SPACING AND POSITION OF THE FORM BUTTON */
form .button {
width: 60px;
float: right;
margin: 20px 30px 20px 0;
}

#form {
width:470px;
height:420px;}

/*SETS THE SIZE AND POSITION OF THE REQUIRED INDICATOR*/
p.required {
float: left;
font-size: 10px;
margin: 12px;
}

#secondcontent ul li{
	list-style-position: inside;
	margin-left: 5px;
	padding-left: 5px;
	}

blockquote.withQuote {
	padding:5px 5px 0px 20px;
	text-align:justify;
	} 
	
p.testimonialQuote {
	font-size: 14px;
	padding-right:25px;
	margin right: 0px;
	}

#testimonials {
	float: left;
	clear:both;
	padding: 10px;
	margin: 12px 0 12px 12px;
	width: 713px;
	}
	
#testimonials blockquote p span.openQ {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	}
	
#testimonials blockquote p span.closeQ {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
	}


#testimonials span.quoteName {
	font-style:italic;
	float: right;
	margin-right: 68px;
	}
	


/*SETS THE SIZE AND POSITION OF THE FOOTER TEXT*/
p.footer {
font-size: 10px;
text-align:center;
padding: 15px 0;
}

/*USED TO CLEAR FLOATS*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*REQUIRED FOR IE TO SUPPORT THE TRANSPARENT PNG GRADIENT USED IN THE HEADER*/
 img, div { behavior: url(iepngfix.htc) }
 
.style1 {	
	color: #000000	
}
.style2 {	
	font-size: 16px; 	
	font-weight: bold; 
}