@import "reset.css";
@import "base.css";
@import "fonts.css";

body, html {font-family: Georgia, "Times New Roman", Times, serif;background-color:#c4cb92; }
body {min-width:960px;background-color:#c4cb92; }
h1, h2, h3, h4 {letter-spacing:.5px;}
h3 {color:#c99303; font-weight:bold}
h4 {color:#662900; font-style:italic; font-weight:bold; padding:10px 0}
a {color:#4a4949; text-decoration:none}
a:hover {color:#c99303;}
a:focus {outline: none}
p {color:#4a4949; letter-spacing:.5px; line-height:150%}
.clear {clear:both}
.small {font-size:77%}
.imgLeft {float:left; margin:0 10px 0 0}
.imgRight {float:right; margin:0 0 5px 5px}


/*  <CONTAINERS>
--------------------------------------------------*/
#outerWrap {width:960px; height:719px; min-height:699px; margin:20px auto;background-color:#c4cb92}
#innerWrap { width:960px; height:699px; min-height:699px; border:1px solid #55514d; }
#home #innerWrap { background:#f2edd8 url(../images/bkgContentHome.jpg) no-repeat top right}
#listings #innerWrap { background:#f2edd8 url(../images/bkgContentListings.jpg) no-repeat top right}
#gallery #innerWrap { background:#f2edd8 url(../images/bkgContentGallery.jpg) no-repeat top right}
#contact #innerWrap { background:#f2edd8 url(../images/bkgContentContact.jpg) no-repeat top right}

#content { padding:10px 280px 0 35px}


/*  <LISTINGS PAGE>
--------------------------------------------------*/
#listings #content { padding:0 50px 0 100px}
#listings .left {float:left; width:400px}
#listings .left h4 {padding:0 0 0 47px; margin:0; } 
#listings #pdf {padding-left:45px}
#listings #pdf a {font-size:85%}

#parcels {float:left; width:378px}
.parcel { width:378px;background-color:#fff8de; padding:10px 15px; border:1px solid #7c6954}
#parcels p {line-height:150%; letter-spacing:1px; padding:0; margin:0; color:#7c6954; font-size:93%}
#parcels h2 {color:#7c6954; margin:0 0 10px 0}
#parcels h3 {color:#7c6954; padding:0; margin:0 0 10px 0; font-variant:small-caps}
#parcels .indent {padding-left:20px}
#parcels .bottom {font-size:93%}
#parcels hr { border:none; border-bottom:1px double #7c6954;border-top:1px double #7c6954; padding-bottom:2px;}
.divImgHide {display:none}
.divImgShow {display:block}

#map {background:url(../images/map.jpg) no-repeat; width:384px; height:497px} 
#map div {width:36px;position:relative;}
#map img {width:36px; height:35px;}

#map a {background:url(../images/btnMap.png)  no-repeat 0px 0px; width:36px; height:35px; display:block; 
		text-decoration:none; text-align:center; color:#C04C27; font-size:124%; font-family:"Arial Black", impact, Arial, Helvetica, sans-serif; 
		font-weight:bold; text-transform:uppercase; line-height:33px} 
#map a:hover {background:url(../images/btnMap.png) no-repeat -36px 0px; text-decoration:none}
#map .on {background:url(../images/btnMap.png) no-repeat -36px 0px; text-decoration:none}


/*  <GALLERY PAGE>
--------------------------------------------------*/
#gallery #content { padding-right:0px}
#gallery .left {float:left; width:375px}
#gallery .right {float:left; padding-top:10px; padding-left:20px}
#gallery .right img { border:1px solid black}

#gallery h4 {padding-left:10px;}
#gallery td {border:none}
a.linkopacity img {opacity: 0.5;}
a.linkopacity:hover img {opacity: 1.0;}


/*  <CONTACT PAGE>
--------------------------------------------------*/
#contact #content {padding-left:45px; padding-top:20px}
#contact h4 {padding-top:10px}
#contact p {font-weight:bold}
#contact a {color:#c14a08}
#contact a:hover {color:#4a4949;}
#contact hr { border:none; border-bottom:1px double #7c6954;border-top:1px double #7c6954; padding-bottom:2px; margin:0 0 10px 0}
#contact #text p {font-weight:normal}



/*  <NAVIGATION>
--------------------------------------------------*/
#navWrap {padding:10px 280px 0 30px}
#navWrap img {float:left}
#nav {margin:0; padding: 80px 0 0 10px; text-align:left; list-style-type:none;}
#nav a {padding:0 10px; text-transform:uppercase;color:#703800; font-weight:bold;text-decoration:none;font-size:89%; letter-spacing:1px}
#nav a:hover  {color:#c99303;}
#home #nav .home a,
#listings #nav .listings a,
#gallery #nav .gallery a,
#contact #nav .contact a
	{color:#c99303; cursor:default;}

/*  <FOOT>
--------------------------------------------------*/
#foot { width:960px; font-size:81%; padding:5px 0}
#foot #left { float:left;color:#4a4949}
#foot #right {float:right; color:#4a4949; text-align:right}
#foot a {color:#4a4949; text-decoration:none}
#foot a:hover {color:#4a4949; text-decoration:none}

/*  <IMAGE SHADOW>
--------------------------------------------------*/
.imgShadow {float:left;background: url(../images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;}
.imgShadow img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

/*  <MISC>
--------------------------------------------------*/
.birdsEye {color:#757575; font-style:italic; font-weight:bold;}
.birdsEye img {vertical-align:middle}
.sold {color:#930; font-style:italic}