@charset "utf-8";
/* CSS Document */
html{ background: #e3e3e3 top left repeat; }

body{
background: #e3e3e3 top left repeat;  
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.bg_glow { background: transparent url(images/indexbg.jpg) center top no-repeat;}
.bg_glow_about {
	background: transparent url(images/aboutbg.jpg) center top no-repeat;
}
.bg_glow_the-sipitang-walk{ background: transparent url(images/the-sipittang-wakl.jpg) center top no-repeat;}
.bg_glow_s-villa{ background: transparent url(images/s-villabg.jpg) center top no-repeat;}
.bg_glow_elevate{ background: transparent url(images/elevatebg.jpg) center top no-repeat;}
.bg_glow_grow{ background: transparent url(images/growbg.jpg) center top no-repeat;}
.bg_glow_enrich{ background: transparent url(images/enrichbg.jpg) center top no-repeat;}
.bg_fantastic_accessibility{background: transparent url(images/fantastic_accessibility.jpg) center top no-repeat;}
.bg_glow_siteplan{ background: transparent url(images/siteplanbg.jpg) center top no-repeat;}
.bg_glow_locationplan{ background: transparent url(images/locationplanbg.jpg) center top no-repeat;}
.bg_glow_type-a{ background: transparent url(images/type-a-bg.jpg) center top no-repeat;}
.bg_glow_type_other{ background: transparent url(images/type-other-bg.jpg) center top no-repeat;}
.bg_glow_registation{ background: transparent url(images/contact.jpg) center top no-repeat;}
.bg_glow_contact{ background: transparent url(images/contactbg.jpg) center top no-repeat;}
.bg_glow_svillasiteplan{ background: transparent url(images/s-villasitebg.jpg) center top no-repeat;}
.bg_glow_svillalocation{ background: transparent url(images/s-villa-locationbg.jpg) center top no-repeat;}




#container { 
width:100%;
/*background:url(images/top_bg_02.jpg) repeat-x top center;*/
top: 0; bottom: auto; left: 0; right:0px;
/*min-height:720px;*/
height:auto;
}

#wrapper {
	width:950px;
	position:relative;
	margin:0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right:0px;
	z-index: 0;
}


/* ---------------------------------------- header -----------------------------------------------*/
#header { 
width:950px;
position:relative;
top: 0; bottom: auto; left:0; right: 0;
height:92px;
}

#logo { 
width:400px; height:82px;
float:left;
z-index: 50; margin-top:5px;
}

/*menu*/
#menubar {
	float:left;
	height:72px;
	width:500px;
	margin-top:15px;
	margin-left: 50px;
}
a.menubar:link {color:#434142; padding: 0px 10px; text-decoration:none;}
a.menubar:visited {color:#434142; padding: 0px 10px; text-decoration:none;}
a.menubar:active {color:#434142; padding: 0px 10px; text-decoration:none;}
a.menubar:hover {color:#00aade;padding: 0px 10px; text-decoration:none;}
a.current_page_item {color:#00aade;padding: 0px 10px;text-decoration:none; !important}

#sipitang-walkbar {
	float:left;
	margin: 8px 150px 0 100px;
}

a.sipitang-walkbar:link {color:#434142; font-size:11px; padding: 0px 5px; text-decoration:none;}
a.sipitang-walkbar:visited {color:#434142; font-size:11px;padding: 0px 5px; text-decoration:none;}
a.sipitang-walkbar:active {color:#434142; font-size:11px; padding: 0px 5px; text-decoration:none;}
a.sipitang-walkbar:hover {color:#00aade; font-size:11px; padding: 0px 5px; text-decoration:none;}
a.current {color:#00aade; font-size:11px; padding: 0px 5px;text-decoration:none; !important}

#developmentbar {
	float:left;
	margin: 8px 0 0 15px;
	width: 360px;
}
#developmentbar1 {
	float:left;
	margin: 8px 0 0 220px;
	width: 190px;
}
a.developmentbar:link {color:#434142; font-size:11px; padding: 0px 5px; text-decoration:none;}
a.developmentbar:visited {color:#434142; font-size:11px;padding: 0px 5px; text-decoration:none;}
a.developmentbar:active {color:#434142; font-size:11px; padding: 0px 5px; text-decoration:none;}
a.developmentbar:hover {color:#00aade; font-size:11px; padding: 0px 5px; text-decoration:none;}

/*banner*/
#banner{
	width:950px;
	height:530px;
	background:url(images/banner_bg_13.png)bottom  no-repeat;
}

.indextilbox{
	width:950px;
	margin-bottom: 70px;
}

.indextilblue{
	margin-left: 440px;
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 38px;
	font-weight: bolder;
	color: #00aade;
}
.indextilyellow{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 38px;
	font-weight: bolder;
	color: #ffd400;
}

.indexsub{
	margin-top: 13px;
	margin-left: 490px;
	margin-right:65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: right;
}
.indexsublue{
	margin-top: 8px;
	margin-left: 490px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00aade;
	text-align: right;
	font-weight: bold;
	margin-bottom:55px;
}
.indexsublue1{
	margin-top: 51px;
	margin-left: 490px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00aade;
	text-align: right;
	font-weight: bold;
	margin-bottom:55px;
}

.theme-default #slider {
	margin:10px auto 0 auto;
	width:950px; /* Make sure your images are the same size */
	height:479px; /* Make sure your images are the same size */
}

.grap{
	height:134px;
}

.gap1{
	height:192px;
}
.gap2{
	height:150px;
}
.gap3{
	height:223px;
	width:950px;
}
.gap4{
	height:125px;
	width:950px;
}
.gap5{
	height:377px;
	width:950px;
}
.gap6{
	height:78px;
	width:950px;
}
.gapsitemap{
	height:202px;
	width:950px;
}
.titlebar{
	width:375px;
	margin:20px auto 0 290px;
}
.titlebar1{
	width:550px;
	margin:25px 15px 0 380px;
}
.titlebar3{
	width:260px;
	margin:20px auto 58px 340px;
}
.titlebarsitemap{
	width:200px;
	margin:20px auto 58px 450px;
}
.titlebar4{
	width:240px;
	margin:20px auto 58px 380px;
}
.titleblue{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 25px;
	color: #00aade;
	font-weight: bold;
}
.titlebluesmall{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 19px;
	color: #00aade;
	font-weight: bold;
}
.titleblack{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 19px;
	color: #333333;
	font-weight: bold;
}
.titleyellow{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 25px;
	color: #ffd400;
}
.titlelevate{
	width:425px;
	margin:26px 45px 0 320px;
}
.titlelevateblue{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 15px;
	color: #00aade;
	font-weight: bolder;
}
.titlelevateyellow{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 25px;
	color: #ffd400;
}
.titloff{
	width:425px;
	margin:21px 45px 0 180px;
}
.titloffblue{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 25px;
	color: #00aade;
	font-weight: bolder;
}
.titloffyellow{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 25px;
	color: #ffd400;
}

/* ---------------------------------------- about -----------------------------------------------*/
#content { width: 950px; overflow: hidden;  color:#444142; border:0px solid #000000; height:100%;}
#contentbox {
    margin-top:25px;
	margin-left:95px;
	position:relative;
	display: block;
    /*overflow: hidden;*/
	color:#ffffff;
	}
.contenboxtxt{
	width:600px;
	margin:54px 42px 236px 12px;
}
.contentxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.contentxt1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 470px;
	text-align: justify;
}
.contentxt2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 354px;
	text-align: justify;
}
.contensiptangbox{
	width:570px;
	height:auto;
	margin:15px auto 43px 370px;
}
.contensiptangbox1{
	width:692px;
	min-height:608px;
	height:auto;	
	margin:15px auto 0 auto;
	padding-left:42px;
}
.contensiptang{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 14px;
	font-weight:bold;
	color: #ffd400;
	width:570px;
	margin-top:40px;
}



.contensiptangbox1svilla{
	width:630px;
	height:auto;
	margin:15px 0 212px 25px;
}
.contensiptangsvilla{
	width:630px;
	margin-top:40px;
}

.contenelevatetil{
	width:400px;
	font-size: 16px;
	color: #ffd400;
	margin-top:45px;
	font-weight: bolder;
}
.contenelevatetil1{
	width:400px;
	font-size: 16px;
	color: #00aade;
	margin-top:45px;
	font-weight: bolder;
}
.contenelevate{
	width:570px;
	margin-top:15px;
}

.contenofftxt{
	width:768px;
	margin:45px 42px 40px 114px;
}
.contenoff{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.contenofftl{
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
}
.contilbox{
	height: 114px;
	width: 950px;	
}
.contilbox1{
	height: 100px;
	width: 950px;	
}

.sipitanglocationplan{ width:950px;}
.sipitanglocationbox1{
	width:600px;
	position:relative;
	float:left;
	text-align: justify;
	margin-top: 15px;
}

.sipitanglocationbox2{
	width:260px;
	position:relative;
	float:left;
}

.sipitanglocationbox3{
	width:600px;
	position:relative;
	float:left;
	text-align: right;
	margin-top: 80px;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 127px;
}

.sipitanglocationbigbox{
	width:600px;
	margin-right: 50px;
	position:relative;
	float:left;
	margin-left: 30px;
}

.svillalplan{
	margin:0 0 47px 500px;
}

/* --------------- gallery---------------*/
.galleryextop{
	width:950px;
	height:200px;
}
.galleryeximg {
	width:291px;
	height:150px;
	float:left;
	position:relative;
	padding:0;
	margin:0 11px;
}
.galleryeximg a {opacity:1.0;filter:alpha(opacity=40); }
.galleryeximg a:hover{opacity:0.7;filter:alpha(opacity=100); }
.galleryexbox {width:960px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#1d1d1d;text-align:justify;margin-top:15px; margin-bottom:15px;}
/* ---------------end gallery---------------*/

.sitemap{
	width:750px;
	margin: 0 auto;
	line-height: 18px;
}








/*------------------------------contact------------------------------*/
.contactinfo{ width:100%; line-height:18px; }

.cbbox1{
	line-height:20px;
	width:355px;
	height:auto;
	border:0px;
	position: relative;
	float: left;
	margin: 20px 0px 0px 130px;
}
.cbbox2{
	line-height:20px;
	width:355px;
	height:auto;
	border:0px;
	position: relative;
	float: right;
	margin: 20px 0px 0px 20px;
}

.cbox3{
	width:350px;
	border:0px;
	margin-bottom:10px;
	float: left;
}
.continforbox{
	width:700px;
	height:140px;
	margin: 0 auto 284px;
}
.contustil{
	width:750px;
	height:auto;
	margin-bottom:25px;
}
.continformation{
	width:320px;
	float:left;
	margin-left:50px;
}
.continformation1{
	width:320px;
	float:left;
	margin-left:8px;
}
.continforblue a{
	color: #00aade;
	text-decoration: none;
}
.contilte{
	width: 680px;
	float:left;
	margin-left:130px;
}
.contitloffblue{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 20px;
	color: #00aade;
	font-weight: bolder;
}
.contitloffyellow{
	font-family: VDub;
	src: url('font/HEMIHEAD');
	font-size: 20px;
	color: #ffd400;
}
/*------------------------------end contact------------------------------*/

/*#add{line-height:18px;}

a.contactlink:link {
color: #e3c908; text-decoration: none;}
a.contactlink:active {
color: #e3c908; text-decoration: none;}
a.contactlink:visited {
color: #e3c908; text-decoration: none;}
a.contactlink:hover {
color:#e3c908; text-decoration: underline;
}*/

/* Input/Form Styles */
/*label {padding-right: 20px; display: block; padding-bottom: 10px;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.inputbox {border: 1px solid #cecece; padding: 3px; width: 250px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 2px; color: #666; background: url(images/bg_fade_sml.png) repeat-x top #ffffff;}
.inputbox:focus {border: 1px solid #ff7400;}
.smallbox {width: 250px; height:20px;}*/
/* ---------------------------------------- footer -----------------------------------------------*/
#footer{
width:100%;
height:30px;
background: #444142 repeat-x;
position:relative;
top: auto; bottom: 0;
left:0; right: 0;
}

#footer .size {
	width:950px;
	background:none;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#b6b2b2;
}

#footer .copyright{
	float:left;
	width: 965px;
}
.copyright a:link {
color: #b6b2b2; text-decoration: none;}
.copyright a:active {
color: #b6b2b2; text-decoration: none;}
.copyright a:visited {
color: #b6b2b2; text-decoration: none;}
.copyright a:hover {
color:#b6b2b2; text-decoration: underline;
}


a.bottomlink:link {
color: #b6b2b2; text-decoration: none;}
a.bottomlink:active {
color: #b6b2b2; text-decoration: none;}
a.bottomlink:visited {
color: #b6b2b2; text-decoration: none;}
a.bottomlink:hover {
color:#b6b2b2; text-decoration: underline;
}