body,html{
	background-color: #280100;
	margin: 0;
	padding: 0
}


hr{
	display: none;
}


.loading {
	background: url('../img/ajax-loader.gif') no-repeat center center;
}

.error{
	color: red;
	font-weight: bold;
	width: 8px;
	font-size: 80%;
}

#container{
	margin: 20px auto 0 auto;
	width: 880px
}

#header{
width: 880px; 
height: 218px; 
background: url(../img/header_bg.gif) no-repeat center center;
overflow: hidden
}

#header h1{
/*	display:none; */
	overflow: hidden;
	text-indent: -9999px;
	width: 880px; 
	height: 218px; 	
	padding: 0;
	margin: 0;
	background: url(../img/header.gif) no-repeat center center;	
}

.maincontent{
	height: 300px;
	overflow: auto;
	background: #100200;
	color: #DDD;
	font-family: "Georgia","Times New Roman";
	font-size: 14px;
	padding: 2px 65px 0 65px;
	overflow: hidden;
}

div.scrollContainer{
	background: #100200;
}

.accesshead{
	display: none;
}

/* for Google Map */
#mapcontent{
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #100200;
	color: #DDD;
	font-family: "Georgia","Times New Roman";
	font-size: 14px;
	height: 300px;
}

div.maincontent.bgmenus{
	background-color: #100200;
/*	background: #100200 url(../img/bg_menu.gif) no-repeat center bottom; */
	padding: 0;
	margin: 0;
}


div.maincontent.bgproducts{
	background: #100200 url(../img/bg_products.gif) no-repeat center bottom;
}



div.maincontent.bgproducts h2{
	color: #470d04;
	width: 100%;
	text-align: center;
	margin-top: 100px
}

.maincontent{
	position: relative;
}

.maincontent h2{
	font-size: 18px;
	padding: 0;
	font-weight: normal;
/*	margin-bottom: -3px */
}

.maincontent h3{
	font-size: 15px;
	padding: 0;
	margin-top: 15px
}

.maincontent p{
	color: #999;
	line-height: 18px
}

.maincontent legend{
	display: none;
}

.maincontent fieldset{
	border: none;
	padding:0;
	margin: 0
}

.maincontent label{
	display: block;
	width: 300px;
	margin-bottom: 3px
}

.maincontent #ExpBox{
	position: absolute;
	left: 340px;
	top: 95px

}

.maincontent .binput{
	background: #1c0f0d;
	border: 2px solid #1c0f0d;
	width:234px;
	height: 19px;
	color: white;
	margin-bottom: 10px;
	font-family: "Georgia","Times New Roman", "Arial";	
	
}

.maincontent #fex{
	background: #1c0f0d;
	border: 2px solid #1c0f0d;
	width: 474px;
	height: 130px;
	color: white;
	font-family: "Georgia","Times New Roman", "Arial";	

}

.maincontent .fsubmit{
	border: none;
	background:url(../img/submit.gif) no-repeat left top;
	width: 72px;
	height: 26px;
	position: absolute;
	left: 750px;
	top: 255px;
	text-indent: -9000px;
	cursor: pointer
}


#choose_location{
	width: 880px;
	height: 32px;
	background: #042303 url(../img/choose_location.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}


.contentmenu{
	height: 171px;
	background: #053302
}

.contentmenu ul{
	padding: 0;
	margin: 0;
	list-style-type: none
}

.contentmenu li{
	display: block;
	float: left;
	height: 141px;
	font-family: Arial, Helvetica, Verdana, Tahoma;
	font-size: 11px;
	color: #666;
	padding: 30px 5px 0 100px;
	margin: 0;
}

*html .contentmenu ul.history_menu li{
	padding: 40px 5px 0 100px;
}


*:first-child+html .contentmenu ul.history_menu li{
	padding: 40px 5px 0 100px;
}  

.contentmenu li a{
	color: white;
	text-decoration: none;
}

.contentmenu li a:hover{
	color: white;
	text-decoration: underline;
}

.contentmenu li span{
	color: white;
	display: block;
	margin-top: 5px
}

.his1{
	width: 188px;
	background: url(../img/history_menu.gif) no-repeat left top
}

.his2{
	width: 189px;
	background: url(../img/history_menu.gif) no-repeat -293px top
}

.his3{
	width: 188px;
	background: url(../img/history_menu.gif) no-repeat -587px top
}

.his4{
	width: 188px;
	background: url(../img/history_menu.gif) no-repeat -880px top	
}

.contentmenu h3{
	display: none;
	padding: 0;
	margin: 0
}


.contentmenu #pongsri_menu{
	width: 880px;
	height: 123px;
	/* background: #110302; */
	list-style: none;
	padding: 0;
	margin: 0;
}

.contentmenu #pongsri_menu li{
	color: #EEE;
	display: block;
	width: 292px;
	margin: 0;
	padding: 0;
	height: 123px;
	background: #110302 url(../img/bg_menu_small.gif) no-repeat center center;
	text-align: right;
	vertical-align: bottom;
}

.contentmenu #pongsri_menu li span{
	display: block;
	margin-right: 5px;
}

.contentmenu #pongsri_menu li h5{
	font-family: "Georgia","Times New Roman",serif;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	margin-top: 70px;
	margin-right: 5px;
}

.contentmenu #pongsri_menu li#menu1{
	border-right: 1px solid #043404;
	/* ãÊè background ä´é·Õè¹Õè */
	background: url(../img/menu_bg1.jpg) no-repeat center center;	
}


.contentmenu #pongsri_menu li#menu2{
	border-right: 1px solid #043404;
	/* ãÊè background ä´é·Õè¹Õè */	
	background: url(../img/menu_bg2.jpg) no-repeat center center;	
}

.contentmenu #pongsri_menu li#menu3{
	width: 294px;
	/* ãÊè background ä´é·Õè¹Õè */	
	background: url(../img/menu_bg3.jpg) no-repeat center center;
}





#location_menu{
	height: 171px;
	background: #053302;
}

#location_menu ul{
	padding:0;
	margin:0;
	list-style-type: none
}

#location_menu li{
	display: block;
	float: left;
	height: 171px;
	width: 220px;
	font-family: Arial, Helvetica, Verdana, Tahoma;
	font-size: 11px;
	color: #666;
	/* padding: 30px 5px 0 100px; */
	margin: 0;
	padding: 0;
	background: transparent url(../img/dots.gif) no-repeat right 20px;
	overflow: hidden;
}

#location_menu li.lastlocation{
	background-image: none;
}

#location_menu li a{
	color: #EEE;
	text-decoration: none;
	display: block;
	padding: 130px 20px 10px 40px;
	width: 159px; /* ź¨Ò¡ padding  */
	height: 31px; /* ź¨Ò¡ padding  */
	overflow: hidden;
	background:transparent url(../img/getmap_bg.gif) no-repeat 34px 131px;	
}

#location_menu li a:hover, #location_menu li a.currentmap{
	color: #EEE;
	text-decoration: underline;
	overflow: hidden;	
	background-color:#022401;

/*	url(../img/getmap_bg.gif) no-repeat 34px 133px;		*/
}

#location_menu li.lastlocation a:hover, #location_menu li.lastlocation a.currentmap{
	width: 220px;
	overflow: hidden;	
	background-color: #022401;
/*	url(../img/getmap_bg.gif) no-repeat 34px 133px;		*/
}

/* Phone number */
#location_menu li span{
	color: #AAA;
	display: block;
	margin-top: 5px;
	position: relative;
	top: -150px;
	left: 32px;		
	display: inline;
}

#location_menu address{	
	color: #AAA;
	font-style: normal;
	margin-top: 10px;
	position: relative;
	top: -155px;
	left: 32px;	
	display: inline;
}

/*  Delivery sign */
#location_menu em{
	color: #EEE;
	font-style: normal;
	position: relative;
	top: -180px;
	left: 105px;		
	background: url(../img/delivery.gif) no-repeat center center;
	display: block;
	width: 30px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
}

#location_menu h5{
	padding: 0;
	margin:0;
	font-size: 1.3em;	
	font-family: "Georgia","Times New Roman";
	font-weight: normal;	
	position: relative;
	top: -150px;
	left: 32px;	
	color: #CCC;
	letter-spacing: 1px;
}


#location_menu h6{
	color: #CCC;
	padding: 0;
	margin:0;
	margin-bottom: 10px;
	font-size: 1.1em;	
	font-family: "Georgia","Times New Roman";
	font-weight: normal;	
	position: relative;
	top: -150px;
	left: 32px;
/*	display: inline; */
}




.content{
	padding:0;
	margin: 0
}

#tarea{
	background: #1c0f0d;
	border: 2px solid #1c0f0d;
	width: 745px;
	height: 200px;
	color: white;
	font-family: "Georgia","Times New Roman", "Arial";	
	font-size: 1em;

}



#mainmenu{
	clear: left;
	width: 600px;
	height: 36px;
	margin-left: 155px;
	overflow: hidden;
	position: absolute;
	top: 709px;
	z-index: 100;
}

	#mainmenu ul{
		list-style-type: none;
		padding: 0;
		margin: 0
	}

		#mainmenu li{
			display: block;
			float: left;
			overflow: hidden;	
		}

			#mainmenu li a {
				display: block; 
				text-decoration: none; 
				height: 36px; 

				background: url(../img/mainmenu.gif) no-repeat 0 0
			}

li#m_history a{
	background-position: 0 0;
	width: 168px
}

	li#m_history a:hover{
		background-position: 0 -36px;
	}

li#m_history a.selected{
	background-position: 0 -72px;
}

	li#m_history a.selected:hover{
		background-position: 0 -72px;
	}


li#m_menus a{
	background-position: -168px 0;
	width: 65px
}

	li#m_menus a:hover{
		background-position: -168px -36px;
	}

li#m_menus a.selected{
	background-position: -168px -72px;
}

	li#m_menus a.selected:hover{
		background-position: -168px -72px;
	}


li#m_products a{
	background-position:  -232px 0;
	width: 91px
}

	li#m_products a:hover{
		background-position:  -232px -36px;
	}

li#m_products a.selected{
	background-position:  -232px -72px;
}

	li#m_products a.selected:hover{
		background-position:  -232px -72px;
	}


li#m_jobs a{
	background-position:  -323px 0;
	width: 50px
}

	li#m_jobs a:hover{
		background-position:  -323px -36px;
	}

li#m_jobs a.selected{
	background-position:  -323px -72px;
}

	li#m_jobs a.selected:hover{
		background-position:  -323px -72px;
	}


li#m_locations a{
	background-position:  -372px 0;
	width: 91px
}

	li#m_locations a:hover{
		background-position:  -372px -36px;
	}

li#m_locations a.selected{
	background-position:  -372px -72px;
}

	li#m_locations a.selected:hover{
		background-position:  -372px -72px;
	}



li#m_comments a{
	background-position:  -463px 0;
	width: 103px
}

	li#m_comments a:hover{
		background-position:  -463px -36px;
	}

li#m_comments a.selected{
	background-position:  -463px -72px;
}

	li#m_comments a.selected:hover{
		background-position:  -463px -72px;
	}




#mainmenu span{
	display: none; 
}


#bottom_cover{
	clear: both;
	position: absolute;
	margin: 0;
	margin-top: -16px;
	padding: 0;
	background: transparent url(../img/bottom_cover.gif) no-repeat left top;
	width: 880px;
	height: 16px;
	overflow: hidden;
}

*html #bottom_cover{
/*	margin-left: -155px; */
}

/* IE7 hack */
*:first-child+html #bottom_cover{
/*	margin-left: -155px; */
}           

#footer{
	clear: left;
	text-align: center;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #482726;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}