﻿body {background-color: #e7eff4; background-repeat: no-repeat; background-position: center top; color: #333; margin: 0; padding: 0; font: 1em/1.4em "Arial", Lucida, Verdana, sans-serif;}
a img {border: none;}
h1, h2, h3, h4 {margin: 0; padding: 0;}
hr {border: 0; height: 1px; border-top: 1px solid #0358A5; clear: both;}
a {color: #333;}


.backdefault {background-image: url(images/background-default.gif);}
.backcontent {background-image: url(images/background.gif);}

#frame {width: 960px; margin: 0 auto 0 auto; font-size: 0.8em;}

/* HEADER AREA */

#header {height: /*196px;*/ 198px; margin: 0px;}

.lang {position: relative; top: 60px; left: 190px; /*background-color: Yellow;*/ margin: 0px; width: 60px;}

.logo {float: left; margin: 100px 0 0 15px; }
.headsearch form {margin: 0px; padding: 0px; }

.headtel {font-size:19px; font-weight: normal; color: #fff; float: right; text-align: right; margin: 20px 0 3px 0; padding-bottom: 15px;}
.headtel a, .headtel a:hover {color: #fff; text-decoration: none;}
.headtel span {margin-left: 30px;}

.flags {float: left; margin: 15px 0 0 40px;}

.headsearch {background-repeat: no-repeat; background-image: url(images/headsearch-empty.png); width: 663px; height: 141px;  /*position: relative; top: 10px;*/ margin: 0px 0 0 0; color: #fff; float: right; }
.headsearch h1 {font-size: 18px; font-weight: normal; margin: 0 0 0 120px; padding: 10px 0 0 0; }
.headsearch table {margin: 0 0 0 120px; padding: 0px;}
.headsearch p {margin: 0 0 0 120px;}
.headsearch a {color: #fff;}
.headsearch select {width: 145px;}

/* NAVIGATION AREA */

#nav {height: 55px; float: right;  margin: 0px; padding: 0px; /*position: relative; top: 5px;*/ }
#nav ul {margin: 0px 0 0 0; padding: 0;}
#nav li {float: left; list-style: none; padding: 0 14px 0 14px; border-left: 1px solid #fff;}
#nav li a {color: #fff; text-decoration: none;}
#nav li a:hover {text-decoration: underline;}

/* 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: #e47825;}
#news a {color: #333;}
#news a:hover {text-decoration: none;}

/* CONTENT PAGE */

#holder {background-image: url(images/back.gif); background-repeat: repeat-y; margin-left: 20px; float: left;}

#content {width: 620px; float: left; padding: 0px 20px 20px 20px;}
#content p a, #content li a, #content td a {color: #e47825;}
#content h1 {color: #0358A5; font-size: 28px; margin: 0 0 20px 0;}
#content h2 {color: #E47826; font-size: 21px; margin: 0 0 20px 0;}
#content h3 {color: #0358A5; font-size: 18px; margin: 0 0 20px 0;}
#content table {margin-bottom: 20px;}

#sidebar {width: 240px; padding: 0px 20px 20px 20px; float: left; color: #333;}
#sidebar span img {margin: 0 10px 0 0;}
#sidebar h2 {color: #E47826; font-size: 21px; 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 #ccc;}
#sidebar li a {color: #333;}
#sidebar li a:hover {text-decoration: none;}

/* RESULTS PAGE */

.results {border-top: 1px solid #0358A5; /*border-bottom: 1px solid #0358A5;*/ padding: 20px 0 20px 0; margin-bottom: 10px; height: 160px;}
.results h3  {font-size: 18px; color: #0358A5; margin: 0 0 10px 0;}
.results h4 {font-size: 13px; color: #E47826;}
.thumb {width:211px; height:158px; margin-right: 20px;}
.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;}

.results h3 a {font-size: 18px; color: #0358A5; margin: 0 0 10px 0; text-decoration: none;}
.results h4 a {font-size: 13px; color: #E47826; text-decoration: none;}


/* FOOTER AREA */


#footer {background-color: #699BC9; clear: both; padding: 20px 20px 10px 20px; width: 900px; margin: 0 0 20px 20px; color: #fff; background-repeat: no-repeat; background-image: url(images/footer.gif); background-position: bottom;}
#footer h2 {margin: 10px 0 10px 0; padding: 0; font-size: 16px;}
#footer td {font-size: 14px;}
#footer a {color: #fff; text-decoration: none;}
#footer p a {text-decoration: underline;}
.marleft {margin-left: 30px;}

/* OTHER SHIIIIII */

.right {float: right;}
.left {float: left;}
.picright {float: right; margin: 0 0 0 20px; border: 2px solid #E47826;}
.picleft {float: left; margin: 0 20px 0 0;}
.orange {color: #E47826;}
.bigorange {color: #E47826; font-weight: bold; font-size: 21px;}
.blue {color: #0358A5;}
.price {font-size: 30px; color: #0358A5;}
/*.thumb {margin: 0 0 0 7px;}*/


.pagenav a {float: left; display: block; background-color: #0358A5; margin: 0px 2px 0px 2px; padding: 0px 4px 0px 4px; font-size:11px; color:#fff; text-decoration: none;}
.pagenav a:hover, #linkoff {background-color:#699BC9;}


.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;}
