/*Common rule*/

/*border:1px solid red;*/

html{ /* forces scrollbars */
height:100%;
margin-bottom:1px;
}

* { /* global settings for every element on the site */
margin:0;
padding:0;
outline:0;
}

body{
background:#FFFFFF url("../images/bg.jpg") repeat-y top left;
font-family:Arial, Tahoma, Verdana;
font-size:11px;
color:#141414;
line-height:1.4em;
cursor:default;
}

a:link,a:visited{
text-decoration:none;
color:#9A8974;
cursor:pointer;
}
a:hover, a:active, a:focus{
color:#686868;
cursor:pointer;
}

acronym{cursor:help;}

br.clearBoth{clear:both;}
fieldset{border:none;}
img, a img{border:0;}

h1{margin:0 0 5px 0;font-size:1.3em;}
h2{margin:0 0 5px 0;font-size:1.3em;}
h3{font-size:1.1em;}

optgroup{font-style:normal;}
optgroup option{margin-left:15px;}

p{margin:10px 0;letter-spacing:normal;}

.center{text-align:center;}

ul{
list-style:disc outside;
margin:7px 25px;
}

ul.arrow{
list-style:disc outside url("../images/bullet_1.gif");
margin:7px 25px;
}

.alignRight{text-align:right;}
.bold{font-weight:bold;}
.center{text-align:center;}
.clearBoth{clear:both;}
.displayBlock{display:block;}
.displayNone{display:none;}
.floatRight{float:right;}
.hide{display:none;visibility:hidden;}
.hideOverflow{overflow:hidden;}
.warning{color:#FF0000;}


.width751px, .width640px, .width500px, .width390px{
display:block;
float:left;
width:500px;
}

.width751px{
float:left !important;
float:none;
width:751px;
}

.width640px{width:640px;}
.width390px{width:390px;}

/*layout*/
#main{
display:block;
margin:0 auto;
width:974px;
}

#container{
display:block;
float:left;
padding-bottom:50px;
width:100%;
}

#top{
display:block;
float:left;
width:100%;
height:112px;
}

.topper{
position:relative;
background:url("../images/bg_topper.gif") repeat-x;
display:block;
float:left;
margin-bottom:-2px;
width:100%;
height:17px;
z-index:3;
}

.goHome, a.goToHome{
display:block;
margin:0 auto;
width:460px;
height:112px;
}

a.goToHome{background:url("../images/bg_logo.png") no-repeat;}

.topBanner{
background:url("../images/bg_lite.png") no-repeat;
display:block;
float:left !important;
float:none;
padding:0 7px;
width:960px;
height:247px;
}

.flashMenu{
background-color:#1D1306;
display:block;
float:left;
width:209px;
height:247px;
}

#bigPic{
display:block;
float:left;
width:751px;
height:247px;
}

.buttTransparent{
position:relative;
background:url("../images/bg_lite_butt.png") no-repeat;
display:block;
float:left !important;
float:none;
width:100%;
height:15px;
}

#content{
background:url("../images/bg_lite.png") no-repeat;
display:block;
float:left;
margin:15px 0 0 0;
padding:0 7px;
width:960px;
}

/*left*/
#left{
position:relative;
display:block;
float:left;
width:209px;
}

#loginBox, .registerBox{
background-color:#1D1306;
display:block;
float:left;
padding:0 14px;
width:180px;

}

.registerBox{
background:url("../images/bg_register_box.gif") repeat-x;
margin:0 0 5px 0;
height:60px;
}

#loginBox h1, .registerBox h1{float:right;margin:10px 0;}

#loginBox p, .registerBox p{position:relative;clear:both;margin-top:0;color:#FFFFFF;text-align:right;}

#loginBox a:link, #loginBox a:visited, .registerBox a:link, .registerBox a:visited{color:#FFFFFF;}
#loginBox a:hover, #loginBox a:active, #loginBox a:visited:hover, .registerBox a:hover, .registerBox a:active, .registerBox a:visited:hover{color:#9A8974;}

/*end left*/

#textGoesHere{
position:relative;
display:block;
float:left;
padding:23px 55px;
width:640px;
}

.hr{
display:block;
float:left;
margin:0 0 7px 0 !important;
margin:-8px 0 -3px 0;
width:100%;
height:1px;
border:none;
border-bottom:1px solid #9A8974;
}

#footer{
position:relative;
display:block;
float:left !important;
float:none;
margin:0 0 20px 0;
width:100%;
text-align:center;
color:#AEAEAE;
}

.leftCol, .leftColNews{
display:block;
float:left;
margin:30px 0;
width:160px;
height:100%;
}

.leftCol img, .leftColNews img{
margin:0 0 10px 0;
width:120px;
height:60px;
}

.leftColNews{
margin:10px 0 0 0;
}

.stage{
display:block;
float:left;
margin:10px 0;
width:480px;
border-top:1px solid #9A8974;
border-bottom:1px solid #9A8974;
}


/*choose page*/
#pager{
clear:both;
display:block;
margin-top:40px;
color:#AEAEAE;
text-align:center;
}

a.choosePage, a.choosePage:visited, .greyOut{
background:none;
margin:0 3px 0 0;
padding:1px 5px;
color:#686868;
text-decoration:none;
line-height:1.3em;
}

a.choosePage:hover, a.choosePage:active{
color:#141414;
text-decoration:none;
}
.greyOut{color:#AEAEAE;}
.greyOut b{color:#141414;}
/*end*/

/* design.asp*/

ul.onDesignbanner{
position:relative;
background:url("../images/banner_design.jpg") no-repeat;
list-style:none;
display:block;
float:left;
margin:0 0 0 1px;
width:750px;
height:247px;
}

ul.onDesignbanner li, ul.onDesignbanner li a{
display:block;
float:left;
margin:0 3px 0 0 !important;
margin:0 1px 0 0;
width:147px;
height:245px !important;
height:246px;
}

ul.onDesignbanner li a{border:1px solid #FFFFFF;margin:0;}

ul.onDesignbanner li a:hover{border:1px solid #1D1306;}

/* end design.asp*/

/*design_each.asp*/

.killPadding{margin:-23px -55px;}

ul.villasNav{
list-style:none;
display:block;
float:left;
margin:12px 0 27px 0;

width:751px;
height:100px;
}

ul.villasNav li, ul.villasNav li a{
display:block;
float:left;
margin:0;
width:150px;
height:100px;
}

ul.villasNav li .champa{background:url("../images/nav_design.jpg") no-repeat 0 -100px;}
ul.villasNav li .champee{background:url("../images/nav_design.jpg") no-repeat -150px -100px;}
ul.villasNav li .nonsri{background:url("../images/nav_design.jpg") no-repeat -300px -100px;}
ul.villasNav li .sarapee{background:url("../images/nav_design.jpg") no-repeat -450px -100px;}
ul.villasNav li .peeb{background:url("../images/nav_design.jpg") no-repeat -600px -100px;}

ul.villasNav li a.champa:hover, ul.villasNav li .champaOn{background-position:0 0;}
ul.villasNav li a.champee:hover, ul.villasNav li .champeeOn{background-position:-150px 0;}
ul.villasNav li a.nonsri:hover, ul.villasNav li .nonsriOn{background-position:-300px 0;}
ul.villasNav li a.sarapee:hover, ul.villasNav li .sarapeeOn{background-position:-450px 0;}
ul.villasNav li a.peeb:hover, ul.villasNav li .peebOn{background-position:-600px 0;}

.forShowAtBanner{
display:block;
float:left;
margin:15px 0;
width:634px;
}

.forShowAtBanner a{
display:block;
float:left;
margin:0 6px 3px 0;
width:206px;
}

a.viewMasterPlan{
background:url("../images/h_vamp.jpg") no-repeat left center;
display:block;
float:left !important;
float:none;
margin:0 0 0 55px;
width:90%;
height:30px;
}

.viewPlan{
display:block;
float:left;
margin:30px 10px 50px 0;
width:230px;
height:230px;
}

/* end *design_each.asp*/

/*gallery.asp*/
.gThumb{
background:url("../images/bg_thumb.gif") no-repeat;
display:block;
float:left;
padding:10px 0 0 11px;
width:152px;
height:79px;
}

.gThumb img{
width:145px;
height:68px;
}
/*end gallery.asp*/

/*member.asp*/

.stageMember{
display:block;
float:left !important;
float:none;
margin:0 0 0 40px;
width:550px;
}

.inputRow2{
float:left;
margin:3px 0;
width:550px;
text-align:center;
}

.inputRow2 span, .inputRow2 span.thesent, .inputRow2 span.lite{
background-color:#EEEEEE;
display:block;float:left;
margin:0 4px 0 0;
padding:1px 2px 1px 3px;
width:121px;
height:17px;
text-align:center;
}

.inputRow2 span.thesent{width:100px;}

.inputRow2 span.lite{
width:100px;
background-color:#FDFDFD;
overflow:hidden;
}

.inputRow2 input{
padding:1px 2px 1px 3px;
width:120px;
height:15px;
font:normal 11px Tahoma;
border:1px solid #EBEBEB;
}

.inputRow2 input.inputSubmit{
margin:5px auto;
padding:0;
width:92px;
height:20px;
font:normal 11px Verdana;
border:none;
outline:0;
cursor:pointer;
}

/*end member.asp*/