@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../images/main-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a{
	outline:none;
}


#header{
	height:108px;
	width:990px;
	margin:0 auto;
}
h1{
	margin:15px 0 0 0;
	padding:0;
	background:url(../images/exotiq-logo.png) no-repeat;
	text-indent:-20000px;
	float:left;
}
h1 a{
	width:230px;
	height:84px;
	display:block;
}
#slogan{
	width:423px;
	background:url(../images/our-experience-your-guarantee.png) no-repeat;
	height:50px;
	float:right;
	margin:58px 0 0 0;
}
#member_login{
	width:365px;
	float:right;
	margin:48px 0 0 0;
}
#member_login form{
	margin:0;
	padding:8px 6px;
	background:#ebeae5;
	color:#787878;
	line-height:18px;
}
#member_login form .teksfield{
	width:90px;
	margin:0 6px 0 2px;
	border:1px solid #d2d2d2;
	float:left;
}
#member_login form .button{
	background:#ebeae5;
	border:1px solid #ebeae5;
	font-size:11px;
	color:#000;
}
#banner{
	width:990px;
	height:359px;
	background:url(../images/bg-banner.jpg) no-repeat;
	margin:0 auto;
}
#main_nav{
	display:block;
	margin:0 0 0 0;
	width:990px;
	height:37px;
}
#main_nav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:36px;
	float:right;
}
#main_nav ul li{
	float:left;
	border-right:1px solid #d9948d;
}
#main_nav ul li a{
	color:#FFF;
	padding:11px 20px;
	text-decoration:none;
}
#main_nav ul li a:hover, #main_nav ul li.active{
	background: url(../images/bg-main-nav-hover.jpg) repeat-x;
}
#recent_articles{
	width:82px;
	height:305px;
	margin:0 0 0 0;
	float:left;
	background:url(../images/cnbc-award.png) 50% 0 no-repeat;
	text-indent:-20000px;
	position:absolute;
	left:0;
}
#banner #intro_text{
	width:418px;
	height:231px;
	padding:69px 0 0 0;
	background:url(../images/bg-intro-text.png) 0 0 no-repeat;
	color:#FFF;
	float:left;
	text-align:right;
	font-size:12px;
	line-height:20px;
}
#banner #intro_text h2{
	font-size:36px;
	font-weight:normal;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 14px 0;
}
#banner #intro_text h2 a,#banner #intro_text p a{
	color:#FFF;
	text-decoration:none;
}
#banner #intro_text h2 a:hover,#banner #intro_text p a:hover{
	color:#ffda9a;
}
#intro_pic{
	width:430px;
	height:300px;
	margin:0;
	left:535px;
	background:url(../images/bg-banner-pic.png) 50% 50% no-repeat;
	position:absolute;
}
#intro_pic img{
	margin:45px 0 0 26px;
}

/*-----------------------ANIMATED BANNER--------------------*/
#dynamic_banner{
	width:990px;
	height:359px;
	background:url(../images/bg-banner.jpg) no-repeat;
	margin:0 auto;
}
/* tab-area */
.gallery-btns{
	margin:0 0 0 0;
	padding:0 5px 0 0;
	height:31px;
	width:auto;
	float:left;
	list-style:none;
}
.gallery-btns li{
	float:left;
	padding:0 0 0 5px;
}
.gallery-btns a{
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background: url(../images/circle2.gif) 0 50% no-repeat;
	height:31px;
	width:10px;
}
.gallery-btns a:hover,
.gallery-btns li.active a{
	background: url(../images/circle.gif) 0 50% no-repeat;
}
.gallery{
	margin:0;
	width:990px;
	overflow:hidden;
	position:relative;
}
.info{
	display:none;
}
.banner_nav{
	margin:0 auto;
	width:166px;
}
.btn-gallery{
	float:left;
	height:60px;
	overflow:hidden;
	width:72px;
	text-indent:-9999px;
	margin:0;
}
.left{
	background: url(../images/banner-prev-horizontal.gif) no-repeat;
	width:36px;
	height:31px;
}
.right{
	background: url(../images/banner-next-horizontal.gif) no-repeat;
	width:36px;
	height:31px;
}
.btn-gallery:hover{background-position:-36px 0;}
.carousel-holder{
	float:left;
	width:990px;
	overflow:hidden;
}
.carousel-holder .frame{
	width:377px;
	height:288px;
	overflow:hidden;
	padding:0 0 0 0;
	float:right;
}
.carousel{
	/*BANNER PIC*/
	width:377px;
	height:209px;
	margin:0;
	padding:0;
	top:44px;
	right:52px;
	position: absolute;
	overflow:hidden;
	float:right;
	list-style:none;
	background:#FFF;
}
.carousel li{
	overflow:hidden;
	position:absolute;
	padding:0;
	margin:0;
	float:left;
}
.carousel-info{
	/*BANNER TEXT*/
	width:350px;
	height:220px;
	padding:50px 0 0 86px;
	margin: 0 0 0 82px;
	overflow:hidden;
	list-style:none;
	left:0;
	position: absolute;
	background:url(../images/bg-intro-text.png) 0 0 no-repeat;
}
.carousel-info li{
	padding:0;
	width:990px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.carousel-info li div{
	float:left;
	width:350px;
	height:231px;
	padding:50px 0 0 86px;
	color:#FFF;
	font-size:12px;
	text-align:right;
}
.carousel-info li div h2{
	font-size:36px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 14px 0;
}
.carousel-info li div a{
	color:#FFF;
	text-decoration:none;
}
.carousel-info li div .read_more a{
	color:#6f2304;
	text-decoration:none;
}
.carousel-info li div a:hover{
	color:#f5e78e;
}
.carousel-info li div .read_more a:hover{
	color:#000;
}
.carousel-info li div p{
	color:#FFF;
	line-height:20px;
}
.carousel-info li div p a{
	color:#fff;
}
/* tab-area */
.tab-area{
	width:100%;
	float:left;
}
.tab-area div.tab{width:100%;}
.tab-area div.tab:after{
	height: 0;
	clear: both;
	content: "";
	display: block;
}

/*-------MAIN CONTENT--------*/
#main_content{
	width:970px;
	margin:0 auto;
	padding:10px 20px 30px 0;
	background:url(../images/bg-main-content.jpg) 0 0 no-repeat;
	color:#787878;
}
#main_content p{
	margin:4px 0 10px 0;
}
#main_content h2{
	font-size:25px;
	font-weight:normal;
	line-height:normal;
	margin:10px 0 20px 0;
	color:#454545;
}
#main_content h3{
	font-size:20px;
	font-weight:normal;
	margin:18px 0 14px 0;
	color:#86b6f0;
}
#main_content h4, #main_content h4 a{
	font-size:16px;
	color:#e48e1e;
	margin:4px 0 12px 0;
	text-decoration:none;
}
#main_content h4.thinner{
	font-size:16px;
	font-weight:normal;
	color:#000;
	margin:4px 0 8px 0;
	padding:0;
}
#main_content h5{
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin:0 0 0 0;
	padding:0;
}
#main_content #left_content a{
	color:#e48e1e;
	text-decoration:none;
}
#main_content #left_content a:hover{
	color:#000;
}
#left_content{
	width:626px;
	float:left;
	margin:0;
	line-height:18px;
}
#left_content p{
	text-align:justify;
}
#left_content .list{
	border-bottom:1px solid #F4F4F4;
	line-height:14px;
	margin:0 0 20px 0;
	padding:0 0 6px 0;
	width:100%;
	float:left;
}
#left_content .list h5, #left_content .list p{
	margin:0;
	padding:0 0 8px 0;
}
#left_content .list .img_frame{
	float:left;
	background:url(../images/bg-listing-pic.jpg) no-repeat;
	height:102px;
	padding:6px 0 0 6px;
	margin:0 8px 0 0;
	width:173px;
}
#right_content{
	width:295px;
	float:right;
	margin:0;
	padding:30px 0 0 0;
}
#right_content h3{
	color:#818181;
}
.side_ads{
	margin:0 0 20px 0;
}
.side_ads img{
	width:279px;
	height:332px;
	padding:7px;
	background:#FFF;
	border:1px solid #F0F0F0;
}
.box_wrapper{
	background:#f0f0f0;
	padding:9px 9px 0 9px;
	margin:0 0 20px 0;
	display:block;
	float:left;
}
.box{
	border:1px solid #dbdbdb;
	background:#FFF;
	width:235px;
	margin-bottom:9px;
	padding:8px 20px 14px 20px;
	display:block;
	float:left;
}
.property_listing{
	margin:0;
	padding:0;
	list-style:none;
}
.property_listing a{
	color:#000;
	text-decoration:none;
}
.property_listing a:hover{
	color:#CCC;
}
.property_listing li{
	margin:0 0 12px 0;
	background:url(../images/bg-property-list-small.jpg) right top no-repeat;
	padding:0 0 16px 0;
	border-bottom:1px solid #eeeeee;
}
.property_listing li img{
	float:left;
	margin:0 12px 4px 0;
	padding:3px;
	background:#FFF;
	border:1px solid #ebebeb;
}
.property_listing b, .property_listing strong{
	color:#595959;
	padding-bottom:6px;
	font-size:12px;
}
.latest_news{
	margin:4px 0 16px 0;
	padding:0;
	float:left;
	list-style:none;
}
.latest_news li{
	margin:0 1px 0 0;
	padding:17px 15px 7px 15px;
	width:177px;
	background:#f7f6f2;
	float:left;
	text-align:justify;
}
.latest_news_shadow{
	width:172px;
	height:114px;
	background: url(../images/lastest-news-shadow.png) left bottom no-repeat;
	margin:0 0 4px 0;
}
.latest_news_shadow img{
	padding:5px;
	background:#FFF;
	border:1px solid #f0f0f0;
}
.latest_news_shadow a:hover img{
	background:#ebebeb;
	border:1px solid #ebebeb;
}

.latest_news li p{
	margin:0 0 14px 0;
}
.side_nav ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
	clear:both;
}
.side_nav ul li{
	float:left;
	width:100%;
	margin:0;
	border-bottom:1px dashed #CCC;
}
.side_nav ul li a{
	color:#787878;
	padding:4px 0 4px 9px;
	display:block;
	text-decoration:none;
}
.side_nav ul li a:hover, .side_nav ul li.active a{
	color:#000;
	background:#F4F4F4;
}
.box form{
	margin:0;
	padding:0;
}
.box form strong, .box form b{
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.box form .teksfield{
	border:1px solid #e5e5e5;
	background:#F7F7F7;
	margin-bottom:4px;
	color:#9a9a9a;
	font-size:11px;
	padding:4px 0;
}
#featured_property_wrapper{
	background:#f7f6f2;
}
#featured_property{
	width:970px;
	margin:0 auto;
	padding:0 20px 20px 0;
	background:url(../images/bg-featured-property.jpg) 50% top no-repeat #f7f6f2;
	color:#84837e;
}
#featured_property h3{
	color:#000;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:19px 0 6px 0 !important;
	padding:20px 0 6px 0;
	background:url(../images/double-line.jpg) left bottom repeat-x;
}
#featured_property .mag_icon{
	background:url(../images/exotic-mag-icon.png);
	width:106px;
	height:47px;
	float:right;
}
#featured_property ul{
	margin:0;
	padding:0;
	list-style:none;
}
#featured_property ul li{
	float:left;
	width:217px;
	text-align:justify;
	margin:0 22px 0 2px;
	padding:0;
}
#featured_property ul li h5{
	background:url(../images/bg-featured-property-title.png) no-repeat;
	margin:0;
	padding:6px 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	height:30px;
	width:207px;
}
#featured_property ul li h5 a{
	color:#000;
	text-decoration:none;
}
#featured_property ul li h5 a:hover{
	color:#e48e1e;
}
#featured_property ul li p{
	margin:0;
	padding:0;
}
#featured_property ul li img{
	border:6px solid #FFF;
}
#bottom_content_wrapper{
	background:#f4f3ed;
}
#bottom_content{
	width:970px;
	margin:0 auto;
	padding:20px 20px 10px 0;
	background: url(../images/bg-bottom-content.jpg) 50% top no-repeat #f4f3ed;
}
#bottom_content .page_content{
	width:378px;
	margin:0 17px 0 0;
	float:left;
}
#bottom_content .page_content h3{
	background:url(../images/bg-bottom-content-title-big.png) no-repeat;
	height:37px;
	padding:0 10px;
	margin:0 0 2px 0;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	line-height:28px;
}
#bottom_content .page_content p{
	margin:0;
	padding:0;
}
#bottom_content .page_content h3 .smaller{
	font-size:11px;
}
#bottom_content .page_content ul{
	margin:0 0 6px 0;
	padding:0;
	font-size:11px;
	list-style:none;
	float:left;
	width:100%;
	clear:both;
}
#bottom_content .page_content ul li{
	float:left;
	width:100%;
	margin:0;
	border-bottom:1px dashed #CCC;
}
#bottom_content .page_content ul li a{
	color:#000;
	padding:4px 0 4px 9px;
	display:block;
	text-decoration:none;
}
#bottom_content .page_content ul li a:hover{
	color:#fafaf7;
	background:#b5b3a9;
}
#bottom_content .edition_archive{
	width:226px;
	float:left;
	margin:0 28px 0 0;
}
#bottom_content .edition_archive h3{
	background:url(../images/bg-bottom-content-title-small.png) no-repeat;
	height:37px;
	padding:0 10px;
	margin:0 0 2px 0;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	line-height:28px;
}
#bottom_content .edition_archive p{
	margin:0;
	padding:0;
}
#bottom_content .edition_archive ul{
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	list-style:none;
	float:left;
	width:100%;
	clear:both;
}
#bottom_content .edition_archive ul li{
	margin:0;
	border-bottom:1px dashed #CCC;
}
#bottom_content .edition_archive ul li a{
	color:#000;
	padding:4px 0 4px 9px;
	display:block;
	text-decoration:none;
}
#bottom_content .edition_archive ul li a:hover{
	color:#fafaf7;
	background:#b5b3a9;
}
#bottom_content .subscription{
	width:263px;
	height:182px;
	padding:12px 17px;
	background:url(../images/bg-subscription.jpg) no-repeat;
	margin:0 17px 0 0;
	color:#878477;
	float:left;
}
#bottom_content .subscription h3{
	padding:0 0 6px 0;
	margin:0 0 8px 0;
	font-size:18px;
	color:#aba589;
	font-weight:normal;
	background:url(../images/double-line-subscription.jpg) left bottom repeat-x;
}
#bottom_content .subscription p{
	margin:0;
	padding:0;
}
#bottom_content .subscription ul{
	margin:0 0 4px 0;
	padding:0;
	float:left;
	list-style:none;
	border:1px solid #e1dfd6;
}
#bottom_content .subscription ul li{
	margin:0;
	padding:0;
	float:left;
}
#bottom_content .subscription ul li img{
	padding:4px;
	margin:0 2px;
	background:#FFF;
	border:1px solid #bab8ae;
}
#footer{
	width:990px;
	padding:5px 0 18px 0;
	margin:0 auto;
	color:#818181;
}
#footer .logo{
	width:94px;
	height:65px;
	margin:0 18px 0 0;
	padding:0;
	float:left;
}
#footer .footer_nav ul{
	margin:20px 0 6px 0;
	padding:0;
	list-style:none;
}
#footer .footer_nav ul li{
	float:left;
	border-right:1px solid #888;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
#footer .footer_nav ul li.last{
	border:none;
}
#footer .footer_nav ul li a{
	color:#888;
	text-decoration:none;
}
#footer .footer_nav ul li a:hover{
	color:#CCC;
}








ul.download{
	margin:0;
	padding:0;
	width: auto;
	display:block;
}
ul.download li{
	list-style:none;
	float:left;
	width:100%;
}
ul.download li a{
	border-bottom:1px solid #F4F4F4;
	background:url(../images/download-icon.gif) 0 50% no-repeat;
	padding:6px 0 6px 30px;
	font-size:14px;
	list-style:none;
	display:block;
}
ul.download li a:hover{
	background:url(../images/download-icon.gif) 0 50% no-repeat #f9f9f9;
}
.imgleft{
	float:left;
	padding:7px;
	background:#FFF;
	border:1px solid #eeeeee;
	margin:0 18px 4px 0;
}
a:hover .imgleft{
	background:#ebebeb;
	border:1px solid #ebebeb;
}
.imgright{
	float:left;
	padding:7px;
	background:#FFF;
	border:1px solid #eeeeee;
	margin:0 0 4px 18px;
}
.imgcenter{
	padding:7px;
	background:#FFF;
	border:1px solid #eeeeee;
	margin:0 0 4px 0;
}
.align_left{
	float:left;
}
.align_right{
	float:right;
}
.half{
	width:47%;
}
.full{
	width:100%;
}
.third_box{
	margin:0 1px 6px 0;
	padding:17px 16px 7px 16px;
	width:175px;
	background:#f5f5f5;
	float:left;
	text-align:justify;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:1px;
}
.read_more{
	background:url(../images/bg-read-more.png);
	width:87px;
	height:22px;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	line-height:22px;
}
.read_more a{
	color:#333;
	text-decoration:none;
}
.read_more a:hover{
	color:#000;
}
.price{
	color:#FF0000;
}
.more{
	
}
.more a{
	text-indent:-20000px;
	background:url(../images/btn-more.jpg) 0 50% no-repeat;
	width:41px;
	height:25px;
	display:block;
	float:left;
}
.more a:hover{
	background:url(../images/btn-more-hover.jpg) 0 50% no-repeat;
}


.comment form{
	background:#F4F4F4;
	padding:20px;
}
.comment form input.text {
	padding:2px;
	border:1px solid #d4d4d4;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#FFF !important;
}
.comment form textarea {
	width: 96%;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #d4d4d4;
	height:100px;
	display:block;
	color:#777;
}
.comment form input.button { 
	background:url(../images/bg-submit-btn.jpg) repeat-x #f0f0f0;
	color:#e16934;
	font-size:12px;
	font-weight:bold;
	border:1px solid #bdbdbd;
	padding-top:2px;
	padding-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}



.more2{
	background:url(../images/arrow.gif) right 50% no-repeat;
	text-align:right;
	padding:0 10px 0 0;
}
.more2 a{
	color:#e48e1e;
	text-decoration:none;
}
.more2 a:hover{
	color:#CCC;
}
.submit_button{
	background:url(../images/bg-submit-btn.jpg) repeat-x #f0f0f0;
	color:#e16934;
	font-size:12px;
	font-weight:bold;
	border:1px solid #bdbdbd;
	padding-top:2px;
	padding-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}
.red{
	color:#FF0000;
}
.listing_shadow{
	width:177px;
	padding:0 0 13px 0;
	background:url(../images/listing-shadow.png) left bottom no-repeat;
	margin:0 18px 4px 0;
	float:left;
}
.listing_shadow img{
	float:left;
	padding:7px;
	background:#FFF;
	border:1px solid #f0f0f0;
}
.listing_shadow a:hover img{
	background:#ebebeb;
	border:1px solid #ebebeb;
}







.galleryView{
	margin:0 0 200px 0;
	border:1px solid #000;
}
.panel-overlay{
	padding:6px 0 0 0;
}
.panel-overlay .title{
	font-size:20px;
	color:#FFF;
}
.panel-overlay p {
	line-height:18px;
}
.flimstrip img{
	border:4px solid #FFF;
}





/* form elements */
form.contact, form.jot-form {
	padding: 15px;
	border: 1px solid #eee; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input.text {
	padding:2px;
	border:1px solid #d4d4d4;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#FFF !important;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #d4d4d4;
	height:100px;
	display:block;
	color:#777;
}


/* Ditto
------------------------------------------------------------------------------- */

.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #814f00;
}
#ditto_pages{
    padding:2px 0; 
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #814f00;
    padding:2px 5px; 
    margin-right: 1px;
    background-color: #e48e1e; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding:2px 5px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #e48e1e; 
    padding:2px 5px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #814f00;
} 
#ditto_pages a:hover {
    background-color: #e48e1e;
	border: 1px solid #814f00;
    color: #FFF;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}




#breadcrumb{
	border-bottom:1px solid #f4f4f4;
	padding:6px 0;
	margin-bottom:22px;
	font-size:11px;
}