/*
 _____                            _                _                   _      
 |  __ \                          | |              | |                 | |     
 | |__) |_ __ ___  _ __   ___ _ __| |_ _   _       | |_   _ _ __   __ _| | ___ 
 |  ___/| '__/ _ \| '_ \ / _ \ '__| __| | | |  _   | | | | | '_ \ / _` | |/ _ \
 | |    | | | (_) | |_) |  __/ |  | |_| |_| | | |__| | |_| | | | | (_| | |  __/
 |_|    |_|  \___/| .__/ \___|_|   \__|\__, |  \____/ \__,_|_| |_|\__, |_|\___|
                  | |                   __/ |                      __/ |       
                  |_|                  |___/                      |___/

Colour Swatch
--------------
Active borders and hrefs - #efae1e
Main page border grey - #282828
Link hover colour - #ffd200
Text colour - #bbb
--------------
*/

html {
	background: #000 url(../imgs/page_bg.jpg) repeat-x fixed;
}

body {
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	color: #bbb;
}

img a {
	border: 0;
}

.imgRight {
	float: right;
	text-align: center;
	font-size: 10px;
}

.imgLeft {
	float: left;
	text-align: center;
	font-size: 10px;
}
/* =============== */
/* ! Text Styles   */
/* =============== */
h1 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #efae1e;
	padding: 8px 0 8px 0;
}

h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #ffd200;
	padding: 8px 0 8px 0;
}

h3 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #efae1e;
	padding: 8px 0 8px 0;
}

p {
	padding: 8px 0 8px 0;
}

.yellow {
	color: #efae1e;
}

.larger {
	font-size: 1.2em;
}

.largeryellow {
	font-size: 1.2em;
	color: #efae1e;
}

.introText {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: center;
	padding: 6px 0 1px 0;
}

.homeTelno {
	padding: 2px 0 2px 0;
}

.textCenter { /* Reuseable class for random elements */
	text-align: center;
}

.textJustify { /* Reuseable class for random elements */
	text-align: justify;
}

.textItalic { /* Reuseable class for random elements */
	font-style: italic;
}

.btnStyle {
	background: #ffd200;
	border: 1px solid #efae1e;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btnStyle:hover {
	background: #efae1e;
	border: 1px solid #ffd200;
}
/* =============== */
/* ! Text Styles   */
/* =============== */

/* ====================== */
/* ! Core Site Elements   */
/* ====================== */
#wrapper {
	width: 960px;
	margin: 0 auto;
}

#pageContent {
	background: #000;
	border: 1px solid #282828;
	padding: 10px;
	overflow: auto;
	margin-top: 20px; /* Gives the content some space from the top of the browser window */
}

.logo {
	border-bottom: 3px double #efae1e;
}

#leftCol {
	float: left;
	width: 240px;
}

#rightCol {
	float: right;
	width: 680px;
}

#rightCol a {
	color: #efae1e;
	text-decoration: none;
}

#rightCol a:hover {
	color: #ffd200;
}

#rightCol ul {
	margin-left: 20px; 
}

#rightCol ul li {
	background: url(../imgs/arrow.jpg) left no-repeat;
	padding: 5px  0 5px 20px;
	list-style: none;
}

/* ================ */
/* ! Form Styling   */
/* ================ */
#form {
	background: url(../imgs/search_bg.jpg) bottom repeat-x;
	width: 400px;
	padding: 10px;
	border: 1px solid #282828;
}

#form input {
	font-size: 14px;
	width: 230px;
}

#form textarea {
	font-size: 14px;
	width: 230px;
}

#form select {
	width: 230px;
}

#form input:focus {
	background: #faffbd;
}

#form textarea:focus {
	background: #faffbd;
}

#contactForm {
	float: right;
}

label.error {
	color: #ffd200;
	display: block; /* This fixes IE ignoring width and pushing the text out of the form block */
	white-space: nowrap; /* This is so beautiful, why I have I not discovered your exquisite use before? */
}

/* Contact Us Custom Google Map Styles, added by using Google Maps API V3 */
#map_canvas {
	border: 1px solid #efae1e;
}

#mapcontent {
	width: 200px;
	text-align: center;
}

#mapcontent img {
	border: 1px solid #efae1e;
}

#mapcontent h1 {
	font-size: 1.5em;
}

#mapcontent p {
	font-size: .8em;
	color: #000;
}
/* Contact Us Custom Google Map Styles, added by using Google Maps API V3 */

/* ================ */
/* ! Form Styling   */
/* ================ */

#contactAddress {
	float: left;
	width: 150px;
}

#contactMap {
	width: 680px;
	border: 1px solid #efae1e;
	margin: 20px 0 20px 0;
}

.clearDiv {
	width: 100%;
	clear: both;
	margin: 10px 0 10px 0;
}

.localArea {
	clear: both;
	margin-bottom: 10px;
}

.localArea img {
	margin: 0 0 10px 10px;
	border: 1px solid #efae1e;
}
/* ====================== */
/* ! Core Site Elements   */
/* ====================== */

/* ============================== */
/* ! Search facility core style   */
/* ============================== */
#search {
	background: url(../imgs/search_bg.jpg) bottom repeat-x;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #282828;
}

#search h2 {
	padding: 2px 0 3px 0;
}

#search td {
	padding: 4px;
}

#search select {
	width: 115px;
}
/* ============================== */
/* ! Search facility core style   */
/* ============================== */

/* ================== */
/* ! NavBar Styling   */
/* ================== */
#navBar {
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #282828;
}

#navBar ul li {
	background: none!important;
	display: inline;
	list-style: none;
	line-height: 40px;
	padding: 0 8px 0 0;
}

#navBar li a {
	text-decoration: none;
	color: #efae1e;
}

#navBar li a:hover {
	text-decoration: underline;
	color: #ffd200;
}

/* Current page highlight */
#home #navBar .home a,
#sales #navBar .sales a,
#lettings #navBar .lettings a,
#register #navBar .register a,
#valuations #navBar .valuations a,
#surveyors #navBar .surveyors a,
#area #navBar .area a,
#about #navBar .about a,
#contact #navBar .contact a {
	text-decoration: underline;
	color: #ffd200;
}
/* Current page highlight */

/* ================== */
/* ! NavBar Styling   */
/* ================== */

/* ========================= */
/* ! Slideshow Core Styles   */
/* ========================= */
#slideShow { /* This is the holding div for the slideshow */
	background: #282828;
	height: 442px;
	margin-top: 30px;
	display: block;
}

/* Each slide has it's own background rather than bloating the HTML with img tags everywhere */
#slide1 {
	background: url(../imgs/slideShow/davies_and_davies_front_clock.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide2 {
	background: url(../imgs/slideShow/davies_and_davies_sign.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide3 {
	background: url(../imgs/slideShow/davies_and_davies_sold_board.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide4 {
	background: url(../imgs/slideShow/hanley_road_reception.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide5 {
	background: url(../imgs/slideShow/north_london_street.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide6 {
	background: url(../imgs/slideShow/office_internal_filling.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide7 {
	background: url(../imgs/slideShow/office_mosaic.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide8 {
	background: url(../imgs/slideShow/perth_road_garden.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide9 {
	background: url(../imgs/slideShow/perth_road_reception.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide10 {
	background: url(../imgs/slideShow/perth_road.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}

#slide11 {
	background: url(../imgs/slideShow/tolling_road_house.jpg) no-repeat;
	width: 678px;
	height: 442px;
	border: 1px solid #efae1e;
}
/* Each slide has it's own background rather than bloating the HTML with img tags everywhere */

.slideText { /* Marketing messages will need this class applied for the styles */
	background: url(../imgs/slideShow/text_bg.png) no-repeat;
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	margin-top: 378px;
	height: 60px;
	line-height: 40px; /* This vertically aligns the text */
	padding: 10px;
}
/* ========================= */
/* ! Slideshow Core Styles   */
/* ========================= */

/* ======================= */
/* ! Featured Properties   */
/* ======================= */
#featuredProperties {
	clear: both;
	overflow: auto;
	padding-top: 12px;
}

.featuredProp {
	background: url(../imgs/search_bg.jpg) bottom repeat-x;
	border: 1px solid #282828;
	text-align: center;
	width: 270px;
	padding: 10px;
	margin: 10px;
	float: left;
}

.featuredProp img {
	border: 1px solid #282828;
	width: 270px;
	height: 202px;
}

.featuredProp img:hover {
	border-color: #efae1e;
}

.featuredProp a {
	text-decoration: none;
	color: #efae1e;
}

.featuredProp a:hover {
	color: #ffd200;
}

.featuredProp h2 {
	text-shadow: 2px 2px 1px #000;
}
/* ======================= */
/* ! Featured Properties   */
/* ======================= */

/* ======================= */
/* ! Search Results Page   */
/* ======================= */
.propertyThumb {
	background: url(../imgs/search_bg.jpg) bottom repeat-x;
	width: 196px;
	height: 400px;
	padding: 10px;
	margin: 20px 8px 5px 0;
	border: 1px solid #282828;
	float: left;
	text-align: center;
}

.propertyThumb img {
	border: 1px solid #282828;
	width: 190px;
	height: 140px;
	margin: 0 auto;
}

.propertyThumb img:hover {
	border-color: #efae1e;
}

.propertyThumb ul li {
	background: none!important;
	padding: 0!important;
	margin: 0 5px 0 0;
	color: #efae1e;
	display: inline;
}

.propertyThumb a {
	text-decoration: none;
	color: #efae1e;
}

.propertyThumb a:hover {
	color: #ffd200;
}

/* Customer wanted all property listings to display the same regardless of text truncation etc */
.listPrice {
	height: 80px;
}

.listFeatures {
	height: 30px;
}

.listDescription {
	text-align: justify;
	height: 80px;
}
/* Customer wanted all property listings to display the same regardless of text truncation etc */

#pagination {
	text-align: right;
	font-size: 14px;
	padding: 10px 0 10px 0;
	border-top: 1px dotted #efae1e;
}

#pagination a {
	text-decoration: none;
	color: #efae1e;
}

#pagination a:hover {
	color: #ffd200;
}
/* ======================= */
/* ! Search Results Page   */
/* ======================= */

/* ============================== */
/* ! Full Property Details Page   */
/* ============================== */
#fullDetailHeader {
	height: 40px;
}

#propAddress {
	float: left;
}

#price {
	font-size: 18px;
	float: right;
}

#availability {
	text-align: center;
	border-top: 1px dotted #efae1e;
	border-bottom: 1px dotted #efae1e;
}

#imageHolder {
	clear: both;
	overflow: auto;
	margin: 20px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #efae1e;
}

#mainImages {
	float: left;
	width: 450px;	
}

#mainImages img {
	border: 1px solid #efae1e;
	height: 337px;
	width: 450px;
}

#thumbs {
	float: right;
	width: 210px;
	margin: 5px;
}

#thumbs img {
	border: 1px solid #efae1e;
	width: 100px;
	height: 75px;
}

#backBtn {
	background: #ffd200;
	border: 1px solid #efae1e;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	line-height: 25px;
	width: 150px;
	margin-top: 10px;
	float: left;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;	
}

#backBtn a {
	color: #000;
}

#backBtn:hover {
	background: #efae1e;
	border: 1px solid #ffd200;
}

#backBtn a:hover {
	color: #000;
}

#callToAction {
	border-top: 1px dotted #efae1e;
	border-bottom: 1px dotted #efae1e;
	height: 40px;
}

#callToAction ul li {
	display: inline;
	line-height: 40px;
	margin-right: 10px;
}

#longDescr {
	border-bottom: 1px dotted #efae1e;
	margin-bottom: 10px;
	overflow: auto;
}

#propFeatures {
	float: right;
	width: 220px;
	margin: 0 0 20px 20px;
	border: 1px solid #282828;
}

#EPC {

}

#EPC img {
	width: 100%;
	height: 400px;
	border: 1px solid #efae1e;
}

#googlemapHolder {
	margin-bottom: 20px;
}

#googleMapLinks {
	padding: 8px 0 8px 0;
}

#googlemap {
	width: 100%;
	height: 400px;
	border: 1px solid #efae1e;
}

#floorplan {
	text-align: center;
	margin-top: 30px;
}

#floorplan img {
	border: 1px solid #efae1e;
	max-width: 960px;
}

#misrepFooter {
	border-top: 1px dotted #efae1e;
}
/* ============================== */
/* ! Full Property Details Page   */
/* ============================== */

/* ================= */
/* ! Footer Styles   */
/* ================= */
#footer {
	clear: both;
	border-top: 1px dotted #efae1e;
	padding-top: 10px;
	height: 60px;
}

#footer p {
	font-size: 10px;
	color: #666;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid;
}

#footerText {
	width: 240px;
	float: left;
}

#affiliations {
	width: 670px;
	float: right;
}
/* ================= */
/* ! Footer Styles   */
/* ================= */