/* -------------------------------------
This is CSS Code for AtHomeNet Services Landing pages, including HOA, Condo, Property, Association Management. file created as a master services css file. John Sexton, johns@athomenet.com creator
-------------------------------------*/

/* -------------------------------------
Services Landing Page
-------------------------------------*/

.bullet-services {list-style-image: url(graphics/services-bullet.png);}




/* -------------------------------------
Key Features and Benefits Strucuture
-------------------------------------*/

#featuresTop {
	background:	url(graphics/hoa-sp-bg-top.png);
    width: 900px;
	height: 28px;
}	

#featuresContent {
	background:		transparent url(graphics/hoa-sp-bg-gradient.png) top left repeat-y;
    width: 900px;
	height: 180px;
}	


#featuresContent .leftcolumn {
	width:420px;
	float: left;
	padding-bottom: 10px;
	padding-left: 5px;
	height: auto;
}

#featuresContent .rightcolumn {
	width:420px;
	float: left;
	padding-bottom: 10px;
	padding-left: 15px;
	height: auto;
}


#featuresContent ul li {
	list-style: 			disc;
	color:					#224d6c;
	font:					bold 14px/14px Arial, Helvetica, sans-serif;
	line-height:			20px;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
}


#featuresContent .leftcolumn ul li a, #featuresContent .rightcolumn ul li a  {
	color:					#224d6c;
	
}

#featuresContent .leftcolumn ul li a:hover, #featuresContent .rightcolumn ul li a:hover  {
	color:					#5298e3;
	
}




#featuresBottom {
	background:	url(graphics/hoa-sp-bg-bottom.png);
    width: 900px;
	height: 91px;
}	


/* -------------------------------------
Lifestyle Image and Videos
-------------------------------------*/

#videobg {
	background:	url(graphics/hoa-short-points-lifestyle-image.jpg);
    width: 900px;
	height: 200px;
	margin-top: 10px;
}


#videobgimg {
	background:	url(graphics/hoa-short-points-lifestyle-imagev2.jpg);
    width: 900px;
	height: 200px;
	margin-top: 10px;
}		


.demobug { float:left;width:205px;padding-top:15px;margin-left:425px;clear:both;  }
.videobug { width:205px;padding-top:15px;margin-left:640px; }


/* -------------------------------------
SEO Text and Quotes Strucuture
-------------------------------------*/

#quoteColumn {
	width:300px;
	float: left;
	padding-bottom: 10px;
	}

#textColumn {
	width:545px;
	float: left;
	margin-left: 30px;
	}
	
.quoteSpacer {
	padding-bottom: 250px;
	}


	
	
/* -------------------------------------
Boxes for Lawyer and Attorney Page 3-18-2010 Added
-------------------------------------*/

#leftArea {
	width:			890px;
	height: 		305px;
	background:		url(graphics/lawyer-website-bg.png) top right no-repeat;
	}
	


/* -------------------------------------
Specifics for Above Areas 3-18-2010 Added
-------------------------------------*/

#leftArea ul {
	margin-top: 10px;
	}
	
#leftArea ul li {
	line-height: 24px;
	}
	
	
.actionItem { float: left; width: 115px; height: 60px; margin: 10px 10px 0 10px;   }
.sub-table { float: left; width: 800px; margin-left:30px; margin-bottom: 20px;}
.sub-table h4 { color: #bc1c1c; }


dl {margin-left:30px; margin-bottom: 2em; width: 800px;}
dt,dd {padding: 8px 10px;}
dt {
	border-bottom: 1px solid #CCB;
	color: #bc1c1c;
	font-weight: bold;
}
dd {
	border-bottom: 1px solid #DDC;
	padding-left: 16px;
}