/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
body, html {
background-color: #474747;
}

#wrap {
background-image: url(/img/wrap_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

#home #wrap {
background-image: url(/img/wrap_bg_col.gif);
}

#footer {
background-color: #474747;
background-image: url(/img/wrap_foot.gif);
background-repeat: no-repeat;
background-position: left top;
height: 120px;
}

#header {
xbordeR: 1px solid red;
background-image: url(/img/wrap_header.gif);
background-repeat: repeat-y;
background-position: left top;
}

#main {
background-image: url(/img/treebg.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

/* header image based on body id's */
#header .headerimage {
display:block;
width:375px;
height:113px;
}

body.buying #header .headerimage img,
body.renting #header .headerimage img,
body.about #header .headerimage img,
body.selling #header .headerimage img,
body.contact #header .headerimage img,
body.alert #header .headerimage img  {
display:none;
background-repeat:no-repeat;

}

body.buying #header .headerimage {background-image: url(/img/header_img_buying.jpg);}
body.renting #header .headerimage {background-image: url(/img/header_img_outdoorseating.jpg);}
body.about #header .headerimage {background-image: url(/img/header_img_about.jpg);}
body.selling #header .headerimage {background-image: url(/img/header_img_selling.jpg);}
body.contact #header .headerimage,
body.alert #header .headerimage {background-image: url(/img/header_img_contactus.jpg);}

/* Pages without columns
-------------------------*/
body.listing #main,
body.detail #main,
body#staff #main {
xbackground-image: none;

}

/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Times New Roman, Times, serif;
color: #fff;
}

.paragraphtext,
p, #content dl {
font-size: 1.2em;
}

h1 {
text-transform: uppercase;
font-size: 1.6em;
margin-bottom: 5px;
color: #FAD405;
}

h2 {
font-size: 1.2em;
margin-bottom: 3px;
color: #FAD405;
}

legend {
color: #FAD405;
font-weight: bold;
}

a:link,
a:visited {
color: #fff;
text-decoration:none;
}
a:hover {
color: #FAD405;
text-decoration:underline;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#footer p {
text-align:left;
}

#footer,
#footer a:link,
#footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #FAD405;
}
/* footer 
----------- */
.specialhr{
background-image: url(/img/hr_long.gif);
background-repeat:no-repeat;
display:block;
height: 9px;
margin-bottom:10px;
text-align:right;
}
.specialhr img{
display:block;
float:right;
height: 9px;
width:32px;
}
#footer_contact1{
float:left;
width:270px;
}
#footer_contact2{
text-align:right!important;
float:right;
width:270px;
}

.address{float:left; clear:left; margin-top:10px; width:300px;}
#publisher{float:right; margin-top:10px; text-align:right; clear:right; width:240px;}

/* Dropdown menu
-----------------*/

.menu a {
border-right: 1px solid #450414;
font-weight: normal;
text-transform: uppercase;
font-size: 1.2em;
}
.menu li li a {
font-size: 1em;
}

.menu li.last a, 
.menu li li a {
border: none;
}

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
xbackground-color: #F2891C
}

.menu li li a:link,
.menu li li a:visited {
background-color: #35030F;
}

.menu a:hover {
color: #F7D200;
}

.menu li li a {
border: none;
text-transform: none;
}

/* Standard forms
------------------*/

form fieldset {
border: 1px solid #ddd;
}

form em span,
form .required {
color: #ff5555;
font-weight: bold;
}

form fieldset#submit input,
.button {
background-color: #f7d200;
border: none;
color: #450414;
font-weight:bold;
}

/* Home 
---------*/
body#home #footer {
background-image: url(/img/wrap_foot_col.gif);
height:15px;
background-position:bottom;
padding:0;
}
body#home #homefooter {
float:left;
padding-top:10px;
}
body#home #content {
padding-bottom:0;
}

body#home #sub-section form #submit input {
font-size: 0.9em;
font-weight: bold;
}

body#home #content #bighome {
position:relative;
margin-left:-15px;
margin-top:-15px;
margin-bottom:5px;
}
body#home #content #contentInnerContainer {
position:relative;
top:275px;
}

body#home #calendar img,
body#home #garagesale img {
margin-left:-5px;
margin-top:5px;
}
body#home #pow {
margin-bottom:20px;
margin-top:17px;
width: 160px;
}
body#home #pow img {
border:2px solid #FAD405;
margin-bottom:3px;
}
body#home #pow h2 {
background-image: url(/img/h2_featureproperty.gif);
background-repeat:no-repeat;
width:150px;
height:27px;
}
body#home #pow h2 span {
display:none;
}

body#home #pow p.powmore {
text-align:right;
}
body#home #pow p.powmore a {
color: #FAD405;
font-weight:bold;
}
body#home #content #sales-alert {
width: 250px;
margin-top:15px;
margin-left:15px;
float:left;
background-image: url(/img/border-dotted.gif);
background-repeat: repeat-y;
background-position: right;
}
body#home #content #sales-alert h2 {
background-image: url(/img/h2_sales-property-alert.gif);
background-repeat:no-repeat;
width:180px;
height:27px;
}
body#home #content #sales-alert h2 span {display:none;}

body#home #content #rental-alert {
width: 240px;
margin-top:15px;
margin-left:30px;
float:left;
}
body#home #content #rental-alert h2 {
background-image: url(/img/h2_rental-property-alert.gif);
background-repeat:no-repeat;
width:170px;
height:27px;
}
body#home #content #rental-alert h2 span {display:none;}

/* Listings
------------*/

body.listing .property {
border-bottom: 1px dotted #ddd;
}

body.listing .property .image {
border: 1px solid #22243D;
}

body.listing .property .details h2 {
font-size: 1.2em;
font-style: italic;
}

body.listing .property .features {
font-weight: bold;
}

body.listing .property .price h3 {
font-size: 1em;
font-style: italic;
}

body.listing #filter {
background-color: #FADBBC;
}

body.listing #filter input {
background-color: #F2891C;
border: none;
color: #fff;
}
body.listing .property .features p {
color:#fff;
font-weight:normal;
}

/* Property detail
-------------------*/

body.detail #content h2 {
font-size: 1.2em;
font-style: italic;
color: #FFF;
border-bottom: 1px dotted #ccc;
}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail #extradetails img {
border: 1px solid #f7d200;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 1em;
}

body.detail #extradetails dl dt {
font-weight: bold;
}

/* Staff 
---------*/

body#staff dl {
border-bottom: 1px solid #ddd;
}

body#staff dl dt img {
border: 1px solid #22243D;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dd.position {
font-weight: bold;
}

body#staff dl dd.contact {
font-weight: bold;
}

/* Slideshow
-------------*/
body.slideshow {
background-image: none;
background-color: #fff;
}

body.slideshow #header {
background-image: none;
background-color: #f7d200;
border-bottom: 10px solid #450414;
}

body.slideshow table img {
border: 1px solid #333;
}

/* Email a friend
------------------*/
body.emailafriend {
background-image: none;
background-color: #450414;
text-align: left;
}
body.emailafriend #content {
float:left;
}
body.emailafriend #header {
background-image: none;
background-color: #f7d200;
border-bottom: 10px solid #450414;
}

body.alert .tabs a,
body.alert .tabs a:link,
body.alert .tabs a:active {
color:#450414;
}
body.alert .tabs a:hover {
color:#000;
}
body#alert_popup #outside #content {
width:450px;
}



/* calendar page table */
body#dynamic .paragraphtext {
clear:both;
}
body#dynamic .paragraphtext table {
border:1px solid #fff;
margin: 20px auto;
}
body#dynamic .paragraphtext table td {
padding:5px;
border-right: 1px dotted #7f3a45;
border-bottom: 1px dotted #7f3a45;
width:50%;
}

/* dynamic pages */

#dyn-heading-img {
margin-left: auto;
margin-right: auto;
}