@charset "utf-8";
/* CSS Document */
/*By The Zen Agency Glasgow*/
/*______________________________________________________________________________________________________*/


/*------------------------------------------------------------------------------------------------------*/
/*GENERAL STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #333333;
	}

body {
	background: #eaeaea url(../images/main_bg.jpg) left top repeat-y;
	}

#container {
	width: 910px;
	}

a img {
	border: 0;
	}

/*------------------------------------------------------------------------------------------------------*/
/*GENERAL TEXT STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 180%;
	margin: 0 0 8px 0;
	color: #00005F;
	}

h2 {
	font-size: 130%;
	margin: 0 0 8px 0;
	color: #000000;
	}

h3 {
	font-size: 120%;
	margin: 0 0 8px 0;
	color: #000000;
	}

h4 {
	font-size: 113%;
	margin: 0 0 8px 0;
	}

h5 {
	font-size: 110%;
	margin: 0 0 8px 0;
	}

p {
	font-size: 100%;
	margin: 0 0 8px 0;
	line-height: 130%;
	}

/*------------------------------------------------------------------------------------------------------*/
/*LEFT BAR STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

#left_column_holder {
	float: left;
	display: inline;
	width: 215px;
	background: url(../images/left_column_fade.jpg) left top repeat-x;
	margin: 0 10px 0 10px;
	padding: 0 0 20px 0;
	color: #ffffff;
	}

.logo {
	float: right;
	margin: 25px 10px 50px 0;
	}

/*------------------------------------------------------------------------------------------------------*/
/*MENU STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.menu {
	float: left;
	display: inline;
	padding: 10px;
	width: 205px;
	padding: 10px 0 10px 10px;
	}

.menu ul {
	list-style-type: none;
	width: 100%;
	float: left;
	display: inline;
	}

.menu ul li {
	float: left;
	display: inline;
	width: 100%;
	}

.menu ul li:hover {
	float: left;
	display: inline;
	width: 100%;
	background: url(../images/menu_fade.gif) right top repeat-y;
	}

.menu ul li a{
	float: left;
	display: inline;
	width: 175px;
	font-weight: bold;
	padding: 4px 10px 4px 20px;
	text-decoration: none;
	border-bottom: 1px solid #364567;
	background: url(../images/menu_bullet_hover.gif) 5px center no-repeat;
	color: #ffffff;
	}

.menu ul li a:hover {
	background: url(../images/menu_bullet.jpg) 5px center no-repeat;
	color: #E4E6E7;
	}

/*------------------------------------------------------------------------------------------------------*/
/*NEWS AREA STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.news_box {
	float: left;
	display: inline;
	width: 205px;
	padding: 20px 0 10px 10px;
	margin: 20px 0 0 0;
	background: url(../images/news_bg.jpg) left top no-repeat;
	}

.news_box h2 {
	color: #E4E6E7;
	}

.news_item {
	float: left;
	display: inline;
	width: 195px;
	border-top: 1px dashed #364567;
	padding: 10px 10px 0 0;
	margin: 0 0 10px 0;
	}

.read_more_right{
	width: 100%;
	text-align: right;
	font-weight: bold;
	}

.read_more_right a{
	color: #E4E6E7;
	text-decoration: none;
	}

.read_more_right a:hover{
	color: #ffffff;
	text-decoration: none;
	}

.news_item_full {
	float: left;
	border-top: 1px dashed #364567;
	padding: 10px 10px 0 0;
	margin: 0 0 10px 0;
	}

/*------------------------------------------------------------------------------------------------------*/
/*MAIN CONTENT AREA STYLES*/
/*-------------------------------------------------------------------------------------------------------*/


.main_text ul {
	list-style-type: square;
	margin: 0 0 7px 20px;
	font-weight: normal;
}

.main_text ul li {
	padding: 0 0 3px 0;
}

.main_text a {
	color: #3D58C9;
	text-decoration: none;
}

.main_text a:hover {
	color:#000000;
	text-decoration: none;
}


/*------------------------------------------------------------------------------------------------------*/
/*MAIN CONTENT AREA STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

#main_area_holder {
	float: left;
	display: inline;
	width: 675px;
	padding: 0 0 50px 0;
	}

.main_text {
	float: left;
	display: inline;
	width: 665px;
	padding: 25px 0 0 0;
	}

.banner {
	float: left;
	display: inline;
	width: 665px;
	height: 160px;
	background: #000000;
	margin: 0 0 1px 0;
	}

.breadcrumb {
	float: left;
	display: inline;
	width: 645px;
	background: #333333;
	text-align: right;
	color: #ffffff;
	padding: 3px 10px;
	font-size: 90%;
	color: #ffffff;
	}

.breadcrumb a {
	color: #ffffff;
	text-decoration: none;
	}

.breadcrumb a:hover {
	color: #cccccc;
	text-decoration: underline;
	}

/*------------------------------------------------------------------------------------------------------*/
/*SUB MENU STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.sub_menu_holder {
	float: left;
	display: inline;
	width: 675px;
	padding: 20px 0 0 0;
	}

.sub_item {
	float: left;
	display: inline;
	width: 215px;
	padding: 0 10px 10px 0;
	}

.sub_item_pic {
	float: left;
	display: inline;
	width: 215px;
	height: 100px;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;

	}

.sub_item_link {
	float: left;
	display: inline;
	width: 195px;
	padding: 3px 10px;
	background: #333333;
	}

.sub_item_link a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	
	}

.sub_item_link a:hover {
	color: #E4E6E7;
	text-decoration: none;
	}

/*------------------------------------------------------------------------------------------------------*/
/*FOOTER STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

#footer_holder {
	float: left;
	display: inline;
	width: 670px;
	border-top: 1px dashed #cccccc;
	color: #666666;
	margin: 30px 0 0 0;
	padding: 10px 0 10px 0;
	font-size: 90%;
	}

#footer_holder a {
	color: #3D58C9;
	text-decoration: none;
	}

#footer_holder a:hover {
	color: #000000;
	text-decoration: none;
	}

.footer_left {
	float: left;
	display: inline;
	width: 330px;
	margin: 0 10px 0 0;
	}

.footer_right {
	float: left;
	display: inline;
	width: 330px;
	text-align: right;
	}

/*------------------------------------------------------------------------------------------------------*/
/*OFFICES STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.office_holder {
	float: left;
	display: inline;
	width: 665px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	}

.office_details {
	float: left;
	display: inline;
	width: 205px;
	padding: 0 10px 0 0;
	}

.office_name {
	float: left;
	display: inline;
	width: 100%;
	}

.office_address {
	float: left;
	display: inline;
	width: 100%;
	}

.office_contact {
	float: left;
	display: inline;
	width: 100%;
	}

.office_map {
	float: left;
	display: inline;
	width: 440px;
	padding: 0 0 0 9px;
	border-left: 1px solid #eaeaea;
	}
	
/*------------------------------------------------------------------------------------------------------*/
/*CONTACT STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.contact_holder {
	float: left;
	display: inline;
	width: 665px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}
	
.contact_form {
	float: left;
	display: inline;
	width: 440px;
	}

.contact_label {
    float: left;
    display: inline;
    width: 400px;
    margin: 10px 0 0 0;
    }

.contact_label p{
    margin: 0 0 2px 0;
    }

.contact_textfield {
    float: left;
    display: inline;
    width: 400px;
    }

.confirmation {
    color:Red;
    font-size:large;
    }

.contact_offices {
	float: left;
	display: inline;
	width: 205px;
	padding: 0 0 0 9px;
	border-left: 1px solid #eaeaea;
	}

.contact_office_item {
    float: left;
    display: inline;
    width: 100%;
    border-top: 1px solid #eaeaea;
    padding: 10px 0 0 0;
    }
    
.contact_office_details {
    float: left;
    display: inline;
    width: 100%;
    }


/*------------------------------------------------------------------------------------------------------*/
/*OUR PEOPLE STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.our_people_item {
	float: left;
	display: inline;
	width: 665px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	}

.our_people_office {
    float: left;
    display: inline;
    width: 100%;
}

.our_people_office h1{
    padding-top: 5px;
    border-top: 1px solid #cccccc;
}

.our_people_image {
	float: left;
	display: inline;
	width: 205px;
	height: 240px;
	overflow: hidden;
	padding: 0 10px 0 0;
	border-right: 1px solid #eaeaea;
	}

/*.our_people_image img {
	width: 204px;
	}*/

.our_people_details {
	float: left;
	display: inline;
	width: 430px;
	padding: 0 0 0 9px;
	}

/*------------------------------------------------------------------------------------------------------*/
/*PROPERTY SEARCH STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.full_holder {
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0 0 0;
    border-top: 1px solid #cccccc;
    }

.form_item {
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0 0 0;
    font-weight: bold;
    }

.form_item_label {
    float: left;
    display: inline;
    width: 120px;
    }

.form_item_input {
    float: left;
    display: inline;
    width: 200px;
    }

.property_results {
    margin:0;
    }

.property_results_thumb {
    width: 130px;
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #cccccc;
    }

.property_results_thumb a img {
    width: 120px;
    padding: 2px;
    border: 1px solid #cccccc;
    }

.property_results_thumb a img:hover {
    border: 1px solid #666666;
    }


.property_results_address {
    padding: 10px; /*0 10px 0;*/
    border-bottom: 1px dashed #cccccc;
    }

.property_results_details {
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #cccccc;
    }

.property_results_icons {
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #cccccc;
    }
    
property_results_links {
    display:inline;
    }
    
property_results_more_link {
    float: left;
    background:Lime;
    }
    
property_results_schedule_link {
    float: right;
    background:Lime;
    }
    
/*------------------------------------------------------------------------------------------------------*/
/*INDIVIDUAL PROPERTY PAGE STYLES*/
/*-------------------------------------------------------------------------------------------------------*/

.property_details_images {
    float: left;
    display: inline;
    border-bottom: 1px solid #cccccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    }

.property_details_images_large {
    float: left;
    display: inline;
    width: 430px;
    padding: 0 9px 0 0;
    border-right: 1px solid #eaeaea;
    }

.property_details_images_large img{
    width: 430px;
    }

.property_details_images_thumbs {
    float: left;
    display: inline;
    width: 225px;
    }

.property_details_images_thumbs img {
    float: left;
    display: inline;
    width: 96px;
    margin: 0 0 10px 10px;
    padding: 2px;
    border: 1px solid #cccccc;
    }

.property_details_title {
    float: left;
    display: inline;
    width: 332px;
    }

.property_details_price {
    float: left;
    display: inline;
    width: 332px;
    text-align: right;
    }
    
.property_details_price h2 {
    color: #00005F;
    }
     
.property_details_rooms {
    float: left;
    display: inline;
    width: 100%;
    }

.property_details_gardage {
    float: right;
    display: inline;
    /*width: 100%;*/
    color: Green;
    }

.property_details_description {
    float: left;
    display: inline;
    width: 100%;
    }

.property_details_schedule {
    float: left;
    display: inline;
    width: 100%;
    margin: 20px 0 20px 0;
    }

.property_details_contact {
    /*float:left;*/
    display: inline;
    }
    
.property_details_contact_row{
    width: 100%;
    }
    
.property_details_contact_left {
    float:left;
    }
    
.property_details_contact_right {
    float:right;
    }
 
 .alert{
    /*Think I might have taken this too far*/
    color: #FF0000;
    }