/* CSS Copyright Hubonline */

/* Clear styling, set fonts
--------------------------*/
* {
margin : 0;
padding : 0;
}

html {
height : 100%;
}

body {
height : 100%;
font-size : 76%; /* Font sizes are in EMs, if you need to scale the font, do it globally with this value */
font-family : 'Verdana', 'Geneva', 'Helvetica', sans-serif;
background-color : #2E3537;

}


/* General styles
------------------*/

h1 {
color : #fff;
margin : 0 0 15px 0;
padding : 0;
font-size : 1.1em;
font-weight : bold;
}

h2 {
color : #b9820d;
margin : 0 0 0px 0;
padding : 0;
font-size : 1.0em;
font-weight : bold;
}

h3 {
color : #b9820d;
margin : 0 0 15px 0;
padding : 0;
font-size : 1.1em;
font-weight : bold;
}

a:link, a:visited {
color: #b9820d;
text-decoration : none;
}
a:hover {
color: #b9820d;
text-decoration : underline;
}

/* =Content Wrapper & footer
----------------*/

div#content {
margin : 0 auto 0 auto; /*center the wrapper*/
width : 770px;
min-height : 100%;
position : relative;
}

* html div#content {
height : 100%;
}

div.dropshadow {
}

div#footer {
margin : 0px auto 0px auto; /*center the wrapper*/
width : 770px;
position : relative;
font-size : 1.0em;
font-weight : bold;
color : #fff;
padding-bottom : 15px;
}

/* Dropdown menu
-----------------*/
#menu {
margin-top : 10px;
margin-left : 100px;
margin-bottom : 30px;
}
#menu a {
margin-right : 6px;
font-weight: bold;
background-color: #000;
color: #fff;
border: 2px solid #fff;
display: block;
float: left;
font-size: 0.9em;
padding: 5px 25px 4px 25px;
text-decoration: none;
}
#menu a:hover,
#menu a.dropdown {
background-color: #b9820d;
color: #000;
}
#menu li ul {
width: 140px;
}
#menu li li a {
border : none;
font-weight: normal;
text-align : left;
text-transform: capitalize;
background-color: #000 !important;
color: #fff !important;
float: none;
padding: 3px 5px;
}
#menu li li a:hover,
#menu li li a.dropdown {
background-color: #b9820d !important;
color: #000 !important;
}
#menu li li.first a {
}
#menu li li.last a {
}

body#home #menu {
margin : 0 auto;
width : 590px;
}
body#home #menu a {
font-size: 0.7em;
padding: 8px 42px 7px 42px;
}
body#home #menu #videoList {
display : none;
}
body#home #menu li li a {
font-size: 0.7em;
padding: 3px 5px;
}

body.about .menu #aboutList a,
body.appraisal .menu #appraisalList a,
body.buy .menu #buyList a,
body.rent .menu #rentList a,
body.video .menu #videoList a {
background-color: #b9820d;
color: #000;
}


/* =Header
----------------*/
div#header {
float : center;
margin-top: 15px;
}

div#header table#headertable {
margin: 15px 0px 30px 0px;
}

div#header a.btnsml:link, a.btnsml:active, a.btnsml:visited {
display: block;
background-color: #000;
border : 2px solid #fff;
color: #ffffff;
font-weight: bold;
font-size: 11px;
padding: 4px 10px 4px 10px;
width: 90px;
text-align: center;
text-decoration : none;
}

div#header a.btnsml:hover,
div#header a.active {
background-color: #b9820d;
color: #000;
}

/* =Homepage
----------------*/
body#home {
color : #fff;
font-size : 1.0em;
font-weight : bold;
margin-top : 20px; 
}

body#home #hometext {
color : #fff;
font-size : 1.0em;
font-weight : bold;
margin-top : 20px; 
}

body#home #hometext p {
margin-top : 12px;
margin-top : 12px;  
}

.homesmltext {
color : #fff;
font-size : 0.7em;
margin-top : 20px;
margin-bottom : 12px; 
}

body#home table.navtable td {
padding : 0 2px 0 2px;
}
body#home .details {
margin-top : 10px;
}

body#home a.btn:link, a.btn:active, a.btn:visited {
display: block;
background-color: #000;
border : 2px solid #fff;
color: #ffffff;
font-weight: bold;
font-size: 11px;
padding: 7px 10px 7px 10px;
width: 120px;
text-align: center;
text-decoration : none;
}
body#home a.btn:hover {
background-color: #b9820d;
color: #000;
}

/* =Dynamic
----------------*/

body.dynamic {
}

body.dynamic div.content {
margin : 0 auto 0 auto; /*center the wrapper*/
width : 770px;
position : relative;
}

body.dynamic .details {
padding : 15px 15px 5px 15px;
border : 1px solid #ad824b;
background-color : #fff;
font-size : 0.9em;
}
body.dynamic .details #dyn-img1,
body.dynamic .details #dyn-img2 {
text-align : center;
}
body.dynamic .details h1 {
color : #ad824b;
margin-bottom : 10px;
}
body.dynamic .details h2 {
color : #000;
margin-bottom : 10px;
}
body.dynamic .details p {
margin : 0 30px 10px 0;
}

/* Testimonials */

body.testimonial .details .testimonial {
border-top : 1px solid #b9820d;
padding-top : 10px;
}
body.testimonial .details .testimonial .author {
font-style : italic;
}

/* =Search Listings
----------------*/

body#propertysearch p.print {
float : right;
}

body#propertysearch table#propertytable {
border-bottom: 8px solid #2E3537;
background-color: #fff;
font-size : 0.9em;
}
table#propertytable a:link, table#propertytable a:visited, table#propertytable a:active {
color : #b9820d;
text-decoration : none;
}
table#propertytable a:hover {
color : #b9820d;
text-decoration : underline;
}
p#polbar{
color : #fff;
}
p#polbar a:link, p#polbar a:visited, p#polbar a:active {
color : #fff;
text-decoration : none;
}
p#polbar a:hover {
color : #fff;
text-decoration : underline;
}

/* Search Print List */

body.printlist {
background-color: #fff;
}
body.printlist #menu {
display : none;
}
body.printlist h1 {
color: #000;
margin-top : 10px;
margin-left : 85px;
}
body.printlist table#propertytable {
width : 600px;
margin-left : 85px;
border-bottom: 8px solid #fff !important;
}
body.printlist #footer {
color: #000;
}

/* =Slideshow
----------------*/
.title {
color : #b9820d;
margin : 0 0 15px 0;
padding : 0;
font-size : 13px;
font-weight : bold;
}

.close {
color : #000;
font-size : 11px;
}

.close a:link; a:active, a:visited {
color : #b9820d;
text-decoration : none;
}

.close a:hover {
color : #b9820d;
text-decoration : underline;
}

/* Staff */

body.staff {
}

body.staff div.content {
margin : 0 auto 0 auto; /*center the wrapper*/
width : 770px;
position : relative;
}

body.staff .details {
padding : 15px 15px 5px 15px;
border : 1px solid #ad824b;
background-color : #fff;
font-size : 0.9em;
}
body.staff .details h1 {
color : #ad824b;
margin-bottom : 10px;
}
body.staff .details h2 {
color : #000;
margin-bottom : 10px;
}
body.staff .details p {
margin : 0 30px 10px 0;
}
body.staff .details .people {
border-top : 1px solid #b9820d;
padding-top : 10px;
}

body.staff .people img {
float : right;
margin : 0 0 10px 10px;
}


/* =Form Elements
----------------*/
input.inputbox1, select.inputbox1, textarea.inputbox1 {
color : #000;
font-family : 'Verdana', 'Geneva', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
background-color : #fff;
width : 98.5%;
text-align : left;
border : 1px solid #b9820d;
}

input.inputbox2, select.inputbox2, textarea.inputbox2 { 
color : #555;
font-size : 1em;
font-weight : normal;
background-color : #fff;
text-align : left;
border : 1px solid #AD824B;
}

.button {
color : #fff;
font-size : 11px;
font-weight : normal;
background-color : #b9820d;
text-align : center;
}

/* =Email Page
----------------*/

body#email #content p {
padding-bottom : 15px;
background-colour: #fff;
}

body#email #text table td {
font-size : 12px;
padding : 4px;
background-colour: #fff;
}

#emailspace {
color : #000;
background-colour: #fff;
font-size : 0.9em;
margin : 0px 8px 8px 8px;
padding : 12px 15px 12px 15px;
}

/* Details
----------------*/

div#details {
background-color : #FFF;
padding : 10px;
font-size : 0.9em;
}

div#optionsbox {
border : 1px solid #AD824B; 
float: right;
width : 140px;
padding : 5px;
margin : 0px 0px 5px 5px;
background-color : #FFFBF1;
}

div#contactbox {
border : 1px solid #AD824B; 
width : 390px;
padding : 5px;
margin : 0px 0px 0px 0px;
background-color : #FFFBF1;
}

body#propertydetails a:link, a:visited, a:active {
color : #b9820d;
text-decoration : none;
}

body#propertydetails a:hover {
color : #b9820d;
text-decoration : underline;
}

td#title {
border-top : 1px solid #AD824B;
border-bottom : 1px solid #AD824B;
background-color: #FFFBF1;
font-weight : bold;
color : #b9820d;
}

/* Brochure
----------------*/

#brochuretext {
color : #000;
width : 595px;
background-color: #fff;
font-size : 0.9em;
border : 1px solid #AD824B;
padding : 12px 15px 12px 15px;
}

div#brochuretext a:link, div#brochuretext a:visited {
color : #4376B3;
text-decoration : none;
}

div#brochuretext a:hover {
color : #4376B3;
text-decoration : underline;
}

div#contactboxbrochure {
border : 1px solid #AD824B; 
width : 340px;
padding : 5px;
}

/* Appraisal Form */

#appraisal td {
padding-bottom : 2px;
}
#appraisal .warning {
font-weight : bold;
color : #b9820d;
}