/*
Name : style.css
Author : Deachana Sukrin
Contact : oam@nitade35.com
*/

/* General */
a:link, a:visited  {
	color:#003399;
	/* color: #324F00; */
	text-decoration: none;
}

a:hover {
	color: #DE3A3A;
	text-decoration: none;
}

body {
	background-color:#f2f2f2;
	margin:0px;
	padding:0px;
	font-family:Verdana, sans-serif;
	font-size:12px;
	width:100%;
}

/* Container */
#container {
	width:925px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	z-index:-4;
}

/* Homepage */
#containerh {
width:850px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}

#flashcontent {

margin-top: 28px;
background:transparent url(../images/bg-soft.gif) no-repeat top left;
	height:536px;
	padding:0;
}

#sitemap {
width:925px;
background:transparent url(../images/bg.jpg) no-repeat top left;
padding: 0 20px;
}

#sitemap h1 {
	font-size: 18px;
	font-weight:normal;
	margin:20px 0px 10px;
	padding:0px;
	color:#262F17;
	letter-spacing:3px;
}

#homepage h1 {
	font-size: 18px;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	color:#262F17;
	letter-spacing:3px;
}

#footerh {
	margin:0 0 0 0;
	padding:0 5px 0 0;
	font-size:12px;
	color:#666;
	text-align:right;
}

#footerh  img {
	vertical-align:middle;
}

#footerh a, #footer a:visited {
	text-decoration:none;
	color:#262F17;
}

#footer a:hover {
	text-decoration:none;
	color:#669933;
}


#footerh p.left {
	margin-top:5px;
	float:left;
}

#footerh p.right {
	margin-top:15px;
	float:right;
}

ul#lang {
list-style-type: none;
float:left;
margin: 0;
padding: 0;
}

ul#lang li {
display:inline;
margin: 0;
padding: 0 0 0 3px;
}

/* Menu */
#menu {
	margin:10px 0 0 0;	
	padding:0;
	z-index:4;
	font-size: 12px;
}

ul#nav {
float:right;
	list-style-type: none;
	margin:5px 10px 3px 0;
padding:0;
	z-index:4;
	border-right: 1px solid #262F17;
	
}

ul#nav li {
	padding: 0 5px;
	display:inline;
	position: relative;
	z-index:4;
	border-left: 1px solid #262F17;
}

/* Dropdown */
ul#nav li ul {
	position: absolute;
	z-index:4;
	top: 13px;
	left: -35px;
	display: none;
}

ul#nav li ul li {
	padding: 0;
	z-index:4;
	border:none;
}

/* Styles for Menu Items */
ul#nav li ul li a {
	text-align:left;
	text-decoration: none;
	display: block; 
	width:160px;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	z-index:4;

}

ul#nav li ul li a:hover { color:#262F17; background: #ebebeb; z-index:4;} /* Hover Styles */

ul#nav li:hover ul, ul#nav li.over ul {
	display: block; 
	background: #fff ; /* IE6 Bug */
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; /* Transparent */
	border-bottom: 1px solid #ccc; /* IE6 Bug */
	padding: 0;
	z-index:4;
} /* The magic */

#menu a#current {
	color:#262F17;
	font-weight:bold;
	z-index:4;
	
}

#menu a#current:hover {
	color:#262F17;
	font-weight:bold;
	z-index:4;
}

#menu a:link, #menu a:visited {
	color:#262F17;
	text-decoration:none;
	z-index:4;
		font-weight: normal;
}

#menu a:hover {
	color:#669933;
	text-decoration:none;
	z-index:4;
		font-weight: normal;
}

/* Content */
#content {
clear:both;
border-top:3px solid #003300;
border-bottom:3px solid #003300;
	background:#f0eed9 url(../images/bg-soft.gif) no-repeat top left;
	height:450px;
	margin:0;
	padding:0;
	
}

#homeh {
	background:#f0eed9 url(../images/bg-soft.gif) repeat top left;
	height:600px;
	margin:0;
	padding:0;
}

/* Main*/
#side {
	width:600px;
	float:right;
	padding:0;
	margin:0 0 -5px 0;
	color:#996633;
	z-index:-3;
}
#side2 {
	width:200px;
	float:right;
	padding:0;
	margin:0 0 -5px 0;
	color:#996633;
	z-index:-3;
}
#side1 {
	width:400px;
	float:right;
	padding:0;
	margin:0 0 -5px 0;
	color:#996633;
	z-index:-3;
}
#sidef {
	width:550px;
	float:right;
	padding:0;
	margin:0 0 -5px 0;
	color:#996633;
}

#side h2 {
	margin: 30px 0 5px 10px;
	padding:0;
	font-size:12px;
	font-weight:normal;
}

#side h3 {
	margin: 20px 0 5px 10px;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
#side1 h3, #side2 h3 {
	margin: 20px 0 5px 10px;
	padding:0;
	font-size:18px;
	font-weight:normal;
}


#main h3 {
	margin: 7px 0 0 5px;
	padding:0;
	font-size:12px;
	font-weight:bold;
}


#side p {
	margin: 0 0 0 10px;
	font-size:10px;
}

#side table {
	border-top:1px solid #996633;
	border-bottom:1px solid #996633;
	width:580px;
	margin:0 10px;
	padding:0;
	text-align:left;
}

#side th {
	border-bottom:1px solid #996633;
	vertical-align:top;
}

#side th.right {
	border-bottom:1px solid #996633;
	text-align:right;
}

#side th.center {
	text-align:center;
}

#side td.right {
	text-align:right;
}

#side td.left {
	text-align:left;
}

#side td.center {
	text-align:center;
}

#side td.topborder {
	border-top: 1px solid #996633;
}
#side1 p {
margin: 0 0 0 10px;
}

#sendmail {
	boder:0;
}

ol {
	margin:0;
	padding:0;
	background-color:#fff;
	top:-3px !important; /* hide from IE */
	top:-3px;
	position:relative;
}

ol li {
	display:inline;
	margin:0 -5px 0 0;
	padding:0;
}

ol#condo {
	margin:0;
	padding:0;
	background-color:#fff;
	top:-3px !important; /* hide from IE */
	top:-3px;
	position:relative;
}

ol#condo li {
	display:inline;
	margin:0;
	padding:0 -3px 0 0;
}

ol#villas {
	margin:0;
	padding:0;
	background-color:#fff;
	top:-3px !important; /* hide from IE */
	top:-5px;
	position:relative;
}

ol#villas li {
	display:inline;
	margin:0 -4px 0 0;
	padding:0;
}

#mainf {
	width: 270px;
	* float:left; /* Hack IE6 */
	margin:0;
	padding: 20px 0 0 20px;
	color:#262F17;
}

#main {
	width: 295px;
	* float:left; /* Hack IE6 */
	margin:0;
	padding: 20px 0 0 20px;
	color:#262F17;
}

img#promotions {
margin: 7px 0 0 80px;
}

#mainh {
	* float:left; /* Hack IE6 */
	margin:0;
	padding: 20px 0 0 20px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", sans-serif;
}

#mainh h1 {
	font-family:"Trebuchet MS", sans-serif;
	font-size: 18px;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	color:#FFFFFF;
	letter-spacing:3px;
}


#main h1 {
	font-size: 18px;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	color:#262F17;

}

#mainf h1 {
	font-size: 18px;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	color:#262F17;
	letter-spacing:1px;
}


#main p {
	margin:7px 0 0 0;
	padding:0 0 0 5px;
}

#mainf p {
	margin:7px 0 0 0;
	padding:0 0 0 5px;
}

#mainh p {
	margin:7px 0 0 0;
	padding:0 0 0 10px;
	font-size:13px;
}

#mainh p.right {
	text-align:right;
}

#main p.right {
	text-align:right;
}

#main p.next {
	margin: 5px 0 0 0;
}

#main p.next img {
	vertical-align:middle;
}

#main p.detail {
	margin:0;
	padding:5px 0 5px 10px;
}

#main p.bottom {
	margin-top:120px;
	font-size:9px;
}

#main p.bottom2 {
	margin-top:170px;
	font-size:10px;
}

#main ul {
	list-style-type: disc;
}

#main ul li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: -20px;
}
/* Footer */
#footer {
	text-align:right;
	margin:0 0 0 0;
	padding:5px 10px 0 0;
	font-size:9px;
	color:#666;
	clear:right;
	background-image: url(../images/searidge.gif);
	background-repeat: no-repeat;
	height:60px;
}

/* Form */
form {

	margin:0;
	padding:0 0 0 10px;
}

form#pricing {
margin-top: -20px; 
}

form#formmail {
	width:390px;
	margin-top:10px;
}

form#client {
	margin-top:10px;
}

#client label {
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 10px;
}

#client input {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
}

#formmail label, #formmail input {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 5px;
}

#newsletter label, #newsletter input  {
	display: block;
	width: 120px;
	float: left;
margin-bottom: 5px;
}

#newsletter input#submit {
	width:100px;
	left:124px;
	position:relative;
}

#formmail input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}


#client input#submit {
	width:100px;
	left:84px;
	position:relative;
}

#formmail input#submit {
	width:100px;
	left:130px;
	position:relative;
}

#pricing input#submit {
	width:100px;
	left:445px;
	margin-bottom:5px;
	position:relative;
}

form#download {
	margin-top:10px;
}

#download label {
	display: block;
	width: 60px;
	float: left;
	margin-bottom: 10px;
}

#download input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#download input#submit {
	width:100px;
	left:64px;
	position:relative;
}

label {
	text-align: left;
	width: 100px;
	padding-right: 5px;
}

select {
	width: 200px;
	float: none;
	margin-bottom: 10px;
}

textarea {
	width: 250px;
	height:130px;
	float: left;
	margin-bottom: 10px;
}

br {
	clear: left;
}

/* Villa Page */
table#villa, table#general {
	background-color:#bad494;
	margin:0;
	padding:0;
	border:0;
}

table#general {
background: url(../images/967509.jpg) no-repeat top left;
width: 600px;
height: 450px;
color: #5F482F;
border:none;

}

table#general th {
background-color:#FFFFFF;
filter:alpha(opacity=80);
opacity:0.8;
padding:5px 10px;
border:none;
font-size: 14px;
color:#262F17;
width:300px;
}


table#general td {
background-color:#FFFFFF;
filter:alpha(opacity=80);
opacity:0.8;
padding: 0 10px;
border:none;
width:300px;
}

table#villa td {
	height: 20px;
	text-align:left;
	padding:0 1px;
}

table#villa td.description {
	text-indent:6px;
}

table#villa a, table#villa a:visited {
	color:#262f17;
}

table#villa a:hover {
	color:#262f17;
}

span.unit {
	font-size:8px;
}

img.floorplan {
	height:80px;
	top:60px;
	float: right;
	margin-left: 3px;
	z-index:2;
	position:relative;
	font-size:10px;
}

span.plantext {
	top:55px;
	left:200px;
	z-index:3;
	position:relative;
	font-size:10px;
}

img.floorplan-n {
	height:80px;
	top:68px;
	float: right;
	margin-left: 3px;
	z-index:2;
	position:relative;
	font-size:10px;
}

span.plantext-n {
	top:72px;
	left:200px;
	z-index:3;
	position:relative;
	font-size:10px;
}

img.floorplanj {
	height:80px;
	top:30px;
	float: right;
	margin-left: 3px;
	z-index:2;
	position:relative;
}

span.plantextj {
	top:30px;
	left:200px;
	z-index:3;
	position:relative;
	font-size:10px;
}

#concept {
	background-color:#bad494;
	height:450px;
	margin:0;
	padding:0;
}

#concept h1 {
	font-size: 18px;
	font-weight:normal;
	margin:20px 0px 0px 10px;
	padding:0px;
	color:#262F17;
	letter-spacing:3px;
}

#concept p {
	background-color:#bad494;
	margin:20px 0 0 30px;
	padding:0;
}

#bconcept p {
	background-color:#bad494;
	left:-15px;
	position: relative;
	font-size:10px;
}

#lconcept {
	float: left;
	width: 400px;
}

#rconcept {
	float: right;
	width: 450px;
}

#rconcept {
	float: right;
	margin: 40px 20px 0 0;
}

#bconcept {
	clear:both;
	margin:0px 0 0 0;
	padding:0 0 0 0;
}

#bconcept p {
	position:relative;
	top:10px;;
}


#bconcept img {
	clear:both;
	top:15px;
	position:relative;
}

#siteplan {
clear:both;
	height:450px;
	margin:0;
	padding:0;
	width:900px;
}

ul#feature {
list-style-type: none;
margin: 5px 0 0 20px;
}

#header {
margin:0;
padding:0;
display:none;
z-index:-4;
}

#header h1#title {
margin:0;
padding:0;
visibility: hidden;
}

#investing {
	* float:left; /* Hack IE6 */
	margin:0;
	padding: 20px 10px 0 20px;
	color:#000;
	width: 470px;
}

#investing h1 {
	font-size: 18px;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	color:#000;
	letter-spacing:3px;
}

#sidein {
	width:400px;
	float:right;
	padding:0;
	margin:0 0 -5px 0;
	color:#996633;
}

img.skype {
vertical-align:middle;
}

.newsicon {
text-align:center;
float:left;
width:120px;
}

p.title {
font-weight: bold;
}

#icons {
margin-top: 10px;
}