/* CSS Document */
/************************************************************************

	Site:		Rent-A-Home

	Author:		Sandra Barkhuizen		[sandra@toastedpixel.org] 

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Headings
	4 - Images
	5 - Footer/Labels
	6 - Headings
	7 - Forms
	8 - Newsletter Scroller

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
body { margin:0; padding:0; background: url(../images/back.jpg) #f8f4e8 repeat-x; font: 75%/1.25em Georgia, "Times New Roman", Times, serif; color: #492b27; line-height: 150%;   }

a { color:#558e88; }
a:hover { color: #a095c7; text-decoration:none; }
.clear { margin:0; clear:both; }
/***********************************************************************
	2 - Structure/Layout
************************************************************************/
#topNav { height:33px; text-align:right; border-bottom:1px solid #f9f6ec; background-color:#a095c7;}
#topNav ul { width:988px;  height:34px; margin:0 auto; list-style-type: none;  background:url(../images/bannerBack.jpg) center no-repeat; }
#topNav li { display:inline; }
#topNav li a { margin:0 1em 0 .5em; padding:1em 0 0 1em; color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; border-left:1px solid #c6bfdd;  }
#footer { height:33px; text-align:center; border-top:1px solid #f9f6ec;   background:url(../images/bannerBack.jpg) no-repeat #a095c7;}
#footer p { margin:.5em 0 0 0; padding:0; color:#FFF;}
#footer a { color:#FFF; }
#footer a:hover { color:#FFF; text-decoration:none;}
#wrapper { margin:0 auto; width:980px; display:block; background:url(../images/wrapperBack.gif); }
#banner { background:url(../images/banner.gif) right no-repeat; display:block; height:115px;}
#bannerLeft { background: url(../images/rentLogo.gif) #dbf086 top no-repeat; width:230px; display:block; height:115px; float:left;}
#bannerRight { background:url(../images/aHome.gif) no-repeat left top; height:115px; float:left; width:750px;}
#content {   display:block;  margin:0; padding:0; }
#contentLeft { background:url(../images/contentLeftGradient.gif) #d8ee7f; float:left; width:230px; display:block;}
#contentLeft ul { margin:1em; padding:0; list-style-type:none;}
#contentLeft li {}
#contentLeft li a { color:#FFF; text-decoration:none; font-weight:bold; font-size:1.25em; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contentLeft li a:hover { color:#333333;}
#contentLeft li ul { margin:0; padding:0;}
#contentLeft li ul li { margin:0 0 1em 0;}
#contentLeft li ul li a { font-size:.75em; font-weight:normal; text-transform:none;}
#contentLeft li ul li a:hover { color:#333333;}
#contentMiddle { width: 470px; display:block; float:left;}
#contentMiddle ul { display:block; margin:0 5em 2em 3em;}
#contentMiddle p { padding:0 3em 1em 3.25em; margin:0; }
#contentMiddle li { padding:0 0 .5em 0;}
#contentRight { width: 270px; float:right; display:block;}
#contentRight p { padding:0 2em 0 1em; margin:0;}
#contentRight img { margin:0 0 2em 1em; padding:0; border:10px solid #fff;}
.property { width:48%; float:left;}
body#moreInfo .property { width:95%; margin:0 1em 0 0;}
body#moreInfo .property ul { margin:0 1em 1em 2em;}

body#moreInfo .property img { float:left; margin:0 1em 1em 3em;}
.property img { margin:0 0 1em 2.5em;border:4px solid #fff;}
.property ul { display:block; padding:0 0 1em 0; margin:0;}
.property li { margin:0 0 0 3em; padding:0;}
.propertyRight { width:48%; float:right; }
.propertyRight ul {display:block; padding:0 0 1em 0; margin:0;}
.propertyRight img { margin:0 0 1em .5em;border:4px solid #fff;}
#contentMiddle .property p { margin:0 0 1.5em 3.25em; padding:0;}

#contentMiddle .propertyRight p { margin:0 1em 1em .5em; padding:0;}

#contentLeft #region ul { margin:0; padding:0;}
#contentLeft #region li { margin:0; padding:0;}
#contentLeft #region li a { background:url(../images/navGrad.jpg) no-repeat; margin:0; padding:.5em .25em .25em .25em; font-size:14px;  width:195px; height:27px; display:block;}
#contentMiddle .contentMiddleP  { padding:0 0 0 70px; margin:0; }
#backToListings { margin:0; border:0;}
#backToListings img { border:0;}

.info2 ul { list-style:none; padding:0; margin:0; }
.info2 li { list-style-type:none; margin:1em 0 0 .5em; padding:0;}
.info2 li a { background:url(../images/info.gif) no-repeat; padding:0 0 0 3em; margin:0; display:block; height:32px;}


.info ul { list-style:none; padding:0; margin:0; }
.info li { list-style-type:none; margin:3em 0 0 2em; padding:0;}
.info li a { background:url(../images/info.gif) no-repeat; padding:0 0 0 3em; margin:0 0 1em 0; display:block; height:32px;}
.stars { text-align:right; margin:0;}
/***********************************************************************
	3 - Headings
************************************************************************/
#contentMiddle h1 { margin:1em 1em .75em 1.5em; padding:0; font-size:24px; text-transform:uppercase; color:#b5d437; line-height:1em; }
#contentMiddle h2 { color:#8879bd; margin:2em 1em .5em 2.25em; padding:0 0 .25em 0; border-bottom:1px solid #e8e5da; font-size:16px;}
#contentMiddle h3 { color:#558e88; margin:2em 1em 0 4em; padding:0; font-family:Verdana, Geneva, sans-serif;}
body#moreInfo #contentMiddle h2 { text-align:right; color:#b5d437; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:2em 1em .5em 2em; padding:0 0 .25em 0; border-bottom:1px solid #e8e5da;}
body#moreInfo #contentMiddle h3 { font-size:14px; font-weight:bold; color:#8879bd; text-transform:uppercase; margin:2em 1em .5em 2.5em; padding:0 0 .25em 0; border-bottom:1px solid #e8e5da;}
#contentLeft h2 { background:url(../images/leftGragh2.jpg) no-repeat; color:#fff; text-transform:uppercase; width:196px; height:25px; padding:.25em 0 0 .25em; margin:2em 0 0 .5em; }
#contentRight h2 { margin:1em 0 1em 1em; padding:0; color:#8879bd; }
#contentRight h3 { color:#15516e; margin:2em 0 0 1em; padding:0 0 .5em 0; font-size:16px; border-bottom:1px solid #d3cfc3;}
#contentRight h4 { color:#15516e; margin:1em 0 0 1em; padding:0;}
.property h4 { color:#b5d437; margin:.5em 0 1em 2.5em; text-transform:uppercase; font-size:1.25em;}
.propertyRight h4 { color:#b5d437; margin:.5em 0 1em .25em; text-transform:uppercase; font-size:1.25em;}