/* -------------- 1. Defaults --------------------------- */

*{ margin:0; padding:0;}
body{ font:12px Helvetica, sans-serif; color:#606060; /*background:url(/images/images/pace_development.gif) repeat-y  center 0px*/


 }

 .bg_image   {left: 0;
 position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;}
	
	
	.text_1 p {margin-bottom:10px}

a img{border:0;}
ul{list-style-type:none; }

@font-face{
font-family: 'din'; 
src: url('/files/DIN.otf') format('opentype');
}

.no-pad{padding:0 14px 0 0!important}

.properties .barousel_content {display:none!important}


/* -------------- 2. Structure -------------------------- */


#wrapper {width:1140px; margin:60px auto 0;}

#masterhead{position:relative; min-height:24px }

.logo{left: 0px;
    position: absolute;
    top: -55px;}

#content{ background:url(/images/images/see_thru.png) repeat; padding:29px 65px 40px}
	#left{width:385px; float:left; }
	#right{width:570px; float:right;}	
		
	.padding{padding:40px}			

		.col_small{ /*background-color:#13254b; width:266px;*/ width:24%; float:left;}
		
		.news .col_small {width:35%;}
		.news .col_small img{width:99%;}
		.news .col_large {width:60%;}

			.properties .col_small, contact .col_small, .home .col_small{ background-color:transparent;}
			.news .col_small .padding, .news .col_large .padding {padding:26px 0;}
			.news .col_small .padding div{margin-bottom:30px; color:#fff}
		.col_large{ /*width:446px;*/ width:75%; float:right;}
			

			
		.background .col_small{width:100%; background-color:transparent;}
		
		
/* MANAGEMENT TEAM */

.faq #right{width:100%	}
			.management_team .text{padding:50px 50px 0 0; line-height:16px;}
			.management_team .col_small{background-color:transparent;}
			.management_team .image_box{width:147px; float:left; text-align:center; font-size:11px; margin:52px 30px 80px 0}
			.management_team .col_small ul li, .faq .col_small ul li{color: #FFFFFF;
    				line-height: 17px;
    				padding: 4px 0 4px 6px;
    				width:92%}
			.management_team .col_large {    width: 562px;}
	.management_team .col_small ul li strong, .faq .col_small ul li strong{color:#8BAEDC; display:block}
	.management_team .col_small span{text-transform:uppercase}
	.management_team .col_small ul li a, .faq .col_small ul li a{color:#2a3b5a; text-decoration:none!important; display:block; padding:6px 5px}		
	.management_team .col_small ul li a:hover, .management_team .col_small ul li a.on, .faq .col_small ul li a:hover, .faq .col_small ul li a.on {
    background-color: #8baedc; color:#fff}
		
/* PROPERTIES */
.layout_holder{padding:26px 0 20px 20px}
	.layout_holder  .logo_1{float:left; width:260px;}
	.layout_holder .text_1{float:right; width:444px; padding-right:20px}
		
	.properties .col_large .text, .contact .col_large .text{width:340px; padding:26px 0 0 10px; line-height:16px;}
	.logo_prj{margin:10px 0}
	.logo_1 {text-align:center}

           .logo_1 img{width:100%}
           .logo_1 img.logo_prj{width:auto}

/* CONTACT */		
	.contact_form{ margin:10px 0 0 5px}
		.contact_form div{float:left; margin-bottom:7px; width:100%;}
		.contact_form label{display:block; color:#8baedc; font-size:11px;}
		.contact_form input{width:96%; border:1px solid #d6d6d6}
		.contact_form textarea{width:96%; border:1px solid #d6d6d6; height:100px}
		.contact_form .send{color:#8baedc; background-color:#57657d; height:27px; width:60px; border:1px solid #8baedc; cursor:pointer; float:right; margin-right:20px}
	
	   .contact .padding p{color:#fff}	
  
/* NEWS */
	.news .link{/* background:#f4f4f4 none; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:583px*/     padding: 25px 0 0 25px}
	.news .link a{}
	/*.news .col_large{ width:720px}*/
	.col_large .pb_20{ padding-bottom:38px}
	.news #right{width:100%}
		

/* HOME */
	.home .col_small{text-align:center}
	.home .col_small img{width:222px}
	.home #left .news_header{font:bold 16px "din", Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid #1c4063; color:#1c4063; padding:2px 0px; padding:5px 0 4px 30px; background:url(/images/images/tiny_logo.png) left top no-repeat; margin-top:1px}
	.home #left h2{font:12px/15px Arial, Helvetica, sans-serif; margin:22px 0 0}
	.home #left a{text-decoration:none; color:#000}
	.home #left a:hover{color:#8BAEDC}
	.home .text p{font:16px/24px Arial, Helvetica, sans-serif}
	.home .right span.up{color:#1C4063}
	.home .right span{ padding-right:10px; text-transform:uppercase}
	
		.home .barousel{height:300px; background-color:#fff}
		.home .barousel_content {display:none!important}
		.home .barousel_nav ul{float:left}
		.home .sub_nav{display:none}
		.home .jThumbnailScroller .jTscrollerPrevButton{background:url(/images/images/L_ARROW.png) left top no-repeat; margin-top:1px; height:29px; width:26px;}
		.home .jThumbnailScroller .jTscrollerNextButton{background:url(/images/images/R_ARROW.png) left top no-repeat; margin-top:1px; height:29px; width:26px;}
		.home .jThumbnailScroller .jTscrollerNextButton:hover{background:url(/images/images/R_ARROW.png) left top no-repeat;}
		.home .jThumbnailScroller .jTscrollerPrevButton:hover{background:url(/images/images/L_ARROW.png) left top no-repeat;}
		
		.home #left{ width:225px}
		.home #mid{width:300px; float:left; padding-left:137px}
		.home #right{width:285px; background:none; border-top:none; border-bottom:none}
                     .home #right img{width:100%}
		
		#mid img{padding:8px 8px 5px 0;}
		#mid .cf{padding-bottom:15px}

			

#footer{ text-align:right; padding:15px 0; clear:both;color:#999999}
#footer p{ font-size:11px; line-height:16px}

.row{width:100%; float:left; clear:both;}
.left{float:left;}
.right{float:right;}
fieldset{border:none;}
.x{display:none;}



/* -------------- 3. Links and Navigation --------------- */
a {color:#8baedc;}
a:hover, a.on, h4 a{ color:#2a3b5a; }

/*top nav */    ,
ul#nav {margin:4px 0 0 0; position:relative; left:226px}
ul#nav li{ margin-right:36px;}
ul#nav li a{display:block; letter-spacing:.6px}
	ul#nav, ul#nav li, ul#nav li a{ float:left; }
	ul#nav li a{font:11px "din", Helvetica, sans-serif; color:#606060; text-decoration:none; text-transform:uppercase; display:block; /*padding-bottom:10px*/   height:24px; background:url(/images/images/c_thru.png)  0 0 repeat  }
	ul#nav li a:hover, ul#nav li a.on{ color:#8baedc}


	ul#nav li a, ul#nav li a:hover, ul#nav li a:active {outline:none}
	
	ul#nav li li{background-color:#42506b}
	ul#nav li li strong{display:block; padding: 5px 7px; color:aliceblue; width:140px !important;}

/*  EN/THAI nav   */
ul#flag {  float: right;  position: relative;
    top: -50px;}
ul#flag li {
    display: inline;
    float: left;
    list-style: none outside none;
}
ul#flag li a {
    font-family: "din",Helvetica,sans-serif !important;
    font-size: 11px;
    padding: 3px;
    text-decoration:none
}
ul#flag li a.select {
    background: none repeat scroll 0 0 #6CAEE2;
    color: #FFFFFF;
    text-decoration: none;
}

/*   nav   */

#nav{position:relative; left:250px; z-index:99;}

#nav li{position:relative; z-index:188;}

#nav li ul {
	position: absolute;
	width: 190px;
	top:19px;
	padding:0;
	float:left;
	left: -999em;
	z-index:100;
}

ul#nav li.properties ul li ul, ul#nav li.profile ul li ul{
	position: relative!important;  
	width: 140px!important;  
	top:0px;  
	left:0px
}

#nav li ul li, #nav li ul li a{ height:auto;}
#nav li ul li a{ 
	width:140px !important;  
	padding:20px 7px;
	float:left;
	background:#42506b none;
	color:#fff;
	text-indent:0;
	display:block;
	line-height:12px;
	text-decoration:none;
	z-index:160;
	text-transform:none;
	position:relative;
}
#nav li ul li	{border-bottom:1px solid #35445e; padding:0px 0}
#nav li ul li ul li {border-bottom:none; padding:0px}
#nav li ul li ul li a{padding: 7px 0 7px 14px;}

#nav li ul li a:hover { background:#97b4dc none; color:#323840;}
#nav li:hover ul, #nav li.sfhover ul {
	left: -6px; z-index:150; position:absolute}

div.sub_nav{height:18px; float:left; width:70%; margin-left:251px;}
	div.sub_nav ul li{float:left; margin-right:30px; text-decoration:none;}
	div.sub_nav ul li a{float:left; display:block; text-decoration:none; padding-top:7px; font-size:10px;}

.col_large, .col_small{min-height:360px}
	
.col_small ul{margin-top:10px}

#left ul li a{color:#333; display:block; float:left; width:238px; text-decoration:none; padding: 8px 4px;  z-index:1000; /*position:relative*/}
#left ul li a span{display:block; text-transform:uppercase;}
#left ul li a:hover, #left ul li a.on{background-color:#8baedc; color:#fff;}


	
/* -------------- 4. Fonts ------------------------------ */
h1, h2{color:#8baedc; font:normal 20px/28px Helvetica, sans-serif;}
h2{margin:0px 0 12px}
h4{color:#8baedc; font:normal 15px/21px Helvetica, sans-serif;}

p{font:12px/18px Helvetica, sans-serif;}
/*.vision p{ font:14px/26px Helvetica, sans-serif;}*/
.background .col_small p, .news .col_small p{margin:10px 20px 0 0}
.text p, .contact .padding p{margin-top:10px}
.bottom_link{margin:30px 0 10px; clear:both}




/* -------------- 5. Home ----------------------------- */

.home h2, .home h2 a{font:13px/19px Helvetica,sans-serif; color:#606060}

/* -------------- 6. Galleria --------------------- */
.galleria_container{}

.galleria{list-style:none;}
.galleria li{display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:0px;
	display:block;
	width:auto;
	height:auto;
	margin:0;
}

#right .col_small .padding img{margin:0 1px 0 0; }
#right .col_small .padding img.thumb{margin:0; }

.galleria li .caption{
	display:block;
	padding: 0em;
}
* html .galleria li div span{width:600px} /* MSIE bug */


	/* BEGIN DEMO STYLE */
	.galleria_container{
	height: 257px;
    left: 0;
    position: absolute;
    top: -278px;
    width: 990px;
    z-index: 4;}
	.galleria_wrapper{position:relative; z-index:5}
	.galleria_wrapper img{position: relative; z-index:6}

	.caption{font-style:italic;color:#887;}
	.demo{ position:;margin-top:0px;}
	.gallery_demo{
	width:230px;
	margin:10px 0 0 5px !important;
}
	.gallery_demo li{
	width:60px;
	height:57px;
	margin-top: 0;
	margin-right: 2;
	margin-bottom: 2;
	margin-left: 0;
}
	.gallery_demo li div{
	left:5px;
	padding: 10px;
}
	
	#main_image img{
	margin: 0px;
}
	
	
	.info{
	text-align:left;
	width:700px;
	margin:auto;
	padding-top:0px;
	border-top-style: dotted;
}
	.info p{
	margin: 0em;
}
	#main_image{
	height:245px;
	width:850px;
	background:white;
	margin: 0;
	float: left;
}

/* -------------- 6. Gallery ----------------------------- */

#tS1{width:100%; background-color:#fff; /*position:absolute; top:85px; left:0;*/ z-index:1; border-bottom:2px dotted #333; padding-bottom:10px;}

.jThumbnailScroller{height:168px;}
.david_collins_studio .jThumbnailScroller, .oma .jThumbnailScroller, .home .jThumbnailScroller, .plans .jThumbnailScroller, .contemporary_classic .jThumbnailScroller, .contemporary_modern .jThumbnailScroller{/*height:300px;*/ height:190px}

.jThumbnailScroller{position:relative;overflow:hidden; z-index:-3}
.jThumbnailScroller .jTscrollerContainer{position:absolute; z-index:-2; padding-left:4px}
.jTscrollerContainer a img{opacity: 0.7; margin-right:4px}
.jTscrollerContainer a:hover img{opacity: 1;}
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0!important; display:inline-block; *display:inline; z-index:-1}
.galleria-info-description p{ text-indent:0; width:100%; clear:both}
.jTscrollerContainer img{float:left}

.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; top:110px; /*display:block!important;*/ z-index:10000}
.home .jThumbnailScroller .jTscrollerNextButton, .home .jThumbnailScroller .jTscrollerPrevButton{top:87px;}
.jThumbnailScroller .jTscrollerNextButton{background:url(http://rcr-bangkok.com/images/Arrow.png) left 0px; right:30px;}
.jThumbnailScroller .jTscrollerPrevButton{background:url(http://rcr-bangkok.com/images/Arrow.png) left -40px; left:30px;}
.jThumbnailScroller .jTscrollerNextButton:hover{background:url(http://rcr-bangkok.com/images/Arrow.png) left -80px;}
.jThumbnailScroller .jTscrollerPrevButton:hover{background:url(http://rcr-bangkok.com/images/Arrow.png) left -119px;}

/* -------------- 6.c Gallery via Barosel --------------------- */
.barousel {
    height: 298px;
    position: relative;
    width: 100%;
	clear:both;
	top:-5px;
	z-index:1;
}
.barousel_image {
    height: 308px;
    position: absolute;
    z-index: 10;
}
.barousel_image img {
    display: none;
    position: absolute;
	z-index:9;
}
.barousel_image img.default{        display:block;}

.barousel_image img.current{   z-index:10;}

.barousel_image img.previous{    z-index:5;}

.barousel_content {
    background: url("http://labs.juliendecaudin.com/barousel/images/bg_barousel_content.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom:-2px;
    color: #fff;
    left: 0px;
    padding: 15px 3% 0;
    position: absolute;
    width: 94%;
    z-index: 50;
}
.barousel_content div.default {
    display: block;
}
.barousel_content div {
    display: none;
}


.barousel_nav
{
    position:absolute;
    padding:3px 1% ;
    height:23px;    
    bottom:0;
    z-index:120;
    width:98%;
	opacity: 0.6;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:20px;
    height:18px;
    background-color:#fff;
    font-size:0;
    line-height:0;
    text-decoration:none;
	border:1px solid #6caee2
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#6caee2;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}


/* -------------- 7. Clearfix --------------------- */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.no_cursor a{cursor:default}

.nav-toggle{display:none}