/* CSS Document */

body {
	background: url(layout_images/residentialtopbacker.gif) repeat-x;
	font-family: arial;
	}

#oval {
	background-image: url(layout_images/mottores.gif);
	}

#mainpanel {
	background: url(layout_images/sidebacker_residential.gif) repeat-y;	
	}
	 
#right #content h1 {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #990000;
	}

#right #content .photo {float: left; border: 1px solid #ccc; padding: 5px; margin: 5px 10px 5px 0; }
#right #content .photo img {border: 1px solid #666; margin: 5px;}
#right #content .photo p {align: right; font-size: smaller; color: #666666; margin: 5px;}	

#right #content #leftcolumn { 
	margin-right: 220px;
	}

#right #content #rightcolumn { 
	position: absolute;
	right: 10px;
	width: 200px;
	top: 140px;
	border-left: 1px solid #eee;
	}

#right #content #rightcolumn h2 {font-size: 16px; border-bottom: 1px solid #ccc;}

#right #content #rightcolumn h2 a {text-decoration: none;}

#right #content #rightcolumn h2 a:link, a:visited, a:active {color: #990000;}

#right #content #rightcolumn h2 a:hover {color: #FF0000;}

#right #content #rightcolumn .rightcolumnleft, #right #content #rightcolumn .rightcolumnright {
	width: 160px;
	border: 1px solid #ddd;
	margin: 5px;
	}

#right #content #rightcolumn .rightcolumnleft p, #right #content #rightcolumn .rightcolumnright p {
	font-size: smaller;
	margin: 5px;
	}

#right #content #rightcolumn .rightcolumnleft img {float: left; border: 1px 3px 3px 1px solid #ccc; margin: 5px;}

#right #content #rightcolumn .rightcolumnright img {float: right; border: 1px 3px 3px 1px solid #ccc; margin: 5px;}

.break {clear: both; height: 0px;}

h1 {text-indent: -7000px; height: 50px; background-position: top -6px;}

#budgetplan {background: no-repeat url(images/budget_plans.gif);}

#servicecontract {background: no-repeat url(images/service_contracts.gif);}