/* copyright 2007 navin property co.,ltd*/
/****************************************/
/****************************************/
/**** website design and CSS developed by Ratthanarong******/
/****************contact: normalfx@gmail.com ************************/
/****************************************/

/* initial style */
*{
	padding:0;
	margin:0
}
html { 
	font-size:100.01%;
}
body {
	font-size:100.01%;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	background:#FFF
}
td, th {
	font-family: Tahoma,Arial, Helvetica, sans-serif;
}

/* page layout and styling */
#wrapper{
	width:822px;
	display:block;
	float:none;
	margin:0 auto;
	overflow:hidden;
	background:#8BA937 url(images/wrapper_bg.gif) bottom center no-repeat;
	/*overflow:hidden*/
	}
#wrapper #content{
	width:822px;
	float:left;
	overflow:hidden;
	height:1%;
	clear:both;
	display:block
	}
#wrapper #content #leaf{
	width:90px;
	height:222px;
	/*float:left;*/
	position:absolute;
	background:url(images/leaf.jpg) no-repeat;
	margin-top:100px;
	margin-left:-90px
	}
#wrapper #content h4{
	background:url(images/telephone.jpg) no-repeat;
	width:822px;
	height:29px;
	display:block;
	/*float:left;*/
	text-indent:-9999em
	}
#wrapper #content #main-graphic{
	width:822px;
	height:350px;
	display:block;
	float:left;
	background:url(images/main_graphic.jpg) no-repeat
	}
#wrapper #content #main-graphic h1{
	width:274px;
	height:99px;
	display:block;
	background:url(images/navin_logo.gif) no-repeat;
	text-indent:-9999em
	}
#wrapper #content #main-graphic h1 a{
	display:block;
	width:274px;
	height:99px
	}
#wrapper #content #menu{
	display:block;
	width:822px;
	height:47px;
	float:left;
	background:url(images/asset_01.gif) top left no-repeat
	}
#wrapper #content #menu .nav{
	width:458px;
	float:right;
	display:block;
	clear:both
	}
#wrapper #content #separator-graphic{
	display:block;
	float:left;
	width:822px;
	height:91px;
	clear:both
	}
#wrapper #content #body-content{
	width:802px;
	display:block;
	clear:both;
	float:left;
	overflow:hidden;
	padding:0 10px 20px 10px
	}
#wrapper #content #body-content #left-content{
	width:500px;
	float:left;
	display:block
	}
#wrapper #content #body-content #left-content ul{
	display:block;
	position:relative;
	margin:0 10px auto 80px
	}
#wrapper #content #body-content #left-content ul li{
	color:#333;
	font-weight:200;
	font-size:0.8em
	}
#wrapper #content #body-content #left-content #promotion{
	width:438px;
	display:block;
	float:left;
	position:relative;
	border:solid #FF0000 5px;
	margin:40px auto 20px 15px;
	background:#333D0E url(images/pro_bg.gif) top left no-repeat
	}
html> body #wrapper #content #body-content #left-content #promotion{
	margin-left:30px
	}
#wrapper #content #body-content #left-content #promotion #hot-tag{
	display:block;
	width:138px;
	height:28px;
	position:relative;
	background:url(images/hot_tag.gif) no-repeat;
	margin-top:-33px
	}
#wrapper #content #body-content #left-content #promotion ul{
	display:block;
	width:400px;
	position:relative;
	padding-left:15px;
	margin:25px 5px 5px 10px
	}
#wrapper #content #body-content #left-content #promotion ul li{
	color:#FFF
	}
#wrapper #content #body-content #left-content #promotion ul li a{
	margin:0 auto 0.2em 0;
	display:block;
	width:100%;
	color:#FFF;
	text-decoration:none
	}
#wrapper #content #body-content #left-content #promotion ul li a:hover{
	text-decoration:underline
	}
#wrapper #content #body-content #left-content .more-btn{
	display:block;
	width:66px;
	height:16px;
	position:relative;
	bottom:-21px;
	margin-left:387px;
	text-indent:-9999em;
	background:url(images/pro_more.gif) no-repeat
	}
html> body #wrapper #content #body-content #left-content .more-btn{
	margin-left:372px
	}
#wrapper #content #body-content #left-content .more-btn a{
	display:block;
	width:66px;
	height:16px
	}
#wrapper #content #body-content #right-content{
	display:block;
	background:url(images/photo_thumb.jpg) no-repeat;
	width:290px;
	height:314px;
	position:relative;
	float:left
	}
#wrapper #content #body-content #right-content .view-photo{
	display:block;
	width:109px;
	height:47px;
	margin-top:240px;
	margin-left:180px;
	text-indent:-9999em
	}
#wrapper #content #body-content #right-content .view-photo a{
	display:block;
	width:109px;
	height:47px;
	background:url(images/btn_view.gif) 0 0
	}
#wrapper #content #body-content #right-content .view-photo a:hover{
	background-position:0 -47px
	}
#wrapper #content #body-content #main-tag{
	display:block;
	clear:both;
	height:35px;
	padding-left:10px
	}
#wrapper #content #body-content .group{
	display:block;
	float:left;
	padding-left:10px;
	width:236px
	}
#wrapper #content #body-content .group p{
	padding:3px 0 5px 0
	}
#wrapper #content #body-content .group p label{
	display:block;
	font-size:0.6em;
	font-weight:700;
	color:#072B05
	}
#wrapper #content #body-content .group p label .note{
	color:#FFCC00
	}
#wrapper #content #body-content .group p .box1{
	width:236px;
	border:none;
	color:#FFF;
	background:#072B05
	}
#wrapper #content #body-content .download-map{
	display:block;
	width:260px;
	float:left;
	clear:right;
	padding-left:15px;
	padding-top:14px
	}
#wrapper #content #body-content .address{
	display:block;
	width:822px;
	clear:both;
	padding-left:10px
	}
#wrapper #content #body-content .address p{
	padding:0 0 2px 0;
	font-size:0.7em;
	color:#093069;
	font-weight:200
	}
#wrapper #content #body-content .address p .large{
	font-size:1.2em
	}
#wrapper #content #body-content #promotion-table{
	display:block;
	float:left;
	padding:0 10px 0 10px;
	width:802px;
	overflow:hidden
	}
#wrapper #content #body-content #promotion-table table{
	width:780px;
	border:#072B05 1px solid;
	padding:0
	}
#wrapper #content #body-content #promotion-table table th{
	border-style:solid;
	padding:3px;
	font-size:0.6em;
	border-width:1px;
	background:#FFF
	}
#wrapper #content #body-content #promotion-table table td{
	background:#FFF;
	padding:3px;
	font-size:0.6em;
	text-align:center;
	border:#072B05 1px solid
	}
#wrapper #content #body-content .reserv-block{
	display:block;
	clear:both;
	width:782px;
	margin:25px 10px 10px 5px;
	position:relative;
	float:left;
	background:#FFF
	}
html> body #wrapper #content #body-content .reserv-block{
	margin-left:10px
	}
#wrapper #content #body-content .reserv-block .tag{
	display:block;
	margin-top:-22px;
	height:22px;
	width:151px;
	position:relative;
	float:left
	}
#wrapper #content #body-content .reserv-block table{
	margin:10px 5px
	}
#wrapper #content #body-content .reserv-block table td{
	border:solid 4px #FFF;
	padding:5px;
	font-size:0.8em;
	text-align:center
	}
#wrapper #content #body-content .reserv-block table td.reserved{
	border-color:#FFF000
	}
#wrapper #content #body-content .reserv-block table td.signed{
	border-color:#FF9975
	}
#wrapper #footer{
	width:822px;
	height:24px;
	display:block;
	position:relative;
	clear:both;
	float:left;
	background:#7B2917
	}
#wrapper #footer h3, #gallery #footer h3{
	font-size:0.6em;
	padding:5px;
	font-weight:200;
	color:#FFF;
	float:left
	}
#gallery{
	width:800px;
	height:600px;
	display:block;
	float:none;
	margin:0 auto;
	overflow:hidden;
	background:#8BA937 url(images/wrapper_bg.gif) bottom left no-repeat
	}
#gallery #content{
	display:block;
	position:relative;
	width:760px;
	margin-left:20px
	}
#gallery #content p.separator{
	height:91px;
	width:760px;
	display:block
	}
#gallery #content #main-panel{
	width:760px;
	height:405px;
	padding-top:20px;
	padding-bottom:0;
	display:block;
	position:relative;
	border:solid #000;
	border-width:1px 0
	}
#gallery #content #main-panel #left, #gallery #content #main-panel #center,#gallery #content #main-panel #right{
	display:block;
	float:left;
	position:relative
	}
#gallery #content #main-panel #center{
	text-align:center;
	width:640px
	}
#gallery #content #main-panel #left, #gallery #content #main-panel #right{
	width:60px
	}
#gallery #content #main-panel #left p, #gallery #content #main-panel #right p{
	font-size:0.7em;
	font-weight:700;
	padding-top:180px;
	text-align:center
	}
#gallery #content #main-panel #left p a, #gallery #content #main-panel #right p a{
	text-decoration:none;
	color:#006633
	}
#gallery #content #main-panel #left p a:hover, #gallery #content #main-panel #right p a:hover{
	color:#FF0000
	}
#gallery #content p{
	text-align:center;
	font-size:0.9em;
	font-weight:700;
	padding:7px
	}
#gallery #footer{
	position:absolute;
	display:block;
	width:100%;
	background:#7B2917;
	bottom:0px
	}