﻿body {margin: 0; padding: 0; color: #333; font-family: Arial; font-size: 12px; background: url(images/background.png) center 0 repeat-y;}

/*#homeback {background: url(images/back-home.jpg); background-repeat: repeat-x;background-color:#000;}*/

img {border: none;}
hr {border: 0; border-bottom: 1px solid #f0f0f0; height: 1px; margin: 20px 0;}

#frame {width: 960px; margin: 0 auto; /*background-color:#fff;*/}

#head {background-color: #1678c1; padding: 20px; height: 110px;}
.logo {margin-right: 50px;}

.headtel {display: none;}

.flags {float: right;position:relative;top:160px;margin-right:10px; }
.flags a img {width:20px;height:20px;}


#nav {clear: both; background-color: #10609b; height: 33px; /*margin: 1px 0;*/position:absolute; top:261px; width: 960px;}
#nav ul {margin: 0; padding: 0;}
#nav li {list-style: none; float: left; line-height: 33px; text-align: center; font-weight: normal;}
#nav li a {color: #fff; /*font-weight: bold;*/ text-decoration: none; font-size: 12px; padding: 0 11px; border-right: 1px solid #fff;}
#nav li a:hover {color: #c2cd23;}
.on {color: #C2CD23 !important;}

.bordless {border-right: none !important;}

#crumbs {padding: 10px 20px; color: #fff; background-color: #C2CD23; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#crumbs a {color: #fff; /*text-decoration: none;*/}

#home {padding: 20px 0 20px 0;}

#leftcol {width: 480px; float: left; margin: 0px 20px 0 0; }
#leftcol h2 {margin: 0; padding: 0 0 10px 0; /*border-bottom: 1px solid #f0f0f0;*/ font-weight:bold; color: #024b81; font-size: 20px;}

.boxy {width: 440px; padding: 20px 20px 0 20px;-moz-border-radius: 10px; border-radius: 10px; background-color: #f4f4f4; margin-bottom: 20px;}
.boxy p {text-align:justify !important; }
.boxy a {color:#1678C1; text-decoration: none;}

.featuredprop {width: 220px; float: left; /*margin-top: 10px;*/}
.featuredprop ul {margin: 10px 0 20px 0; padding: 0;}
.featuredprop li {margin: 0; padding: 0; list-style: none; line-height: 21px;}
.featuredprop img {width:200px; height:150px; padding: 3px; border: 1px solid #f0f0f0; background-color: #fff;}
.featuredprop a {color: #1678c1; font-size: 11px; text-decoration: none;}
.featuredprop a .butt {color: #fff !important;}

.featuredprop table {width:200px;}
.featuredprop td {vertical-align:top;}

.propbutt2 {background: url(images/propbutt2.png) no-repeat 0 0; width: 79px; height: 23px; line-height: 23px; display: block; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold; margin-bottom: 20px;}

.propbutt {background: url(images/propbutt.png) no-repeat 0 0; width: 113px; height: 33px; line-height: 30px; display: block; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold; margin-bottom: 20px;}

#rightcol {width: 420px; float: left; margin-bottom: 20px; /*-moz-border-radius: 10px; border-radius: 10px; padding: 20px;*/}


.intro {width: 420px;float: left; background-color: #f4f4f4; -moz-border-radius: 10px; border-radius: 10px; padding: 20px;margin-bottom:20px;}
.intro h2 {margin: 0 0 0 0; padding: 0 0 10px 0; /*border-bottom: 1px solid #f0f0f0;*/ font-weight:bold; color: #024b81; font-size: 17px;}
.intro h2 a {color: #024b81;text-decoration:none;font-size: 17px;}
.intro p{text-align:justify; }
.intro img  {margin: 0px 0px 0px 20px;}


.proplinks, .proplinks-alt {width: 420px;float: left; background-color: #f0f8fe; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin-bottom: 20px;}
.proplinks h2, .proplinks-alt h2, .proplist h2 {margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; font-weight:bold; color: #024b81; font-size: 20px;}
.proplinks ul, .proplinks-alt ul, .proplist ul {margin: 20px 0 0 0; padding: 0;}
.proplinks li, .proplist ul {/*list-style-image: url(images/tag-tiny.png); */ list-style: none; line-height: 20px; margin: 0; padding: 0;}
.proplinks a, .proplinks-alt a, .proplist a {color: #1678c1;}

.proplinks-alt li {line-height: 20px; list-style: none;}

.proplist {width: 240px;float: left; background-color: #f8f8f8; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin-bottom: 20px;}


#sidebar .proplist h2 {border-bottom: 1px solid #f0f0f0;}






.headsearch {width: 380px; position:relative; top:-190px; left:410px; color: #fff; /*padding: 20px; background-color: #1678c1;*/ margin-bottom: 20px;/*-moz-border-radius: 10px; border-radius: 10px;*/ text-shadow: 0.1em 0.1em 0.1em black; font-weight:bold;}
.headsearch h1 {font-size: 20px; margin: 0 0 10px 0; padding: 0; color: #C2CD23;}
.headsearch p {margin: 25px 0 0 0; padding: 0;}
.headsearch a {color: #fff;}


#links {color: #fff;clear: both; background-color: #1678c1; /*background-color: #f0f0f0;*/ height: 300px; padding: 20px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; width:920px; margin: 0 auto 0 auto;}

.contact {float: left; width: 310px;}
.contact h2 {margin: 0 0 10px 0; padding: 0; font-size: 18px;  color: #fff; color/*: #1678c1;*/}
.contact p {line-height: 21px;}
.contact a {color: #fff; /* color: #1678c1;*/ text-decoration: none;}

.linkset {float: left; margin: 0 0 0 40px; width: 300px;}
.linkset h2 {margin: 0 0 10px 0; padding: 0; font-size: 14px;  color: #fff; /*color: #C2CD23;*/}
.linkset ul {margin: 0; padding: 0;}
.linkset li {margin: 0; padding: 0; list-style: none; line-height: 24px;}
.linkset li a, .intro a { color: #fff; /*color: #1678c1; text-decoration: none;*/}

#premiere {float: left; width: 160px; background-color: #ccc; padding: 10px;}

#copyright {background-color: #C2CD23; /*background-color: #1678c1;*/ padding: 20px 20px; width:920px; margin: 0 auto 0 auto;}
#copyright p {margin: 0; padding: 0; color: #fff;}
#copyright table{float: right; margin-top: -5px;}
#copyright a {color: #fff; text-decoration: none;}

.green {color: #C2CD23 !important;}
.blue {color: #1678c1 !important;}
.red {color: Red !important;}
.office {float: right; margin: 10px 0 0 20px;}

/*.butt {background: url(images/butt.png) no-repeat 0 0; width: 166px; height: 31px; line-height: 28px; display: block; color: #fff; text-align: center; text-decoration: none; font-weight: bold; float:left;}*/

.butt {float: right;}

.results a {color: #000; text-decoration: none; font-weight: bold;}
.results a:hover {color: Red; text-decoration: underline;}


.letus {width: 480px;float: left; color: #fff; background-color: #C2CD23; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 20px;}
.letus img {float: right; margin-top: 10px;}
.letus h2 {margin: 20px 0 0 20px !important; padding: 0 0 10px 0 !important; font-weight:bold;  font-size: 20px; float: left; width: 250px; color: #024b81;}
.letus p {margin: 0 0 20px 20px; font-size: 13px; font-weight: bold; color: #fff;text-align:justify; width:260px;}
.letus a {color: #1678c1; text-decoration: none;}

.letusbutt {background: url(images/letus-butt.png) no-repeat 0 0; width: 149px; height: 33px; line-height: 30px; display: block; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold; margin-left: 20px; margin-top: -10px;}

.introbutt {background: url(images/letus-butt.png) no-repeat 0 0; width: 149px; height: 33px; line-height: 30px; display: block; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold;}


.list {float: left; width: 200px;}
.list ul {margin: 0 0 20px 0; padding: 0;}
.list li {list-style: none; margin: 0; padding: 0;line-height: 18px;}


.margleft {margin-left: 20px;}

/* OLD SHHIIIIII */




/* DEFAULT PAGE */

#featured {width: 620px; height: 323px; float: left; padding: 0 20px 0 20px; margin: 0 0 0 20px; color: #fff;}
.mainfeat h2 {margin: 0px 0 0px 0; padding: 0; font-size: 18px; float: left;}
#featured img {margin-top: 5px;}
#featured h3 {margin: 0 0 0 0; padding: 0; font-size: 16px;}
#featured a {color: #fff; text-decoration: none;}
.mainfeat {width: 282px; float: left; margin-right: 20px; }
.mainfeat img {width: 278px; height: 208px;}
.secondary {width: 310px; height: 75px; float: left;  }
.secondary img {float:left; width: 75px; height: 58px;}
.secondary h2 {margin: 0px; padding: 0; font-size: 14px;}
.secondary p {margin: 0px;}
.bordimg {border: 2px solid #fff;margin: 0 15px 0 0;}
.butt {/*margin-top: 15px;*/}



#aboutus {width: 240px; padding: 0 20px 0px 20px; float: left; color: #fff;}
#aboutus h2 {margin: 10px 0 0 0; padding: 0; font-size: 18px;}
#aboutus a {color: #fff; text-decoration: none;}
#aboutus a:hover {text-decoration: underline;}


#services {height: 390px; width: 620px; float: left; margin: 0 0 0 20px; padding: 20px 20px 0px 20px; background-color: #fff; background-repeat: no-repeat; background-image: url(images/services-corner.gif);}
#services h2 {margin: 10px 0 20px 0; padding: 0; font-size: 16px;}
#services div {float: left; width: 175px;}

.servicemarg {margin: 0 40px 0 40px;}

#news {height: 390px; width: 240px; padding: 20px 20px 0px 20px; float: left; color: #333; background-color: #e8e7e6; background-repeat: no-repeat; background-image: url(images/news-corner.gif); background-position: right top;}
#news h2 {margin: 10px 0 20px 0; padding: 0; font-size: 18px;}
#news ul {margin: 0 0 0 20px; padding: 0;}
#news li {list-style-position: outside; margin: 10px 0 10px 0; color: #1678c1;}
#news a {color: #333;}
#news a:hover {text-decoration: none;}

/* CONTENT PAGE */

#holder {background-image: url(images/back.gif); background-repeat: repeat-y; float: left;}

#content {width: 620px; float: left; padding: 20px 40px 20px 20px;}
#content p {text-align: justify; line-height: 18px;}
#content p a, #content li a, #content td a {color: #1678c1;}
#content h1 {color: #024b81; font-size: 28px; margin: 0 0 20px 0;}
#content h2 {color: #333; font-size: 18px; margin: 0 0 20px 0;}
#content h3 {color: #024b81; font-size: 16px; margin: 0 0 20px 0;}
#content table {margin-bottom: 20px;}

#sidebar {width: 240px; margin: 20px 0; padding: 0 20px 20px 20px; float: left; color: #333; background-color: #f8f8f8; -moz-border-radius: 10px; border-radius: 10px;}
#sidebar span img {margin: 20px 10px 0 0;}
#sidebar h2 {/*color: #c2cd23; font-size: 18px; margin: 20px 0 20px 0;*/}
#sidebar ul {margin: 0 0 40px 0; padding: 0;/* border-top: 1px solid #ccc;*/}
#sidebar li {list-style: none; padding: 6px 0 6px 0; border-bottom: 1px solid #f0f0f0;}
#sidebar li a {color: #1678c1;}
#sidebar li a:hover {text-decoration: none;}


/* RESULTS PAGE */

.results {border-top: 1px solid #ccc; /*border-bottom: 1px solid #1678c1;*/ padding: 20px 0 20px 0; margin-bottom: 10px; height: 180px;}
.results h3  {font-size: 18px; color: #1678c1; margin: 0px !important; padding:0px;}
.results h4 {font-size: 13px; color: #000 !important;}
.results h4 table {margin-top: -6px;}

.detailsthumb {width:75px; height:75px; margin-right: 20px;}
.main {width:400px; height:300px; margin: 0px 10px 20px 0px; float: left;}
.mainmini {width:68px; height:51px; margin: 0px 10px 10px 0px; float: left;}
#prop {margin:0px;/*width:300px;*/}
#prop td {padding:0px;}


#prop h3 a {font-size: 18px; color: red; margin: 0 0 0px 0; text-decoration: none;}
.results h4 a {font-size: 13px; color: #000; text-decoration: none; margin:0px;}
.results h4 span {color: #1678c1;}

.thumb {width:239px; height:179px; margin: 0 5px 5px 0; padding: 3px; border: 1px solid #f0f0f0;}
.mini {width: 85px !important; height: 64px !important;}

/* OTHER SHIIIIII */

.right {float: right;}
.left {float: left;}
.picright {float: right; margin: 0 0 0 20px; border: 2px solid #c2cd23;}
.picleft {float: left; margin: 0 20px 0 0;}
.orange {color: #c2cd23;}
.bigorange {color: #c2cd23; font-weight: bold; font-size: 21px;}
.blue {color: #1678c1;}
.price {font-size: 26px; color: #1678c1; text-align:center;}
/*.thumb {margin: 0 0 0 7px;}*/


.pagenav a {float: left; display: block; background-color: #1678c1; -moz-border-radius: 5px; border-radius: 5px; margin:5px; padding: 5px 10px; color:#fff; text-decoration: none; font-weight: bold;}
.pagenav a:hover, #linkoff {background-color:#C2CD23;}


.features {float: left; background-color: #fff; width: 280px; padding: 10px; margin-right: 10px; float: left;}
.features ul {padding: 0px;}
.features li {line-height: 30px; list-style-type: square; color:#699BC9; }
.features td {padding: 3px;} 
.features img {float: right;}
.feat {margin-top: 10px;}

#frmquick {width: 250px;}
#frmquick td {vertical-align: top; padding: 2px;}
#frmquick td img {vertical-align: top;}
.formfield {width: 230px;}

.reslinken {width: 168px; height:34px; background-image: url(images/butt-more-info-en.gif); background-position: top; display: block; float: left;}
.reslinken:hover {background-position: bottom;}

.reslinkes {width: 168px; height:34px; background-image: url(images/butt-more-info-es.gif); background-position: top; display: block; float: left;}
.reslinkes:hover {background-position: bottom;}

.buttlinken {width: 183px; height:32px; background-image: url(images/butt-view-more-props-en.gif); background-position: top; display: block; float: left;}
.buttlinken:hover {background-position: bottom;}

.buttlinkes {width: 183px; height:32px; background-image: url(images/butt-view-more-props-es.gif); background-position: top; display: block; float: left;}
.buttlinkes:hover {background-position: bottom;}

.buttsearchlinken {width: 183px; height:32px; background-image: url(images/butt-search-props-en.gif); background-position: top; display: block; float: left;}
.buttsearchlinken:hover {background-position: bottom;}

.buttsearchlinkes {width: 183px; height:32px; background-image: url(images/butt-search-props-es.gif); background-position: top; display: block; float: left;}
.buttsearchlinkes:hover {background-position: bottom;}

#searchform td {vertical-align: top; /*font-weight: bold;*/}
#searchform h3 {margin-top: 20px;}
#searchform select {width: 430px;}
.fieldwidth {width: 430px;}
.tdwidth {width: 150px;}

.popup {padding: 20px;}
.popup #content  {width: 380px;}
.popup #content p {font-size: 13px;}
.popup a, .popup td {font-size: 12px; color: #222;}



.feedb {position:fixed; left:0px; top:250px;}
.feedb a img {padding-bottom:5px;}
.feedb a:hover{padding-left:5px;}
.feedb .lng {margin-left:-5px;}


/*#footer {background: url(images/back-footer.jpg); background-repeat: repeat-x;float:left; width:100%;}*/

.icons {margin:20px;}
#socialeyes {width: 620px;}
#socialeyes a {text-decoration:none; margin:0px 0px 0px 10px;padding-left:10px;}
.socr{text-align:right;}

 
.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
} 

#artlist li {margin: 5px 0px;}






/* LANDING PAGE STUFF */

#landing #crumbs ul {margin: 0; padding: 0;}
#landing #crumbs li {margin: 0; padding: 0; float: left; list-style: none; font-weight: bold; text-transform: uppercase; margin: 0 20px;}
#landing #crumbs li a {text-decoration: none;}

#landing h1 {font-family: Times New Roman; font-size: 50px; color: #1A78BE; font-weight: normal; text-align: center;}

.landleft {width: 310px; float: left; margin: 0 0 20px 0; /*background-color: Red;*/}
.landleft h2 {color: #1A78BE;}
.landleft .intro {background-color: #EDEDED; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; margin-bottom: 20px;}
.landleft .blog {background-color: #EDEDED; -moz-border-radius: 10px; border-radius: 10px; padding: 15px;}
.landleft .blog ul {margin: 0; padding: 0;}
.landleft .blog li {list-style: none; margin: 0; padding: 0 0 10px 0;}
.landleft .blog li a {color: #0D619C;}

.landright {width: 620px; float: left; margin: 0 0 20px 30px;  /*background-color: yellow;*/ }
.landright h2 {background-color: #1A78BE; color: #fff; margin: 0; padding: 10px; font-size: 20px; -moz-border-radius: 10px; border-radius: 10px;}
.landright td {font-size: 12px !important;}
.landright .butt {margin-top: 20px;}
.landright h3 a {color: #1A78BE; text-decoration: none;}



.socialmedia {margin: 10px 0 0 200px !important; float: left;}
.socialmedia td {padding: 0 10px 10px 0; font-size: 14px;}
.socialmedia a {color: #fff;}

.kindle {height: 145px;}
.kindle img {float: right;}

.keyhole {float: right;}

.money {color: #1A78BE; font-weight: bold; text-align: right;}

#proptypelist li {float: left; margin: 0 15px 0 0;}

.enquire {background-color: #1678C1;-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; color: #fff; margin: 20px 0 0 0;}
.enquire h2 {font-size: 22px; margin: 0; padding: 0;}
#frmquick .formfield {width: 200px !important;}
#frmquick {margin-top: 20px;}

.arrows {float: right; margin: -13px 0 0 0;}

.searchbyzone {background-color: #1678C1;-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; color: #fff; margin: 20px 0 0 0; width: 100%; height: 40px; text-align: center;}
.searchbyzone a {color: white; font-size: 2em; text-decoration: none;}
