/* -------------------------------------
/*  Left and Right Boxes
/* -------------------------------------*/

#boxLeft-flat {
	width:				493px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		5px;
	padding-bottom: 	10px;
	}


#boxRight-flat {
	width:				375px;
	height: 			auto;
	float: 				left;
	margin-left: 		25px;
	}
	
	
#boxLeft-flat-big {
	width:				550px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		5px;
	padding-bottom: 	10px;
	}
	
	
#boxRight-flat-sm {
	width:				325px;
	height: 			auto;
	float: 				right;
	margin: 			0 5px 0 15px;
	}
	
	
	
/* -------------------------------------
/*  Details for Left Box
/* -------------------------------------*/

.left-column {
	width:				200px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		10px;
	background: 		#ffffff;
	}
	
	
.left-column-full {
	width:				480px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		10px;
	background: 		#ffffff;
	}
	
	
.left-column-full-bg {
	width:				480px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		10px;
	background: 		#eeeeee;
	background:		#ffffff url(graphics/contact-btns-bg.png) bottom no-repeat;
	
	
	}

.right-column {
	width:			280px;
	height: 		400px;
	float: 			right;
	background: 	#efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	
.right-column-full {
	width:			480px;
	height: 		240px;
	background: 	#efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	
.feature-column {
	width:			250px;
	height: 		130px;
	float: 			left;
	margin-top: 	-5px;
	}

.feature-column a {
	text-decoration:		underline;
	}	
	
	
	
	
	


/* -------------------------------------
/*  Elements for Version #5 of HOA Page
/* -------------------------------------*/
	
#boxLeft-flat-big .intro-title {
font-size: 				18px; 
color:					#4889b7;
font-family:			Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
font-weight:			bold;
padding-bottom:			5px;
line-height:			20px;
}	
	

#boxLeft-flat-big .benefit-column {
	width:				265px;
	height: 			auto;
	overflow: 			auto;
	float: 				left;
	margin-right: 		10px;
	padding:			10px 0 20px 0;
	}


#boxLeft-flat-big .benefit-column ul {padding:0 0 0 25px;}
#boxLeft-flat-big .benefit-column ul { list-style-image:url('graphics/benefits-check.jpg');} 
#boxLeft-flat-big .benefit-column ul { font-size:12px; margin-bottom:0px;}
#boxLeft-flat-big .benefit-column ul li {color:#666;padding:-5px 0 0 2px;}	
#boxLeft-flat-big .benefit-column li {font-size: 14px; font-family:	Georgia, Palatino, "Book Antiqua", "Times New Roman", serif; line-height: 20px; }	
	
	
#boxLeft-flat-big .quote-box {
font-size: 				18px;
line-height:			21px; 
color:					#666;
font-family:			"Times New Roman", Georgia, Palatino, serif;
margin-bottom:			1px;
font-weight:			bold;
text-align:				center;
}	
	
#boxLeft-flat-big .video-box {
	width:				210px;
	height: 			210px;
	overflow: 			auto;
	float: 				left;
	margin-top: 		-5px;
	margin-right: 		15px;
	text-align:			center;
	}
	
#boxLeft-flat-big .video-box a{
	color:					#91a838;
	font-weight:			bold;
	text-decoration:		none;
	}	
	
#boxLeft-flat-big .video-box a:hover{
	color:					#666666;
	font-weight:			bold;
	text-decoration:		underline;
	}


#boxRight-flat-sm .title-green {
font-size: 				12px; 
text-decoration:		none;
color:					#a1ba40;
font-family:			Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif;
font-weight:			bold;
line-height:			18px;
margin-bottom:			2px;
}	
	
	
	
#boxRight-flat-sm .request-info { width:325px; height:75px; }

a.requestsheet { width:325px; height:75px; background:url(graphics/request-info-v5.jpg) no-repeat 0 0; margin-top: -75px; }
a.requestsheet:hover, a.requestsheet:focus { background-position:0 -75px; }


	
	
/* -------------------------------------
/*  Reasons Elements
/* -------------------------------------*/

#boxLeft-flat .left-column p {
	font-size: 				12px; 
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			16px;
	margin-bottom:			5px;
	}
	
	
	
.boldblue {
	font-size: 				12px; 
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	}
	
	
.boldblue-small {
	font-size: 				14px; 
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	}
	

.boldblue-middle {
	font-size: 				18px;
	line-height:			22px; 
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	}
	

.boldblue-big {
	font-size: 				21px;
	line-height:			22px; 
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	}



/* -------------------------------------
/*  Features Elements
/* -------------------------------------*/

#boxLeft-flat .right-column p {
	font-size: 				11px; 
	color:					#666666;
	font-family:			Arial, Helvetica, sans-serif;
	padding-top:			5px;
	padding-left:			5px;
	}
	
	
#boxLeft-flat .right-column ul {
	margin:		-20px 0 0 0;
	padding:	0 0 0 20px;
	}
	
#boxLeft-flat .right-column ul li {
	list-style: 			square;
	font-size: 				11px; 
	font-weight:			bold;
	color:					#666666;
	font-family:			Arial, Helvetica, sans-serif;
	padding:				1px;
}


#boxLeft-flat .right-column ul li a:hover {
	background:			#cccccc;
	color:				#666666;
	text-decoration: 	none;
}



#boxLeft-flat .right-column-full p {
	font-size: 				11px; 
	color:					#666666;
	font-family:			Arial, Helvetica, sans-serif;
	padding-top:			5px;
	padding-left:			5px;
	}
	
	
#boxLeft-flat .right-column-full ul {
	margin:		-20px 0 0 0;
	padding:	0 0 0 20px;
	}
	
#boxLeft-flat .right-column-full ul li {
	list-style: 			square;
	font-size: 				11px; 
	font-weight:			bold;
	color:					#666666;
	font-family:			Arial, Helvetica, sans-serif;
	padding:				1px;
}


#boxLeft-flat .right-column-full ul li a:hover {
	background:			#cccccc;
	color:				#666666;
	text-decoration: 	none;
}


#boxLeft-flat .features-left-column { 
	width:				200px;
	float: 				left;
	margin-right: 		30px; }

#boxLeft-flat .features-right-column { 
	width:			200px;
	float: 			left;}



/* -------------------------------------
/*  Left Column Full Bullet Points
/* -------------------------------------*/

#boxLeft-flat .left-column-full ul {
	margin:		-20px 0 0 0;
	padding:	0 0 0 20px;
	}
	
#boxLeft-flat .left-column-full ul li {
	list-style: 			square;
	font-size: 				14px; 
	line-height:			18px;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	padding:				1px;
}


#boxLeft-flat .left-column-full ul li a:hover {
	background:			#cccccc;
	color:				#666666;
	text-decoration: 	none;
}


	
	
#boxLeft-flat .left-column-full-bg ul {
	margin:		-20px 0 0 0;
	padding:	0 0 0 20px;
	}
	
#boxLeft-flat .left-column-full-bg ul li {
	list-style: 			square;
	font-size: 				14px; 
	line-height:			18px;
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	padding:				1px;
}


#boxLeft-flat .left-column-full-bg ul li a:hover {
	background:			#cccccc;
	color:				#666666;
	text-decoration: 	none;
}
	
	


/* -------------------------------------
/*  Action Items Elements
/* -------------------------------------*/

#contact-actions {
	width:				493px;
	height: 			100px;
	overflow: 			auto;
	}

#contact-actions ul {
	margin:		0;
	padding:	5px 0 0 0;
}
#contact-actions ul li {
	list-style: 	none;
	display: 		inline;
}


#contact-actions .action {
	float: 			left;
	width:			160px;
	height: 		57px;
	margin:			0 0 0 0;
	text-align: 	center;
	padding: 		0 3px 0 0;
	background:		transparent url(graphics/lp-green-button-bg.png) no-repeat;
}

#contact-actions .action p {
	float: 			left;
	margin:			0 0 0 0;
	width: 			100%;
	font-size: 		16px;
	font-weight:	bold;
	line-height:	18px;
	color: 			#ffffff;
	padding: 		5px 0 0 0;
}


#contact-actions .action a:link, #contact-actions .action a:visited, #contact-actions .action a:active { 
	text-decoration:		none;
	color:					#ffffff;
	text-align:			    center;
}

/* border-bottom: 1px dotted #BBE0EB; #aace21 */


#contact-actions .action a:hover { color:	#def682; }
	

	
	
/* -------------------------------------
/*  Contact Form Elements
/* -------------------------------------*/

#contact-form {
	width:				493px;
	height: 			250px;
	overflow: 			hidden;
	background:			transparent url(graphics/contact-form-bg.jpg) bottom right no-repeat;
	}
	
	
#contact-form-no-img {
	width:				400px;
	height: 			250px;
	overflow: 			hidden;
	float:				right;
	padding:			5px 5px;
	margin:				0 0 0 25px;
	background:			#b9d54d;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	


#contact-form p{
	font-size: 				12px; 
	text-decoration:		none;
	color:					#666666;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			14px;
	text-align:			    left;
	margin-top:				10px;
	}

	
	
#contact-form .boldblue {
	font-size: 				14px; 
	text-decoration:		none;
	font-weight:			bold;
	color:					#4889b7;
	font-family:			Arial, Helvetica, sans-serif;
	}



/* -------------------------------------
/*  Details for Right Box
/* -------------------------------------*/
	
	
#boxRight-flat a:link, #boxRight-flat a:visited, #boxRight-flat a:active { 
	font-size: 				18px; 
	text-decoration:		none;
	color:					#0e7fc7;
	font-family:			Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif;
	line-height:			22px;
	text-align:			    center;
}

/* border-bottom: 1px dotted #BBE0EB; #aace21 */


#boxRight-flat a:hover { color:	#666666; }


#boxRight-flat .title-blue {
font-size: 				12px; 
text-decoration:		none;
color:					#4889b7;
font-family:			Arial, Helvetica, sans-serif;
font-weight:			bold;
line-height:			18px;
margin-bottom:			2px;
}




/* -------------------------------------
/*  Details for Features Box
/* -------------------------------------*/