/* {border:1px solid red} */
/* RESET ALL  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3 {font-size:100%;font-weight:normal;}
img {border:0}

/* STANDART ELEMENTS  */
html{
font-size:100%;
min-height:101%;
}
body {
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#0F0F0F;
}
h1,h2,h3 {
color: #0F0F0F;
}
h1 {
font-size: 1.8em; 
}
h2 {
font-size: 1.8em; 
margin: 1.6em 0 0.8em 0;
}
h3 {
font-size:1.5em; 
margin: 1.2em 0 0.6em 0;
font-weight:bold
}
p {
font-size:1.2em;
line-height:1.6em;
margin-bottom: 0.8em;
}
a {
color:#0192D1;
text-decoration:underline
}
a:hover {
color:#0F0F0F;
text-decoration:none;
}
input, select, textarea {
border:1px solid #BDBDBD;
padding:0.2em;
font-family:Arial, Helvetica, sans-serif;
}
select {
padding:0.1em;
font-size:12px;
border:1px solid #BDBDBD;
}
/* STRUCTURE */
.wrapper {
background-color:#05D3FB;
width:100%;
background-image:url(../images/bg-main.jpg);
background-repeat:repeat-x;
background-position:top;
margin:0 auto;
text-align:center;
}
.holder {
background-image:url(../images/bg-content.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.container {
width:843px;
margin:0 auto;
text-align:left;
}
.page-holder {
background-color:#FFFFFF;
padding-bottom:10px;
}
.page {
margin:0 20px;
}
.content {
min-height:300px;
height:auto !important;
height:300px;
padding:0 10px 10px 10px;
position:relative;
}
.main-content {
padding:0 10px 10px 10px;
}
.main-col {
float:left;
width:554px;
}
.main-sidecol {
float:right;
width:210px;
padding-top:5px;
}
.main-sidecol img {
margin-bottom:10px;
}
.content-col {
float:left;
width:500px;
}
.side-col {
float:right;
width:240px;
padding-top:5px;
font-size:90%
}
.side-col p {
font-size:1.2em;
line-height:1.4em;
margin-bottom: 0.6em;
}
.footer {
width:100%;
background:url(../images/bg-footer.jpg) repeat-x;
text-align:left;
margin:0 auto;
height:474px;
vertical-align:bottom;
position:relative;
}

/* LAYOUTS */
.topbar {
background-color:#32B0E5;
text-align:right;
color:#FFFFFF;
padding:5px 10px;
font-size:1.1em
}
.header {
margin-top:55px
}

/* PAGE ELEMENTS */

.hdr2 {
background-image: url(../images/hdr-about-us.gif);
}
.hdr3 {
background-image: url(../images/hdr-properties.gif);
}
.hdr4 {
background-image: url(../images/hdr-about-kas.gif);
}
.hdr5 {
background-image: url(../images/hdr-mortgage-opportunities.gif);
}
.hdr6 {
background-image: url(../images/hdr-contact-us.gif);
}
.filter {
margin-top:10px;
padding:10px;
}
.filter span {
font-weight:bold;
font-size:1.2em;
margin-right:10px
}
.filter-border {
margin:10px 0 10px 0;
border-bottom: 1px solid #eaeaea;
}
.filter-but {
background: url("../images/button.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
height: 24px;
margin: 0 10px;
overflow: hidden;
text-align: center;
width: 96px;
font-size:12px;
}
/* FOOTER */
.footer-top {
width:100%;
background:url(../images/bg-content-bottom.jpg) repeat-x;
}
.footer-content {
padding:20px;
margin:0 auto;
}
.footer p {
color:#FFFFFF;
font-size:1.1em
}
.footer a:hover {
color:#FFFFFF
}
.footer .img {
text-align:left;
vertical-align:bottom;
position:absolute;
bottom:0
}

/* NAVIGATION */
.navbar {
padding-left:20px
}
.navbar a {
float:left;
height:32px;
display:block;
margin-right:1px;
}
a.navb01 {
width:92px;
background-image:url(../images/but-homepage.gif);
}
a.navb01:hover {
width:92px;
background-image:url(../images/but-homepage-on.gif);
}
a.navb01c {
display:none
}
a.navb02 {
width:82px;
background-image:url(../images/but-about-us.gif);
}
a.navb02:hover, a.navb02c {
width:82px;
background-image:url(../images/but-about-us-on.gif);
}
a.navb03 {
width:87px;
background-image:url(../images/but-properties.gif);
}
a.navb03:hover, a.navb03c {
width:87px;
background-image:url(../images/but-properties-on.gif);
}
a.navb04 {
width:89px;
background-image:url(../images/but-about-kas.gif);
}
a.navb04:hover, a.navb04c {
width:89px;
background-image:url(../images/but-about-kas-on.gif);
}
a.navb05 {
width:181px;
background-image:url(../images/but-mortgage-opportunities.gif);
}
a.navb05:hover, a.navb05c {
width:181px;
background-image:url(../images/but-mortgage-opportunities-on.gif);
}
a.navb06 {
width:92px;
background-image:url(../images/but-contact-us.gif);
}
a.navb06:hover, a.navb06c {
width:92px;
background-image:url(../images/but-contact-us-on.gif);
}
.subnav {
padding:20px 0 0 10px;
background-image:url(../images/show-menu-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.subnav a {
float:left;
height:37px;
display:block;
}
a.subnavb01 {
width:92px;
background-image:url(../images/show-all.jpg);
}
a.subnavb01c {
width:92px;
background-image:url(../images/show-all-on.jpg);
}
a.subnavb02 {
width:108px;
background-image:url(../images/show-villas.jpg);
}
a.subnavb02c {
width:108px;
background-image:url(../images/show-villas-on.jpg);
}
a.subnavb03 {
width:121px;
background-image:url(../images/show-houses.jpg);
}
a.subnavb03c {
width:121px;
background-image:url(../images/show-houses-on.jpg);
}
a.subnavb04 {
width:118px;
background-image:url(../images/show-aparts.jpg);
}
a.subnavb04c {
width:118px;
background-image:url(../images/show-aparts-on.jpg);
}
a.subnavb05 {
width:104px;
background-image:url(../images/show-land.jpg);
}
a.subnavb05c {
width:104px;
background-image:url(../images/show-land-on.jpg);
}
/* MISC */
.lft {
float:left
}
.rght {
float:right
}
.imglft {
float:left;
padding:0 20px 20px 0;
vertical-align:top
}
.imgrght {
float:right;
padding:0 0 20px 20px; 
vertical-align:top
}

/* portfolio */
.main-short-desc {
padding:0 10px;
}
.prop-content {
padding:20px 10px;
}
.prop-list {
margin:0 0 21px 4px;
font-size:90%;
}
.prop-item {
float:left;
width:189px;
text-align:center;
margin:0;
padding:0;
}
.prop-short-desc {
padding:0 10px;
}
.prop-item img {
width:162px;
height:122px;
padding:3px;
margin:0 auto;
border:1px solid #E5E5E5
}
.prop-main img {
padding:3px;
border:1px solid #E5E5E5;
margin-bottom:15px;
width:237px;
}
.prop-gallery {
float:left;
width:245px;
margin-left:15px;
}
.prop-details {
float:left;
width:400px;
margin:20px 0 0 40px;
}
.prop-main-desc {
margin-bottom:30px;
}
.prop-main-desc p {
font-size:1.3em;
line-height:1.2em;
margin-bottom: 0.8em;
}
.prop-desc {
margin-bottom:30px;
}
.prop-main-details {
margin-bottom:30px;
}
.prop-main-details p {
font-size:1.2em;
padding:4px;
margin:0;
}
.main-hdr {
padding:30px 0 10px 0
}
.slide-nav {
float:left;
width:19px;
padding-top:8px
}
/* gallery thumb */
#gallery {
padding:4px;
background-color:#EFEFEF
}
#gallery img {
width:69px;
height:52px; 
border:2px solid #FFFFFF;
margin:2px
}

/* h1 img replacement */
.imgreplace {
position:relative; 
margin:0px; padding:0px; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
} 
.imgreplace span {
display:block; 
position:absolute; 
top:0px; 
left:0px; 
z-index:1;
} 
#about-kas, #about-kas span {
height:195px; 
width:843px; 
background-image: url(../images/splash-about-kas.jpg);
} 
#about-us, #about-us span {
height:195px; 
width:843px; 
background-image: url(../images/splash-about-us.jpg);
} 
#contact-us, #contact-us span {
height:195px; 
width:843px; 
background-image: url(../images/splash-contact-us.jpg);
}
#mortgage, #mortgage span {
height:195px; 
width:843px; 
background-image: url(../images/splash-mortgage.jpg);
} 
#properties, #properties span {
height:195px; 
width:843px; 
background-image: url(../images/splash-properties.jpg);
} 

/* MISC */
.heading {
margin-top:1px;
padding:30px 20px 20px 20px;
font-size:24px; 
letter-spacing:-1px;
font-weight:bold; 
color:#0192D1;
}
.top-nav {
position:absolute;
top:10px;
right:0
}
.details {
padding:8px;
border-top:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
.details2 {
padding:8px;
background-color:#F2F2F2;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
.signature {
padding-top:20px
}
.sold {
font-weight:bold;
color:#FF0000;
}
.zoom {
text-align:right
}

.bannerpd {text-align:center;padding:20px}

/* CLEARFIX */
.clear {clear:both;font-size:0px;line-height:0px;}
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */