/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
body, html {
background: #FFF url(/img/footer_bg.gif) repeat 0 0;
}

body {
/*background-image: url(/img/body_bg.gif);
background-repeat: repeat-x;*/
}

#wrap {
background-color: #FFF;
}


/* Pages without columns
-------------------------*/
body.listing #main,
body.detail #main,
body#staff #main {
background-image: none;
/*background-color: #afafaf;*/
}

/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #000;
}

p {
font-size: 1em;
}

h1 {
font-size: 1.5em;
margin-bottom: 20px;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a:link,
a:visited {
color: #ABA500;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #888888;
text-decoration: none;
}

#footer a:hover {
color: #FFF200;
}

/* Header
----------*/

#header img#logo {

}

/* Dropdown menu
-----------------*/

#menu {
background-color: #FFF;
}

#menu a {
font-weight: bold;
text-transform: lowercase;
font-size: 0.9em;
/*border-top: 3px solid #383838;*/
}

/*#menu li.last a {
border: none;
border-top: 3px solid #383838;
}*/

#menu li.last a,
#menu li li a {
border: none;
}

#menu a:link,
#menu a:visited {
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}

#menu a:hover {
color: #FAF65E;
}

#menu ul ul {
background-color: #000;
border: 1px solid #fff;
border-top: none;
}

#menu li li a {
border: none;
/*background-image: none;*/
text-transform: none;
}


/* Standard forms
------------------*/

form fieldset {
border: 1px solid #ddd;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
background-color: #000;
border: none;
color: #FFF;
font-size: 0.9em;
font-weight: bold;
}

/* Home 
---------*/

body#home #images {
background-color: #FAF65E;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

body#home #images span {
width: 761px;
display:block;
margin: 0 auto;
height: 146px;
border-left: 1px solid #fff;
}

body#home #images img {
display:block;
float: left;
border-right: 1px solid #fff;
}

/*body#home #sub-section form #submit input {
font-size: 0.9em;
font-weight: bold;
}*/

body#home #sub-section {
border: 1px solid #FAF65E;
}

body#home #pow {
border-top: 1px solid #FAF65E;
padding-top: 15px
}

body#home #pow img {
float: left;
border: 1px solid #5F5F5F;
margin: 0 10px 5px 0;
}
body#home #pow h2 {
color: #5F5F5F;
font-size: 1em;
}
body#home #pow p {
font-size: 0.9em;
}
body#home #pow p,
body#home #pow h2 {
margin-bottom: 2px;
}

/* Listings
------------*/

body.listing .property {
border-bottom: 1px solid #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;
color: #000;
}

body.listing .property .price h3 {
font-size: 1em;
font-style: italic;
}

body.listing #filter {
background-color: #FAF89B;
border: 1px dashed #aaa;
}

body.listing #filter input {
/*background-color: #FFF200;
border: none;
color: #000;*/
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
background-color: #000;
border: none;
color: #FFF;
font-size: 0.9em;
font-weight: bold;
}

body.listing #searchForm {
z-index: 0;
}

/* Property detail
-------------------*/

body.detail #content h2 {
font-size: 1em;
/*font-style: italic;
color: #000;*/
/*color: #5F5F5F;*/
border-top: 1px solid #000;
border-bottom: 1px solid #000;
/*background-color: #afafaf;*/
}

body.detail #content h3 {
font-size: 1em;
/*color: #5F5F5F;*/
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail #extradetails img {
border: 1px solid #22243D;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

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.1em;
/*font-style: italic;*/
}

body#staff dl dd.position {
font-weight: bold;
color: #5F5F5F;
}

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: #FFF;
/*border-bottom: 10px solid #EF8B13;*/
width: auto;
}

body.slideshow table img {
border: 1px solid #333;
}

body.slideshow #header img {
position: relative;
top: 5px;
left: -0px;
}

body.slideshow input {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
background-color: #000;
border: none;
color: #FFF;
font-size: 0.9em;
font-weight: bold;
padding: 2px 8px;
margin-top: 10px;
margin-right: 5px;
}


/* Email a friend
------------------*/

body.emailafriend {
background-image: none;
/*background-color: #afafaf;*/
text-align: left;
}

body.emailafriend #header {
background-image: none;
/*background-color: #221E1F;
border-bottom: 18px solid #FFF200;*/
width: auto;
}

body.emailafriend #header img {
position: relative;
/*top: 45px;*/
left: 20px;
}

/* Testimonials
----------------*/

body.testimonials #content .item {
border-bottom: 1px dashed #CFCFCF;
margin-bottom: 10px;
}

body.testimonials #content .signature {
text-align: right;
font-style: italic;
font-size: 0.9em;
}
