/*
 layout.css
*/

/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

img { 
	border: 0; 
}


/* Typography
------------------------------------------------------------------------------------------------- */

body{
	background: #fff;
	color: #000000;
    font-family: 'Open Sans', Arial, Verdana;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto;
    padding: 0;
}

body, button, input, select, textarea, p {
	 font-family: 'Open Sans', Arial, Verdana;
}

a{
	text-decoration:none;
}

a:hover{

}

.su-row .su-column{
	margin: 0 0 0 2.8%!important;
}

.su-column-size-1-2{
	width: 48.6%!important;
}


.su-row .su-column:first-child{
	margin-left: 0!important;
}

/* Overall
------------------------------------------------------------------------------------------------- */

.inner{
	max-width: 980px;
	width: 98%;
	margin: 0 auto;
}



/* Header
------------------------------------------------------------------------------------------------- */

#seo{
	background: #e1e1e1;
	color: #666666;
	font-size: 12px;
	overflow: hidden;
}

#seo h1{
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	float: left;
}

#seo h1 a{
	color: #666666;
}

#seo ul{
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	float: right;
	list-style: none;
}

#seo ul li{
	float: left;
	padding: 0 10px;
	border-left: 1px #CCC solid;
	margin: 0;
}

#seo ul li:first-child{
	border-left: none;
}

#seo ul li:last-child{
	padding-right: 0;
}

header.main{
	background: #2e3e4d;
}

header.main hgroup.inner{
	
	overflow: hidden;
	padding: 0;
}

header.main hgroup.inner h2{
	width: 433px;
	height: 117px;
	float: left;
	margin-left: 20px;
}

header.main hgroup.inner h2 a{
	width: 433px;
	height: 117px;
	display: block;
	outline: none;
	background: transparent url(../img/logo.jpg) no-repeat top left;
	text-indent: -30000px;
}

#header-contact2{
	float: right;
	border-right: 3px #fbb940 solid;
	margin: 10px 20px 5px 10px;
	padding: 0 10px 0 10px;
	text-align: right;
}

#header-contact2 h4{
	color: #15958b;
	text-transform: uppercase;
	margin-top: 0;
}

#header-contact2 p{
	color: #15958b;
	margin: 0;
	padding: 0;
}

#header-contact2 p strong{
	font-weight: normal;
	font-size: 24px;
	color: #FFF;
}

#header-contact2 p a{
	color: #FFFFFF;
}

#your-estate-agent{
	clear: right;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

nav#access{
	background: #149386;
}

nav#access a.home i{
	color: #fbb940;
	font-size: 30px;
	float: left;
	margin: 5px 5px 5px 10px;
}


nav#access ul{
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
}

nav#access ul li{
	margin: 0;
	padding: 0;
	float: left;
}

nav#access ul li a{
	padding: 5px 10px;
	color: #FFF;

	font-size: 16px;
	font-weight: bold;
}

nav#access a.social i{
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff;
	float: right;
	font-size: 14px;
	height: 14px;
	margin: 1px 2px;
	padding: 4px;
	text-align: center;
	width: 14px;
}

	
/* Content
------------------------------------------------------------------------------------------------- */



#content{
	color: #666666;
	padding: 0 0 20px 0;
}

#content #main{
	position: relative;
	overflow: hidden;
}

#content h1{
	font-size: 36px;
	color: #149386;
	margin-top: 5px;
	padding: 20px 0;
	border-bottom: 1px #CCC solid;
	line-height: 32px;
}

#content h2{
	font-size: 24px;
	color: #149386;
	margin-top: 5px;
	padding: 8px 0;
	border-bottom: 1px #CCC solid;
}

#content .entry-content h2{
	color: #666666;
	line-height: 26px;
	font-size: 18px;
	border: none;
}	

#content h3{
	line-height: 26px;
	font-size: 18px;
}



#content p{
	margin: 0 0 1.5em;
}

#content a{
	color: #149386;
}

#content ul{
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

#content ul li{
	margin: 0 0 6px 0;
	padding: 0;
}

#content ul li:before{
	font-family: FontAwesome;
	content: "";
	display: inline-block;
    	font-size: 18px;
    	margin-right: 10px;
    	text-align: right;
    	width: 10px;
	font-weight: bold;
	color: #149386;
	height: 30px;
	float: left;
	clear: left;
	margin-top: -1px;
}

#content .su-tabs-panes ul li:before{
	height: 28px;
}

#content ul.twocol{
	width: 45%;
	float: left;
	margin-right: 5%;
}

/* Main Areas Nav
----------------------------------------------------------------------------------------------- */

#dellar_main_areas ul li{
	width: 23.2%;
	float: left;
	margin-right: 2.4%;
	height: 155px;
	position: relative;
	margin-bottom: 20px;
}

#dellar_main_areas ul li:before{
	content: '';
	display: none;
}

#dellar_main_areas ul li img{
	margin: 5px 0;
	max-width: 100%;
	height: auto;
}

#dellar_main_areas ul li a{
	display: block;
	width: 100%;
	text-align: center;
}

#dellar_main_areas ul li span{
	display: block;
	padding: 5px;
	background: #2E3E4D;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

#dellar_main_areas ul li span i{
	color: #149386;
	font-weight: bold;
	font-size: 15px;
	margin-left: -10px;
}

#dellar_main_areas ul li.selling{
	background: #fff6e8;
}

#dellar_main_areas ul li.buying{
	background: #f0e7ec;
}

#dellar_main_areas ul li.landlords{
	background: #e3f2f1;
}

#dellar_main_areas ul li.tenants{
	margin-right: 0;
	background: #e6e8e9;
}


/* Property Search
----------------------------------------------------------------------------------------------- */

#property_search{
	position: absolute;
	top: 42px;
	right: 0;
	width: 35%;
	z-index: 2;	
}

#property_search.full{
	position: relative;
	top: 0;
	right: 0;
	width: 100%;	
}

#property_search legend{
	color: #149386;
	font-size: 18px;
	margin-bottom: 18px;
}

#property_search fieldset{
	border-right: 2px #EEE solid;
	padding-right: 15px;
}

#property_search .su-tabs-nav span{
	color: #149386;
	font-size: 18px;
}

#property_search label{
	float: left;
	width: 40%;
	padding-bottom: 10px;
	padding-top: 5px;
}

#property_search input[type="text"], #property_search select{
	padding: 4px;
	background: #F6F6F6;
	border: 1px #CCC solid;
	width: 58%;
}

#property_search select.small{
	width: 26%;
}

#property_search label.checkbox{
	width: 50%;
	padding-bottom: 0;
}

.size_full button.button{
	margin-top: 138px;
}

.size_ button.button{
	margin-top: 10px;
}

#property_search .su-tabs-nav span.su-tabs-current{
	color: #883b65;
	text-decoration: underline;
}


/* Property Listings
------------------------------------------------------------------------------------------------ */

.proptitile{
	width: 50%;
}

.page-nav{
	background: #F6F6F6;
	border: 1px #EEE solid;
	overflow: hidden;
	padding: 5px;
}

.page-order{
	width: 20%;
	float: left;
}

.page-order select{
	padding: 2%;
	width: 96%;
}

.page-search{
	width: 20%;
	float: left;
}

.page-search input{
	padding: 2%;
	width: 96%;
}

.page-pages{
	width: 50%;
	float: right;
	text-align: right;
}

.page-pages br{
	display: none;
}

.page-pages a{ 
	padding: 5px;
	display: inline-block;
	margin-right: 
}

.page-details{
	padding: 5px;
	height: 15px;
}

#property_latest_listings{
	background: #f4f4f4;
	border: 1px #CCC solid;
	padding: 10px;
	position: relative;
	 min-height: 500px;
}

#property_latest_listings h2{
	font-size: 28px;
	color: #149386;
	margin-top: 5px;
	border-bottom: 0;
}

#property_latest_listings span.all{
	font-size: 14px;
	color: #666;
	position: absolute;
	top: 28px;
	right: 12px;
}

article.property{
	overflow: hidden;
	background: #f4f4f4;
	padding: 20px;
	position: relative;
}

#property_latest_listings article.property{
	background: transparent;
	padding: 0;
}

article.property figure{
	width: 25%;
	float: left;
	position: relative;
}

article.property figure p{
	margin: 0;
	padding: 0;
}

#property_latest_listings article.property figure{
	width: 30%;
}

#property_latest_listings article.property figure p{
	margin: 0;
	padding: 0;
}

article.property figure img{
	width: 100%;
	height: auto;
}

#images{
	position: relative;
}

article.property figure span.prop_status, #images span.prop_status{
	background: #feb92e;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	position: absolute;
	bottom: 10px;
	left: 0;
}

#property_latest_listings article.property figure span.prop_status{
	font-size: 12px;
	padding: 0 5px;
	bottom: 10px;
}

#images span.prop_status{
	font-size: 20px;
	padding: 10px;
}

article.property figure i, article.property small i{
	color: #149386;
}

article.property h4{
	color: #149386;
}

article.property .propertycontent{
	width: 70%;
	float: right;
}

#property_latest_listings article.property .propertycontent{
	width: 65%;
}

blockquote{
	padding: 0 10px;
	border-left: 3px #fbb940 solid;
}

blockquote h4{
	text-transform: uppercase;
	color: #149386;
}

#content h3.price{
	color: #149386;
	font-size: 30px;
}

#content article.property .propertycontent h3{
	color: #149386;
	margin: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
}

#content #property_latest_listings article.property .propertycontent h3{
	position: relative;
	top: auto;
	right: auto;
	font-size: 18px;
}

#content article.property .propertycontent p{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 7px;
}

#content article.property .propertycontent p strong{
	font-size: 14px;
}

#content #property_latest_listings article.property .propertycontent p{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

#content #property_latest_listings article.property .propertycontent p strong{
	font-size: 12px;
}

#content article.property .propertycontent hr{
	margin: 4px 0;
}

#content article.property .propertycontent ul{
	font-size: 14px;
	line-height: 24px;
	width: 85%;
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
}

#content #property_latest_listings article.property .propertycontent ul{
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	-webkit-column-count:0; /* Chrome, Safari, Opera */
	-moz-column-count:0; /* Firefox */
	column-count:0;
}

#content article.property .propertycontent ul li{
	margin-bottom: 0;
	clear: both;
	break-inside: avoid-column;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	
}

#content  article.property .propertycontent ul li:before{
	font-size: 12px;
	height: 25px;
	margin-bottom: 5px;
}

#content article.property .button{
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 14px;
}

#content #property_latest_listings article.property .button{
	position: relative;
	bottom: auto;
	right: auto;
}

.propertythumb{
	width: 114px; margin-right: 5px; margin-top: 5px;
	cursor: pointer;
}

.entry-content .wpcf7{
	background: none repeat scroll 0 0 #F4F4F4;
	border: 1px solid #CCCCCC;
	padding: 10px;
	position: relative;
}

.entry-content .wpcf7 input[type="text"], .entry-content .wpcf7 input[type="email"], .entry-content .wpcf7 textarea{
	width: 96%;
	padding: 2%;
}

.entry-content .wpcf7 input[type="submit"]{
	background: none repeat scroll 0 0 #149386;
	border: medium none;
	color: #FFFFFF !important;
	font-weight: bold;
	padding: 5px 10px;
}

.su-tabs-pane table{
	margin-bottom: 15px;
}

.su-tabs-pane i.fa{
	color: #34a39a;
	font-weight: bold;
}

.contacttabs .su-tabs-nav span{
	font-size: 20px;
	color: #34a39a;
}

/* Blog
------------------------------------------------------------------------------------------------ */

.inner .blog{
	width: 70%;
	float: left;
}

.rightcolumn{
	width: 25%;
	float: right;
}

article.news{
	overflow: hidden;
	background: #f4f4f4;
	padding: 20px;
	position: relative;
}

article.news figure{
	width: 25%;
	float: left;
}

article.news figure img{
	width: 100%;
	height: auto;
}

article.news figure i, article.news small i{
	color: #149386;
}

article.news date{
	font-size: 12px;
	color: #999;
}

article.news h3 a{
	color: #149386;
}

article.news .newscontent{
	width: 70%;
	float: right;
}

article.type-post figure img{
	width: 100%;
	height: auto;
}


/* Footer
------------------------------------------------------------------------------------------------- */

#footerbar{
	background: #2e3e4d;
	padding: 5px 0;
	overflow: hidden;
	color: #fbb940;
	text-align: center;
}

#footerbar p{
	font-size: 20px;
	margin: 0;
	padding: 4px 10px;
	font-weight: bold;
	display: inline-block;
}

#footerbar p.buttonp{
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#footerbar strong{
	color: #FFFFFF;
}

#footerbar .button{
	display: inline-block;
}


footer.main{
	background: #EEEEEE;
	padding: 10px 0;
	color: #666666;
	overflow: hidden;
}

footer.main .footercol{
	width: 22%;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
}

footer.main .footercol.double{
	width: 46%;
	float: left;
	margin-right: 0;
}

footer.main .footercol h3{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

footer.main .footercol p{
	font-size: 15px;
	margin-bottom: 3px;
	padding: 0;
}

footer.main .footercol strong{
	font-weight: normal;
	width: 100px;
	display: inline-block;
}

footer.main .footercol em, footer.main .footercol a{
	color: #149386;
	font-style: normal;
	margin-right: 5px;
}

footer.main .footercol i{
	color: #149386;
	font-weight: bold;
	margin-right: 5px;
}

.footercol input[type="text"], .footercol input[type="email"]{
	width: 50%;
	padding: 4px;
}

.footercol input[type="submit"]{
	background: none repeat scroll 0 0 #149386;
	border: medium none;
	color: #FFFFFF !important;
	font-weight: bold;
	padding: 5px 10px;
}

.copyright{
	padding: 10px 0;
	border-top: 1px #DDD solid;
	color: #666;
	clear: both;
	margin-top: 10px;
}

.copyright p{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 12px;
}

/* Helper Styles  */	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}
	
em { 
	font-style: italic;
}

.button{
	padding: 5px 10px;
	background: #149386;
	font-weight: bold;
	color: #FFF!important;
	text-transform: normal;
	border: none;
}

#c4b {
    background: url("../img/C4B.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 50px;
    margin-top: -48px;
    text-indent: -30000px;
    width: 98px;
}


@media only screen and (max-width: 768px) {
	#seo .inner h1{ display: none; }
	#property_search{ position: relative; background: #EEEEEE; top: 0; width: 100%; padding: 0; margin-top: -20px; }
	#property_search .su-tabs-panes { display: none; }
	#property_search .su-tabs-nav:before { content: 'Property Search: '; font-size: 16px; padding: 0 10px; }
	#property_search.home:hover .su-tabs-panes { display: block; position: absolute; width: 100%; }
	#property_search.home p{ display: none;}
	#property_search.full:hover .su-tabs-panes { display: block; position: relative; width: 100%; }
	#property_search .su-tabs{ margin: 0; }
	#property_search.full .su-tabs{ padding-bottom: -15px; }
	#property_search legend{ margin-bottom: 10px!important; }
	#property_search fieldset{ border-right: 0!important;  padding-right: 0!important; }
	.size_full button.button{ margin-top: 10px; }
	#property_search legend{ position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 22px; }
	#property_search fieldset{ margin-top: 10px; }
	#property_latest_listings{ width: 91%; }
	#dellar_main_areas{ overflow: hidden; }
	footer.main .footercol, footer.main .footercol.double{ width: 96%; margin: 10px 2%; border-bottom: 1px #CCC solid; }
	footer.main .footercol.double{ border-bottom: none; }
	#footerbar{ text-align: center; padding: 10px 0 18px 0; line-height: 26px;  }
	#footerbar p{ float: none; }
	#footerbar .button{ float: none; margin: 10px auto;  }
	.su-gmap iframe{ width: 100%!important; }
	#content article.property .propertycontent h3{ position: relative; top: auto; right: 0; margin-bottom: 5px;}
	article.property figure, article.property .propertycontent{ margin-bottom: 10px; width: 100%; float: none; }
	.proptitile{ width: 100%; }
	
}

@media only screen and (max-width: 745px) {
	.su-row .su-column{ margin: 10px 0!important; }
}

@media only screen and (max-width: 668px) {
	#post-2 .entry-content > p > img{ height: auto; width: 160%; }
	#dellar_main_areas ul li{ width: 48.6%; }
	#dellar_main_areas ul li.buying{ margin-right: 0; }
	header.main hgroup.inner h2, header.main hgroup.inner h2 a{ width: 270px; height: 75px; }
	header.main hgroup.inner h2 a{ background-size: 270px 75px; margin-top: 16px; }
	.inner .blog, .rightcolumn { float: none; width: 100%; }
	.rightcolumn { margin-top: 10px; border-top: 1px #CCC solid; padding-top: 10px; }
	#your-estate-agent{ width: 200px; height: auto;}
	
}


@media only screen and (max-width: 568px) {
	nav#access ul li a{ font-size: 15px; padding: 5px 8px; }
	nav#access i{ font-size: 26px; margin: 5px 5px 5px 6px; }
	#header-contact2{ font-size: 0.8em; }
	#header-contact2 p strong{ font-size: 20px; }
	header.main hgroup.inner h2, header.main hgroup.inner h2 a{ width: 160px; height: 92px; }
	header.main hgroup.inner h2 a{ background-size: 160px 92px; margin-top: 8px; background-image: url(../img/logo-mobile.jpg); }
	#your-estate-agent{ width: 180px; height: auto; margin-right: 0;}
	header.main hgroup.inner h2, header.main hgroup.inner h2 a{ margin-left: 3px; }
	#header-contact2{ margin-right: 6px; }
	#content article.property .propertycontent ul{ width: 100%; }
	.propertythumb{ width: 32%; margin-right: 1.3%; }
}


@media only screen and (max-width: 468px){
	nav#access ul li a{ font-size: 14px;  padding: 5px 6px; }
	#your-estate-agent{ width: 160px; height: auto;}
}


#main span.Text{
	padding: 20px 0 0;
	display: block;
}

#main .ResultsAddressBar, #main .ResultsRoomsTable, #main .ResultsPropertyTable{
	background: #F6F6F6;
}

#main .ResultsAddressBar tr .ResultsAddress{
	font-size: 18px;
	line-height: 50px;
	margin-bottom: 7px;
	padding-left: 42%;
}

#main .ResultsPrice{
	font-size: 30px;
	color: #149386;
	line-height: 50px;
	margin-bottom: 7px;
}

#main .ResultsRoomsTable{
	position: absolute;
	margin-left: 30%;
}

#main .ResultsPropertyTable .ResultsDescriptionDataCell{
	padding-top: 30px;
}

#main .ResultsMainImage{
	margin-top: -20px;
}

.ResultsPropertyTable .Resultsrooms{
	padding-bottom: 40px;
	display: block;
}

.ResultsBar .ResultsBar{
	margin-left: -97px;
	margin-top: -58x;
	position: absolute;
	text-align: right;
}