@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProBold';
    src: url('fonts/trajanpro-bold-webfont.eot');
    src: url('fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-bold-webfont.woff') format('woff'),
         url('fonts/trajanpro-bold-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCAvantGarde';
    src: url('fonts/itcavantgardestd-bk-webfont.eot');
    src: url('fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-bk-webfont.woff') format('woff'),
         url('fonts/itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-bk-webfont.svg#ITCAvantGardeGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5A5A5A;
	background:url(../imgs/main-bg.jpg) top center repeat-x;
}

img.float-left,object.float-left{ float: left; margin: 0px 10px 0px 0; border: none; } 
img.float-right,object.float-right{ float: right; margin: 0px 0 0px 10px; border: none;}
/*form validation*/            
div#form label.error, label.error { color:red; display:block; font-size:10px; }
div#result{ position: relative; }

#cloud-bg{
	background:url(../imgs/header-clouds-bg.jpg) no-repeat top center;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#container{
	width:1030px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	float:left;
	background:url(../imgs/logo.png) no-repeat;
	width:611px;
	height:129px;
   margin-left: 40px;
	text-indent:-99999px;
	text-transform:uppercase;
}
#call-to-action{
   font-family: 'ITCAvantGarde';
	float:right;
	margin-top:10px;
	margin-right:50px;
   padding-left: 54px;
   height: 94px;
   width: 150px;
   background:url(../imgs/callBackground.png) top left no-repeat;
}

   #call-to-action h2 {
      color: #fff;
      font-size: 17px;
      margin: 8px 0 3px;
      text-shadow: 2px 2px 2px #004181;
   }
   
   #call-to-action h3 {
      color: #5babd7;
      font-size: 12px;
   }

#search-and-flash{
	float:left;
	width:1030px;
	height:auto;
	margin-top:21px;
	margin-left:-5px;
}

#search-property{
	float:left;
	background:url(../imgs/find-your-property.jpg) no-repeat;
	width:361px;
	height:359px;
}
#search-property2{
	float:left;
	background:url(../imgs/find-your-property2.jpg) no-repeat;
	width:361px;
	height:359px;
	margin-bottom:50px;
}
#flash-teaser{
	float:left;
	background:url(../imgs/flash-fader-placeholder.jpg) no-repeat;
	width:669px;
	height:409px;
}
#search-property form{
	padding-left:60px;
}
#search-property2 form{
	padding-left:50px;
}
#search-property form fieldset select, #search-property2 form fieldset select{
	color:#062832;
	background-color:#DEE5EE;
	border:none;
	outline:none;
}
#search-property form fieldset select.long{
	width:275px;
}
#search-property2 form fieldset select.long{
	width:265px;
}
#search-property form fieldset select.short{
	width:130px;
}
#search-property2 form fieldset select.short{
	width:125px;
}
#search-property form fieldset select option, #search-property2 form fieldset select option{
	background-color:#DEE5EE;
}
#search-property form p, #search-property2 form p{
	margin-left:10px;
	color:#FFFFFF;
	font-size:11px;
	margin-top:55px;
}
#forms{
	float:left;
	width:346px;
	height:auto;
	margin-top:-100px;
}
#left-col{
	float:left;
	width:361px;
	height:auto;
}
#contact-form{
	float:left;
	background:url(../imgs/contact-placeholder.jpg) no-repeat;
	width:316px;
	height:223px;
}
#contact-form, #login-form{
	padding-top:65px;
	padding-left:50px;
}
#forms fieldset legend, #search-property form fieldset legend, #search-property2 form fieldset legend{
	display:none;
	height:0;
	text-indent:-99999px;
}
#forms form{
	width:300px;
}
#forms p, #forms a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
#forms a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}
#forms #contact-form input.long{
	margin-top:14px;
	width:265px;
	/*margin-bottom:13px;*/
}
#forms #login-form input.short{
	width:127px;
	margin-top:12px;
	margin-right:17px;
	margin-bottom:-3px;
}
#forms input{
	color:#062832;
	height:26px;
	outline:none;
	border:none;
	background:none;
}
#forms textarea{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#062832;
	width:265px;
	height:65px;
	outline:none;
	border:none;
	background:none;
}
#login-form{
	float:left;
	width:316px;
	background:url(../imgs/login-placeholder.jpg) no-repeat;
	height:104px;
}
#content{
	background:url(../imgs/content-bg.jpg) no-repeat;
	float:left;
	width:602px;
	height:auto;
	padding-left:50px;
}
#content2{
	width:612px;
	float:left;
	height:auto;
	padding-left:10px;
	padding-bottom:20px;
}
#content2 #breadcrumbs, #content2 #breadcrumbs a, #content2 a{
	color:#548eab;
	margin-top:3px;
	margin-bottom:25px;
	text-decoration:none;
}
#content2 #breadcrumbs, #content2 #breadcrumbs a{
	font-size:11px;
}
#content2 a{
	font-size:12px;
}
#content2 #breadcrumbs a:hover, #content2 a:hover{
	text-decoration:underline;
}
#content2 h3#title{
	color:#072074;
	font-size:30px;
	font-weight:normal;
	background:url(../imgs/h3-bg.jpg) no-repeat 0 40px;
	height:70px;
	margin-bottom:-13px;
	clear:both;
}
#content2 h4{
	color:#5997e7;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	border-bottom:1px solid #e8e8e8;
	margin-top:15px;
}
#content2 h5{
    font-weight:normal;
    font-size:16px;
    margin-bottom:5px;
}
#content2 h6{
    font-size:14px;
    margin-bottom:15px;
}
#listing-profile{
    padding:20px 0 20px 0;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}
#listing-profile div.features{
    float:left;
    width:200px;
    height:auto;

}
#listing-profile div.gallery{
    float:right;
    width:382px;
    height:auto;
}
#listing-profile div.features ul li{
    list-style-position:inside;
    list-style-image:url(../images/raquo.jpg);
    margin-bottom:10px;
}
#listing-profile div.gallery ul.thumbs{
    margin-top:5px;
}
#listing-profile div.gallery ul.thumbs li{
    margin-right:5px;
    /*border:1px solid #54534F;
    width:78px;*/
    height:auto;
    display:inline;
    float:left;
}
#social-network{
	margin-top:-100px;
	float:right;
	width:130px;
	height:auto;
}
#social-network img{
	margin:0 5px 0 5px;
}

#content p, #content2 p{
	line-height:20px;
	/*margin-bottom:20px;*/
}
#content2 p.name, #content2 p.sub, #content2 p.address, #content2 p.price, #content2 p.availability{
	color:#383c3d;
	margin-bottom:0;
}
#content2 p.price{
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
}
#content2 p.name{
	font-size:12px;
	font-weight:bold;
}
h2#title{
	color:#383c3d;
	font-size:28px;
	margin-bottom:30px;
}
#featured{
	width:100%;
	color:#b6daf8;
	border-top:6px solid #DCDCDC;
	background:url(../imgs/featured-bg.jpg) #3953B1 repeat-y top center;
	height:auto;
	padding-bottom:20px;
	border-bottom:1px solid #548BD3;
}
#featured-content, #footer-content{
	width:960px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
#featured-content p{
	line-height:18px;
	margin-bottom:20px;
}
#featured-content h3{
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
	border-bottom:1px dotted #b6daf8;
	padding-bottom:10px;
	margin-bottom:5px;
}
#footer{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#283891;
}
#footer p#text{
	font-size:11px;
	color:#A4C3EE;
    float:left;
    width:580px
}
    #footer p#text a{ color: #A4C3EE; text-decoration: none; }
    #footer p#text a:hover{ text-decoration: underline; } 
#contact-details{
	float:left;
	width:329px;
	float:left;
	padding-left:32px;
	height:auto;
	margin-bottom:20px;
}
#contact-details #get-in-touch{

	background:url(../imgs/get-in-touch.jpg) no-repeat;
	height:56px;
	width:300px;
	text-indent:-99999px;
	margin-bottom:-15px;
}
#contact-details p{
	font-size:11px;
	color:#5a5a5a;
	margin-bottom:10px;
}
#contact-details p.place{
	font-weight:bold;
	font-size:12px;
}

/*---------------- NAVIGATION -----------------------*/
#navi-bg{
	float:left;
	width:100%;
	height:46px;
    padding-left: 20px;
}
ul#navigation{
	width:100%;
	height:46px;
}
#navigation span{
   
}
#navigation a{
   font-family: 'TrajanProRegular'; 
   height:36px;
   color: #98c6f0;
   font-size: 14px;
   text-decoration: none;
   padding: 12px 20px 0;
   cursor: pointer;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   display: block;
}

#navigation li.selected .selectedImg {
   background: url("../imgs/menu_selected.png") bottom center no-repeat;
   color: #fff;
background-size:  100% 9px;
-moz-background-size: 100% 9px; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 9px; /* Opera 9.5 */
-webkit-background-size: 100% 9px;/* Safari 3.0 */
-khtml-background-size: 100% 9px; /* Konqueror 3.5.4 */
}
   
#navigation li {
	float:left;
	list-style:none;
	display:inline;
}



/*---------------- END OF NAVIGATION -----------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/
.listing{
	font-size:11px;
	float:left;
	width:611px;
	height:auto;
	border-bottom:1px solid #e8e8e8;
	margin-top:15px;
    padding-bottom:15px;
}
.listing-item{
	float:left;
	width:230px;
	height:auto;
}
.pic{
	float:left;
	width:222px;
	height:auto;
}
.link{
	padding-left:48px;
	float:left;
	width:110px;
	height:auto;
}
#content2 div.link ul{
	margin-bottom:15px;
}

#content2 div.link ul li{
	list-style-position:outside;
	list-style-image:url(../imgs/arrow.jpg);
	margin-bottom:5px;
}
#content2 div.link ul li a{
	color:#383c3d;
	font-size:11px;
}
#content2 div.link ul li a:hover{
    text-decoration: none;   
}
.btn{
	float:right;
	margin-right:23px;
	margin-top:15px;
}
.box, .box2{
	width:300px;
	height:auto;
}
.testi{
	font-style:italic;
}
.box{
	margin:20px 30px 20px 0px;
	float:left;
}
.box2{
	margin:20px 0px 20px 0px;
	float:right;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*-------------------------tabs---------------------------------*/
#listing-tab{
    margin-top:30px;
}
#listing-tab li{
    float:left;
}
#listing-tab ul{
    height:28px;
    float:left;
}
#listing-tab li a{
    color:#53534e;
    margin-right:2px;
    font-weight:bold;
    text-transform:uppercase;
    font-size:14px;
    border:1px solid #e8e8e8;
    background-color:#f8f8f8;
    padding:5px 0 5px 0;
    text-decoration: none;
    display: block;
    width:149px;
    text-align: center;
}
#listing-tab li a:hover{
    color:#5997e7;
    text-decoration:none;
}

#listing-tab ul li.selected{
    margin-top:-5px;
}

#listing-tab ul li.selected a{
    background:url(../imgs/tab-bg.jpg) #FFFFFF repeat-x;
    border:1px solid #bdd3dd;
    padding:10px 0 5px 0;
    position:relative;
    border-bottom:0;
    top:1px;
}
#tab-content{
    padding:6px 6px 0 6px;
    width:596px;
    float:left;
    border:1px solid #bdd3dd;
    border-bottom:0;
}
#tab-main-content{
    padding:20px 20px 5px 20px;
    height:auto;
    background:url(../imgs/tab-upper-bg.jpg) #F6F6F6 no-repeat;
    
    
}
#tab-round-corner{
    float:left;
    width:610px;
    height:19px;
    background:url(../imgs/tab-lower-bg.jpg) no-repeat;
}
/*---------------------------inquiry form--------------------------------*/

#inquiry{
    float:left;
    width:300px;
    font-size:12px;
}
#inquiry p{
    margin-bottom:5px;
}
#inquiry input.in{
    padding-top:7px;
    padding-left:8px;
    width:273px;
    height:36px;
    border:0;
    outline:0;
    background:url(../imgs/inquiry-input.jpg) no-repeat;
}
#inquiry .txtarea{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding-left:8px;
    padding-top:7px;
    background:url(../imgs/inquiry-textarea.jpg) no-repeat;
    height:109px;
    width:267px;
    border:0;
    outline:0;
    margin-bottom:10px;
}
#avail-forms{
    float:right;
}
.under{
    color:#383c3d;
    margin-top:15px;
    border-bottom:1px dotted #333333;
    padding-bottom:15px;
    width:250px;
}
#avail-forms p a{
    font-size:14px;
    color:#383c3d;
}
#avail-forms p a:hover{
    color:#5997e7;
    text-decoration:none;
}
.pdf{
    padding-bottom:20px;
    background:url(../imgs/pdf-icon.jpg) no-repeat right;
}

#cont1, #cont2, #cont3, #cont4{
    width:100%;
}
#cont2, #cont3, #cont4{
    display:none;
}