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

* html #pageborder {
	width: 778px;
	} 

#contentholder {
position: relative;
}

/*SET POSITION AND MARGINS OF PAGE HEADER */
#header {
float: left;
margin: 8px;
padding: 0 0 6px 0;
}

html>/**/body #header {
	width: 98%;
	}

/*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*/
#logo {
float: left;
padding: 6px;
margin: 8px 6px 0 10px; 
width: auto;
}

* html #logo {
	margin: 8px 6px 0 4px; 
	}

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

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

* html #toptext {
	display: inline; 
	position: relative;
	width: 370px;
	}

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

*:first-child+html #header h2 {
	float: right;
	}  

*:first-child+html #header h3 {
	clear: both;
	float: right;
	}

#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: #38599E;
	font-weight: bold;
	}

/* SET THE COLOR AND SIZE OF THE MAIN CONTENT SECONDARY HEADER (TELEPHONE NUMBER BELOW MAIN CONTENT) */
#maincontent p.style1 {
	color:#38599E;
	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: #38599E;  
	}

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

/* HACK TO FIX POSITIONING OF SECONDCONTENT IN IE6 ---> KOSI M. */
* html #secondcontent {
	display: inline;
	float: left;
	position: relative;
	clear: both;
	}

/*POSITION AND SPACING OF THE MAIN PHOTO WITHIN THE TOP CONTENT AREA*/
#mainphoto {
margin: 12px 0 0 0;
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 {
margin: 12px 0 0 0;
padding: 6px;
}

* html #secondphoto {
	positon: relative;
	float: left;
	overflow: hidden;
	height:  auto;
	width: 350px;
	} 
 
#secondcontent ul li{
	list-style-position: inherit;
	margin-left: -20px;
	padding-left: 5px;
	}

/*REQUIRED TO CLEAR FLOAT AND ADD SPACING*/
#formholder {
float: right;
width: 337px;
margin: 12px;
}


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

#formholder form div a img {
	clear: both;
	display: block;
	} /* POSITIONING FOR FORM SUBMIT BUTTON - CROSS BROWSER COMPLIANT */
	

/*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: #38599E;
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 20px;
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;
display: block;
padding: 12px 0 3px;
font-size: 12px;
}

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


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

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

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

#testimonials {
	float: left;
	clear: right;
	padding: 10px 5px;
	margin: 10px 0 12px 0px;
	width: 328px;
	}
	
#formholder p.testimonialQuote {
	font-size: 14px;
	padding:0px;
	margin: 0px;
	}

#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 {
clear: both;
font-size: 10px;
text-align:center;
}

/*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 {	
	font-size: 16px;
	font-weight: bold;
}