body { 
	padding:0; 
	margin:0;
	line-height: 20px;
	background: url(/assets/images/bg.gif);
}

#wrapper {
	margin:0 auto;
}

#content-container-bg {
	background: url(/assets/images/header_shadow.png) repeat-x left top;
	background-position: 0px 0px;
	min-width: 1000px;
}
#content-container {
	width: 980px;
	margin:0 auto;	
}

#top {
	height: 90px;
	background: #2d2f32 url(/assets/images/top.gif) repeat-x left top;
	clear: both;
	min-width: 1000px;
}

#logo {
	width: 424px;
	height: 95px;
	float: left;
}

#logo a {
	display: block;
}

#top-right {
	width: 524px;
	height: 30px;
	float: left;	
	padding-right: 12px;
}

.margin-left-340
{	
	margin-left:300px;
}
.padding-right-30
{
	padding-right: 30px;
}
.padding-right-40
{
	padding-right: 40px;
}
.soc-net
{
	width: 34px;
	height: 10px;
	float: left;	
	padding-top:20px;	

}
	#top-right h3 {
		margin: 0;
		color: #458ac7;
	}	
	#top-right span {
		margin: 0;
		color: #aaa;
		font-size: 12px;
		font-weight: bold;
	}	


#top-items {
	background: url(/assets/images/light.png) no-repeat left top;
	width: 1000px;
	height: 112px;
	margin: 0 auto;	
}


#navmenu-container {
	height: 57px;
	background: url(/assets/images/navmenu_bg.png) repeat-x left top;
	padding: 0;
	margin: 0;
	clear: both;
	z-index: 999;
	
}
	
	#nav-menu {
		width: 960px;
		margin: 0 auto;
		padding-top: 9px;
		padding-left: 7px;	
		z-index: 999;
		display: block;
	}


#content { 
	padding-bottom: 18px; 
	padding-top: 3px;
	
}

	#content #left {
		width: 240px;
		float: left;
	}

	#content #right {
		width: 240px;
		float: right;
	}

	#content  #main {
		width: 735px;
		float: left;
	}

	#content  #main-right {
		width: 735px;
		float: right;
	}
	
	#content  #main-left {
		width: 735px;
		float: left;
	}	
	/* for 3 equal columns, use this classes */
	/* but you have to add the class "margin-left-15 to the 2nd and 3rd column. see layout.html */
	#content .column-left, #content .column-center, #content .column-right {
		width: 310px;
		float: left;
	}


#header-bg {
	height: 279px;
	background: url(/assets/images/header_bg.gif) repeat-x left top;
	min-width: 1000px;
	
}	

#header-subpage-bg {
	height: 5px;
	background: url(/assets/images/header_subpage_bg.gif) repeat-x left bottom;
	
}	

	
#header-container {
	width: 700px;
	margin: 0 auto;
	height: 330px;
	padding-top: 19px;
	z-index: 0;
}
#header-container-search {
	width: 682px;
	margin: 0 auto;
	height: 280px;
	padding-top: 19px;
	z-index: 0;
}
		#header-image-container {
			float: left;
			width: 680px;
			height: 330px;
			background: url(/assets/images/header_image_container.png) no-repeat left top;
			z-index: 0;
		}
		#header-image-container-search {
			float: left;
			width: 682px;
			height: 285px;
			background: url(/assets/images/header_image_container.png) no-repeat left top;
			z-index: 0;
		}
		
		#header-description-container {
			float: left;
			z-index: 0;
			margin-left: 17px;
			color: #e6e6e6;
			overflow: hidden;
		}
		
		#header-description-container h2 {
			color: #89bdf2;	
		}
		
		#header-description-container .darker {
			color: #7ba1da;
		}
		
		#header-description-container li {
			color: #e2e2e2;
			font-weight: bold;
			padding: 1px 0px;
		}
		
		#header-description-container #header-description {
			
			overflow: hidden;
		}
		
		
		#header-description-container .header-more {
			font-weight: bold;
			font-size: 14px;
			color: #fff;
		}
	
	


/* box style */

	
	.box, .box-1, .box-1a, .box-2,.box-2a, .box-3 {
		margin-top: 1px;
		float: left;
	}


	.box-top {
		width: 240px;
		height: 5px;
		background: url(/assets/images/box_top.png) no-repeat top;
		float: left;
		overflow: hidden;
	}
	
	
	.box-center {
		width: 240px;
		float: left;	
		background: url(/assets/images/box_content_bg.png) repeat-y top;
	}
	
		.box-content-container {
			padding: 0px 5px;
			width: 230px;
			float: left;
		}
		
			.box-content {
					background: #fff;
					float: left;		
			}
			
				.box-padding {
					background: #fff url(/assets/images/box_content.png) repeat-x top;
					padding: 20px 20px;
					padding-bottom: 20px;	
					padding-top: 0px;
					float: left;
					width: 190px;
				}
				
				
				.box-padding p  {
					padding-top: 20px;	
					margin: 0px;
					clear: both;	
				}
				
				.box-padding h2, .box-padding h3  {
					background: url(/assets/images/h2_bottom.gif) repeat-x bottom;
					margin-top: 0px;
					margin-bottom: 7px;
					padding-bottom: 7px;
					padding-top: 11px;
					margin-top: 10px;
					margin-bottom: 0;
				}
				
				.box-padding .posted {
					background-color: #5588bb;
					border: 1px #337799 solid;
					padding-left: 10px;
					font-size: 11px;
					margin-top: 20px;
					color: #fff;
					font-weight: bold;
				}
				
				.box-header, .box-1-header, .box-1a-header, .box-2-header, .box-2a-header, .box-3-header {
					clear: both;
					width: 230px; /* let's take off 10px for the box-border giving us 300px */
					float: left;
					height: 35px;
					background: url(/assets/images/box_header.png) repeat-x top;
					
				}
				.box-header h2, .box-1-header h2, .box-1a-header h2, .box-2-header h2, .box-2-header h2a, .box-3-header h2 {
					margin: 0;
					padding-top: 7px;
					padding-left: 10px;
					font-size: 20px;
					font-family: "Lucida Grande",sans-serif;
				}
				
						
				.box-content .box-padding img{
					display: block;
				}
				
				.box-prefooter {
					color: #888;
					font-size: 12px;
				}
				
				.box-prefooter-padding {
					float: left;
					padding: 0px 20px;
					padding-bottom: 10px;
				}
				
				.box-footer {
					width: 100%;
					height: 44px;
					background: url(/assets/images/box_footer.gif) repeat-x top;
					font-weight: bold;
					font-size: 11px;
					float: left;
					line-height: 26px;
				}
				/*.box-footer a { color:#C30;} */
				
					.box-footer-padding {
						padding: 10px 8px;
					}
					
					.box-footer .comments {
						background: url(/assets/images/comments.png) no-repeat left top;
						padding-left: 9px;
					}
					
					.box-footer .comments a {
						color: #999;
					}
					
					.box-footer .comments span {
						padding-left: 15px;
						color: #888;
					}
					
					.box-footer .post {				
						margin-left: 20px;
					}
					
					.box-footer .post .button, .box-footer .post .button-light {
						margin-right: 0;
					}
	
	
	.box-bottom  {
		width: 240px;
		height: 5px;
		background: url(/assets/images/box_bottom.png) no-repeat top;
		float: left;
		overflow:hidden;
	}

	/* box - 1 larger box  */
	
	.box-1 .box-top {
		width: 325px;
		background: url(/assets/images/box_1_top.png) no-repeat top;
	}
	
	.box-1 .box-center {
		width: 325px;
		float: left;	
		background: url(/assets/images/box_1_content_bg.png) repeat-y top;
	}
	
	.box-1 .box-header {
		width: 315px;
	}				
	
	.box-1 .box-content-container  {
		width: 315px; 
	}
	
	.box-1 .box-content {
		width: 315px; 
	}
	
	.box-1 .box-padding  {
		width: 275px; 
	}
	
	.box-1 .box-bottom  {
		width: 325px;
		background: url(/assets/images/box_1_bottom.png) no-repeat top;
	}
	
	/* box - 1a larger box  */
	
	.box-1a .box-top {
		width: 365px;
		background: url(/assets/images/box_1a_top.png) no-repeat top;
	}
	
	.box-1a .box-center {
		width: 365px;
		float: left;	
		background: url(/assets/images/box_1a_content_bg.png) repeat-y top;
	}
	
	.box-1a .box-header {
		width: 355px;
	}				
	
	.box-1a .box-content-container  {
		width: 355px; 
	}
	
	.box-1a .box-content {
		width: 355px; 
	}
	
	.box-1a .box-padding  {
		width: 315px; 
	}
	
	.box-1a .box-bottom  {
		width: 365px;
		background: url(/assets/images/box_1a_bottom.png) no-repeat top;
	}
	
	
	/* larger box  */
	
	.box-2 .box-top {
		width: 735px;
		background: url(/assets/images/box_2_top.png) no-repeat top;
	}
	
	.box-2 .box-center {
		width: 735px;
		float: left;	
		background: url(/assets/images/box_2_content_bg.png) repeat-y top;
	}
	
	.box-2 .box-header {
		width: 725px;
	}				
	
	.box-2 .box-content-container  {
		width: 725px; 
	}
	
	.box-2 .box-content {
		width: 725px; 
	}
	
	.box-2 .box-padding  {
		width: 685px; 
	}
	
	.box-2 .box-bottom  {
		width: 735px;
		background: url(/assets/images/box_2_bottom.png) no-repeat top;
	}


	/* 2a box  */
	
	.box-2a .box-top {
		width: 500px;
		background: url(/assets/images/box_2a_top.png) no-repeat top;
	}
	
	.box-2a .box-center {
		width: 500px;
		float: left;	
		background: url(/assets/images/box_2a_content_bg.png) repeat-y top;
	}
	
	.box-2a .box-header {
		width: 490px;
	}				
	
	.box-2a .box-content-container  {
		width: 490px; 
	}
	
	.box-2a .box-content {
		width: 490px; 
	}
	
	.box-2a .box-padding  {
		width: 450px; 
	}
	
	.box-2a .box-bottom  {
		width: 500px;
		background: url(/assets/images/box_2a_bottom.png) no-repeat top;
	}

	
	/* largest box */
	
	
	.box-3 .box-top {
		width: 980px;
		background: url(/assets/images/box_3_top.png) no-repeat top;
	}
	
	.box-3 .box-center {
		width: 980px;
		float: left;	
		background: url(/assets/images/box_3_content_bg.png) repeat-y top;
	}
	
	.box-3 .box-header {
		width: 970px;
	}				
	
	.box-3 .box-content-container  {
		width: 970px; 
	}
	
	.box-3 .box-content {
		width: 970px; 
	}
	
		.box-3 .box-padding  {
			width: 910px; 
		}
	
	.box-3 .box-bottom  {
		width: 980px;
		background: url(/assets/images/box_3_bottom.png) no-repeat top;
	}
	
	

/* footer theme */


#footer {
	margin: 0 auto;
	font-size: 11px;
}

.menu {
	margin: 0;
	padding-top: 20px;
	list-style: none;
}
	.menu li {
		float: left;
		padding: 0 7px;
		margin: 0;
	}

		.menu li a {
			padding: 0;
			margin-top: 20px;
			color:#999;			
		}

			.menu li a.current {
				font-weight: bold;
				color:#339933;
			}
.menu-footer {
	margin: 0;
	padding-top: 5px;
	list-style: none;
}
	.menu-footer li {
		float: left;
		padding: 0 7px;
		margin: 0;
	}

		.menu-footer li a {
			padding: 0;
			margin-top: 5px;		
		}

			.menu-footer li a.current {
				font-weight: bold;
				color:#339933;
			}
					
/* end of footer */


/* porfolio styles */

.portfolio-item ul {
	list-style: none;
	margin: 0;
	margin-top: 10px;
}
.portfolio-item ul li {

	padding: 2px 0px 2px 15px;
	background: url(/assets/images/arrow.gif) no-repeat left;
	font-weight: bold;
}


.portfolio-image, .portfolio-description {
	float: left;
}

.portfolio-image {
	width: 270px;
}
.portfolio-description {
	width: 315px;
}

	
/* vertical menu */

.vertical-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.vertical-menu li {
	float: left;
	width: 100%;
	background:url(/assets/images/dotted_border.png) repeat-x bottom left;
}

.vertical-menu li a {
	display: block;
	padding: 5px 0px 5px 15px;
	background:url(/assets/images/dotted_arrow.gif) no-repeat left;
}

			.vertical-menu li a.current {
				font-weight: bold;
				color:#339933;
			}

/* testimonials */

.testimonial {
	width: 100%;
}

#content .testimonial blockquote {
	margin: 0;
	padding:0px 0px 0px 30px;
	background:url(/assets/images/quote.png) no-repeat 0px 20px;
	
}
#content .testimonial blockquote p.quote{
	text-align:left;
	font-size:17px;
	color:#777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
}

#content .testimonial blockquote p.author{
	text-align:right;
	font-size:12px;
	color:#999;
	font-weight:bold;
	font-family: Tahoma, arial;
	font-style:normal;	
}


/* sponsors */

#sponsors {
	padding-top: 10px;
}


#sponsors a {
	font-weight: bold;
}

#sponsors p {
	padding-top: 10px;
}

#sponsors img.second {
	margin-left: 10px;
}



/*misc */

.right {
	float:right;
	}

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.display-none {
	display: none;
}

.image-margin-left {
	margin:0 10px 3px 0;
}

.image-margin-right {
	margin:0 0 3px 10px;
}

.image-left, .image-border, .image-right{
	padding:3px;
	margin:0 10px 3px 0;
	border:1px #ccc solid;
	background: #fdfdfd;
}

.image-border {
	margin:0;
}

.image-right {
	margin:0 0 3px 10px;
}

.image-left-small, .image-right-small, .image-border-small {
	padding:3px 3px;
	margin:0 10px 0 0;
	border:1px #aaa solid;
	background: #fdfdfd;
}

.image-right-small {
	margin:0 0 0 3px;
}

.image-border-small {
	background:#fff;
}

.center-content h2 {
	margin-top: 10px;
}
.padding-7 {
	padding: 7px;
}
.padding-8 {
	padding: 7px;
}
.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.padding-top-10 {
	padding-top: 10px;
}
.padding-top-15 {
	padding-top: 15px;
}

.margin-left-5 {
	margin-left: 5px;
}
.margin-right-5 {
	margin-right: 5px;
}

.margin-left-15 {
	margin-left: 15px;
}
.margin-right-15 {
	margin-right: 15px;
}



.textblock {
	border: 1px #bbb solid;
	padding: 10px;
	background-color: #f9f9f9;
	margin-top: 10px;
}

#note {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #992222;
	border: 1px #f0c020 solid;
	display: none;
	background-color:#ffffdd;
	text-align: center;
}

.notification_ok {
	color: #229922;	
}

.more {
	font-weight: bold;
	font-size:11px;
	color:#C30
}

.more a {
	
}

/* CSS sliding doors button */


a.button, a.button-light,a.button-header {
    /* Sliding right image */
    background: transparent url('/assets/images/button.gif') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 33px;
	margin-right: 6px;
	padding-right: 10px;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}
	a.button span, a.button-light span, a.button-header span {
		background: transparent url('/assets/images/button.gif') no-repeat; 
		display: block;
		line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 6px 0 5px 8px;
		color: #fff;
	} 
	
	a.button:hover, a.button-light:hover, a.button-header:hover  {
		background-position: right -155px;
	}
	a.button:hover span, a.button-light:hover span, a.button-header:hover span {
		background-position: left -155px;
	}

	a.button-light{
	    background: transparent url('/assets/images/button_2.gif') no-repeat scroll top right; 
	}

	a.button-light span {
		color: #777;
		background: transparent url('/assets/images/button_2.gif') no-repeat; 
	}
	
	a.button-header {
	    background: transparent url('/assets/images/button_header.gif') no-repeat scroll top right; 
	}

	a.button-header span {
		
		background: transparent url('/assets/images/button_header.gif') no-repeat; 
	}


/* use form-button class for input button tags. */

input.form-button {
	padding: 5px 15px;
	font: bold 1em arial, sans-serif;
	cursor: pointer;
	color: red;
	background-color: #222;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #bbb #bbb #ccc;
	background: url(/assets/images/gradient.gif) repeat-x;
}







/* search block style */
#top-right .container-inline {
	margin: 0;
	padding: 0;
}
#top-right {
	float: right;	
}

#block-search {
	float: right;
	margin-top: 28px;
	width: 271px;
	height: 73px;
	padding: 0;
}

#block-search .content {
	padding: 0;	
	padding-left: 0px;	
	padding-right: 5px;
		
}
	
#block-search h2 {
	display: none;
}

#block-search .form-item {
	margin: 0;
	padding: 0;
	float: left;
}
#block-search #edit-search-wrapper {
	background: url(/assets/images/search_field.png) no-repeat top left;
	width: 181px;
	height: 23px;
	padding: 6px 3px;
}
	
#block-search #edit-search  {
	border: none;
	width: 175px;
	margin: 0;
	background: none;
	color: #999;	
	outline: none;
}
	
#block-search  .form-submit {
	height: 33px;
	background: url(/assets/images/search_button.png) no-repeat top left;
	margin-top: 0px;
	width: 67px;
	border: none;
	margin-left: 6px;
	font-weight: bold;
	color: #aaa;
	padding-top: 0;
}



/* contact form style */
/*
form {
  padding: 20px 0;
  margin: 0;
}
label {
	float: left;
	width: 100px;
	padding-right: 1px;
	font-weight: bold;
	color: #777;
}
input,
textarea{
	padding: 2px;
	font: 400 12px arial, sans-serif;
	background: #fcfcfc;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;  
}
input:focus,
textarea:focus{  
  color: #333;
  background-color: #f7f7f7;
}
#name, #email, #subject{
	width:250px;
}
#message{
	width:360px;
	height:150px;
}

#submit {
	height: 33px;
	background: url(/assets/images/styled_button_gradient.png) no-repeat top left;
	
	margin-top: 0px;
	width: 87px;
	border: none;
	margin-right: 6px;
	font: bold 1em arial, sans-serif;
	cursor: pointer;
	color: #777;
}


/* SLIDESHOW *//*
#slider-container{height:335px; background-color:#063; margin-bottom:10px;background-image:url(/assets/images/slider-bottom.gif); background-repeat:no-repeat; background-position:left bottom; position:relative}

#slider-frame{background-image:url(/assets/images/slider-frame.gif); background-repeat:no-repeat; position:absolute; width:680px; height:6px; top:0; z-index:80 !important}


#slider {
	position:relative;
    width:618px;
    height:246px;
	background:url(/assets/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

*/



/* image gallery on villa page
*/
div#container {
	padding-top: 20px;
}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:440px; 
}

div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;

}

div.loader {
	background-image: url('/assets/images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 18px
}
/*
div.slideshow img {
	border: none;
	display: block;
}
*/
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	text-align: center;
	padding-bottom: 0px;
	display: block;
	margin: auto;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 1px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 1px 0px 0px 0;
	list-style: none;
	text-align: center;
}

#gallery img, #thumbs img, #folders img
{
	background:url(/assets/images/galleriffic-shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;
	border: none;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}

div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #063;
	border-color: #ccc;
	color: #fff;
}
div.download {
	float: right;
}

.border-tumpul{
	border:1px #CCC solid; 
	padding: 10px 10px 0px 10px; 
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px; 
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px;
}

/*Lightbox Floor plan Gallery style*/

	#galleryFP {	
		background-color: #fff;
		border: 1px solid #c9c3ba;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px; 
		border-top-left-radius: 6px; 
		border-top-right-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-bottomright: 6px; 
		border-bottom-left-radius: 6px; 
		border-bottom-right-radius: 6px;					
		padding-top: 15px;
		width: 650px;
		height:125px;
	}
	#galleryFP ul { list-style: none; }
	#galleryFP ul li { display: inline; float:left;}
	#galleryFP ul img {
		border: 1px solid #666;
		border-width: 5px 5px 25px;
		margin-left:10px;
	}

	#galleryFP ul a:hover img {
		border: 1px solid #666;
		border-width: 5px 5px 25px;
		margin-left:10px;
	}
	#galleryFP ul a:hover { color: #fff; }
	
/*End of Floor plan lighbox style*/

.RTM
{
	padding-top:10px;  
	float:left;
	height:244px;
}
.RTM-title {
	width:320px;
	font-size:15px; 
	color:#666;
	padding-bottom:10px; 
	font-weight:bold; 
	border-bottom:thin; 
	border-bottom-style:dotted; 
}

.RTM-content {
	width:320px; 
	float:left; 
	padding-bottom:13px;
}