@charset "utf-8";
/*
--------------------------------------------------
Amornphant Villa Resort Project: XHTML CSS Coding
Start Date: 05/06/08
Coding By: Piranha!TM
--------------------------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

* {margin: 0; padding: 0;}

body {font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	line-height: 120%;
	text-align: center;
}

a {color: #B3863D; text-decoration: none;}
a:hover {color: #B3863D; text-decoration: underline;}
a:visited {color:#B3863D;}

IMG {border:none;}

้H1 {color:#BC9953;}

#wrapper {width:1007px; margin: 0 auto; overflow:hidden;}

#header {background: url(images/header.png) no-repeat; width: 1007px; height: 100px; margin: 0px auto; position:relative;}
#header #topNav {width:580px; height:32px; top:69px; left: 355px; position:absolute;}

/*Index Page Style*/
#mainHeader {background: url(images/bg/main1.png) no-repeat; width: 1007px; height:100px; margin: 0px auto; position:relative;}
	#mainHeader #mainTopNav {width:580px; height:32px; top:69px; left: 355px; position:absolute;}
.main1 {background:url(images/bg/main2.png) no-repeat; width:1007px; height:200px; margin: 0px auto;}
.main2 {background:url(images/bg/main3.png) no-repeat; width:1007px; height:174px; margin: 0px auto;}
.main3 {background:url(images/bg/main4.png) no-repeat; width:1007px; height:235px; margin: 0px auto;}
	.main3 #mainContent {width:770px; height:215px; left:130px; position:absolute;}
	.main3 #leftSide {width:500px; height:135px; margin:65px auto; float:left; text-align:left; color:#666666;}
	.main3 #leftSide h2 {color:#BC9953;}
	.main3 #rightSide {width:240px; height:135px; margin:65px auto; float:right; text-align:left; color:#666666;}
	.main3 #rightSide h2 {color:#BC9953;}
	
#mainFooter {background:url(images/bg/main5.png) no-repeat; width:1007px; height:57px; margin: 0px auto;}
	#mainFooter	#mainFootNav {color:#82510F; padding-top:20px; font-size:11px;}

#room {background: url(images/roomTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#act {background: url(images/actTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#member {background: url(images/memberTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#food {background: url(images/foodTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#about {background: url(images/aboutTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#contact {background: url(images/contactTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#promo {background: url(images/promoTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }
#package {background: url(images/packageTop.png) no-repeat; width: 1007px; height: 374px; margin: 0px auto; }

#center {background: url(images/bgcontent.png) repeat-y; width: 1007px;  overflow:hidden; margin: 0px auto;}

	#center #content {width:718px; overflow:hidden; margin:0px auto;}
	#center #content h2 {color:#BC9953; padding-top:5px;}
	#center #content h3 {color:#BC9953;}
	
	#center #content #aboutcontent_left {width:380px; text-align:left; float:left;}
	#center #content #aboutcontent_right {width:328px; float:right;}
	
	#center #content #packagecontent_left {width:442px; text-align:left; float:left;}
	#center #content #packagecontent_right {background:#fff url(images/package1_02.jpg) no-repeat; 
	width:276px; height:285px; float:right;}
	
	#center #content #roomcontent_wrapper {background:#fff url(images/frame.gif) no-repeat; width:694px; height:409px; margin:0px auto;}
	
	#center #content #foodcontent_left {width:246px; text-align:left; float:left;}
	#center #content #foodcontent_right {width:462px; float:right;}
	
	#center #content #actPic {background: url(images/bg/bg_act.jpg) no-repeat; width:576px; height:436px;}
		#center #content #actPic #Pics {width:492px; height:332px; top:30px; left:45px; position:relative;}
		
	#center #content #membercontent_left {width:420px; text-align:left; float:left;}
	#center #content #membercontent_right {width:266px; float:right;}
	
	#center #content #promocontent {width:555px; text-align:left; float:left;}
	
	#center #content #contact_left {width:284px; margin-bottom:5px; text-align:left; float:left;}
	#center #content #contact_right {width:410px; margin-left:15px; margin-bottom:5px; text-align:left; float:right;}
	
	
	
	

#footer {background: url(images/footer.png) no-repeat; width: 1007px; height: 133px; margin: 0px auto;}
	#footer #footNav { color:#82510F; padding-top:40px; font-size:11px;}
