@charset "utf-8";

body { margin:0; padding:0; font-family:"Century Gothic";}

.clear{clear:both;}
p{ text-align:justify;}

#container {margin: 0px auto;text-align: left; width: 931px; }

#flagbox { width:931px; float:left; height:34px;}
#left-flagbox { width:9px; float:left; height:34px; background:url(../images/top-left-bg.gif) no-repeat;}
#center-flagbox { width:913px; float:left; height:34px; background:url(../images/top-center-bg.gif) repeat-x;}
#right-flagbox { width:9px; float:left; height:34px; background:url(../images/top-right-bg.gif) no-repeat;}
#showflag{ width:80px; float:right; padding-top:5px}


#logo{ width:931px; float:left; height:109px;}

#showlogo{ width:466px; float:left; height:109px;}
#flag{width:465px; float:left; height:109px; }

#gallery{ width:910px; float:left; padding:0px 10px 10px 10px}
#menubox{ width:931px; float:left; height:35px; }
#bannerbox{ width:931px; float:left; height:338px;}


#detailbox { width:931px; float:left; margin:10px 0px; border-bottom:1px #0179b5 dotted; border-top:1px #0179b5 dotted;  padding:10px 0px;}

#left-detailbox { width:255px; float:left; padding:10px 5px 0px 0px;}
#center-detailbox { width:382px; float:left; border-left:1px #0179b5 dotted; border-right:1px #0179b5 dotted; padding:0px 10px 10px 10px;}
#right-detailbox { width:255px; float:right; padding:0px 10px;}
#right { width:255px; float:right; padding:10px 5px;}

#banner-wedding{ width:344px; float:left; height:262px;}
#banner-villa{ width:232px; float:left; height:262px;}
#banner-villa1{ width:466px; float:left; height:262px;}
#box-wedding { width:640px; float:left; padding:0px 0px 0px 10px;  border-left:1px #0179b5 dotted; margin-top:0px}
#box-bedroom { width:270px; float:left; padding:0px 5px 0px 0px;}

#center-detailbox2 { width:716px; float:left; padding:0px 10px 10px 10px}
#sub1-detailbox { width:347px; float:left; padding:0px 10px 0px 0px;  border-right:1px #0179b5 dotted; margin-top:0px}
#sub2-detailbox { width:337px; float:left; padding:0px 10px 0px 10px;  border-right:1px #0179b5 dotted; margin-top:0px}


#center-plan { width:911px; float:left; padding:0px 10px 10px 10px; margin-top:0px}
#plan { width:270px; float:left; padding:0px 10px 0px 0px;  border-right:1px #0179b5 dotted; margin-top:0px}
#plan2 { width:409px; float:left; padding:0px 10px 0px 10px;  margin-top:0px}


#right-detailbox { width:300px; float:left; padding:0px 0px 0px 10px;}

#right-gallery { width:185px; float:left; padding-bottom:10px;}
#footerbox { width:931px; float:left; padding:5px 0px}


.picborder{ border:solid 1px #017bb7; padding:1px; background: #FFFFFF}

/* 5 boxs */

p { margin:0; padding:0;}
#5boxpage{ width:930px; float:left;}
#showboxcontain { width:174px; float:left;}
#cornerbox{ width:6px; float:left; height:6px;}
#topshowlinebox{ width:162px; height:6px; float:left; background:url(../images/top1.jpg) repeat-x;}
#bottomshowlinebox{ width:162px; height:6px; float:left; background:url(../images/bottom1.jpg) repeat-x;}
#centershowlinebox{ width:172px; float:left; background:#0197e2; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
#btwlinespace { width:15px; height:6px; float:left;}

/* End 5 boxs */


/* font */

h1 {color: #fff; font-family:"Century Gothic"; font-size:15px; font-weight:bold; text-transform:uppercase;}
h2 {color: #fff; font-family:"Century Gothic"; font-size:18px; font-weight:bold; border-bottom:2px #FFFFFF solid; padding:0px 0px 3px 0px}
h3 {color: #e9be27; font-family:"Century Gothic"; font-size:24px; font-weight:bold; margin:0; padding:0;}
h4 {color: #a49a7e; font-family:"Century Gothic"; font-size:11px; font-weight:bold; font-weight:bold; margin:0; padding:0;}

/*--End---*/

.textdata{font-family:"Century Gothic"; font-size: 12px;font-style:none; color: #000000; width:980px; height:350px; 
overflow:auto; 
scrollbar-face-color:#c0c1c2;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#000000;
}

.menutext{ color: #ffffff;font-family:"Century Gothic"; font-size:12px; font-weight:bold}
.menutext a{ color: #ffffff; font-family:"Century Gothic"; font-size:12px; text-decoration:none; font-weight:bold}
.menutext a:hover{ 	color: #000000; font-family:"Century Gothic"; font-size:12px;text-decoration:none;font-weight:bold}

.fontstyle{font-family:"Century Gothic"; font-size: 14px;font-style:none; color: #fff; text-align:justify;}
.fontstyle a{color:#fff; text-decoration:underline; font-family:"Century Gothic"; font-size: 14px; text-decoration:underline}
.fontstyle a:hover{color: #000; text-decoration:underline; font-size: 14px; font-family:"Century Gothic";}

.title{font-family:"Century Gothic"; font-size: 14px;font-style:none; color:#f88518; text-align:justify; font-weight:bold;}



.showpic {font-family:"Century Gothic"; font-size: 14px;font-style:none; color: #000000; width:353px; height:350px; overflow:auto;scrollbar-face-color:#e65e08;

scrollbar-3dlight-color:#ffffff;

scrollbar-arrow-color:#000000;}

.blackfontstyle{font-family:"Century Gothic"; font-size: 14px;font-style:none; color: #4c4d4f; text-align:justify}
.blackfontstyle a{font-family:"Century Gothic"; font-size: 14px;font-style:none; color: #4c4d4f; text-decoration:underline;}
.blackfontstyle a:hover{font-family:"Century Gothic"; font-size: 14px;font-style:none; color: #4c4d4f;}

p.news{

font-family:"Century Gothic"; font-size: 14px; letter-spacing:0.1em;

font-weight:bold;

}

.copyright{font-family:"Century Gothic"; font-size: 10px;font-style:none; color: #fff;}
.copyright a{font-family:"Century Gothic"; font-size: 10px;font-style:none; color: #fff; text-decoration: underline;}
.copyright a:hover{font-family:"Century Gothic"; font-size: 10px;font-style:none; color: #000;}

.link a{color:#333333; text-decoration:underline; font-family:"Century Gothic"; font-size:14px;}
	
.link a:hover{ color:#8e0000; text-decoration:underline;font-family:"Century Gothic"; font-size:14px;}
	
#navigation a {font-family:"Century Gothic"; font-weight:bold; font-size:14px; background: #cd9d1d url(../images/yellow-tl.gif) left top no-repeat; text-decoration: none; padding-left:20px; color:#FFF; height:25px; }



#navigation a span

{

background:url(../images/yellow-tr.gif) right top no-repeat;

padding-right: 20px;

}



#navigation a, #navigation a span

{

display: block;

float: left

}



/* Hide from IE5-Mac \*/

#navigation a, #navigation a span

{

float: none

}

/* End hide */



#navigation a:hover

{

color: #fff;

background: #184318 url(../images/green-tl.gif) left top no-repeat;

padding-left: 20px

}





#navigation a:hover span

{

background: url(../images/green-tr.gif) right top no-repeat;

padding-right: 20px

}



#navigation ul

{

list-style: none;

padding: 0;

margin: 0

}



#navigation li

{

list-style:none;

float: left;

margin: 0;

margin-right:2px;

} 



.border  {

background:none repeat scroll 0 0  #184318;
border:1px #184318 solid;

clear:left;

height:1px;

}