@charset "utf-8";
/* ------------------------------------------------------------------*/
#html{margin:0;	padding:0; }
body{margin:0; padding:0; vertical-align:middle; background:#000;}   

form, h1, h2, h3, h4, h5, h6, ul, li, ol, dl{margin:0;	padding:0;}

/*p{padding:5px 0; margin:5px 0;}	*/

hr {clear:both;	visibility:hidden;	}

.clear {clear:both;	}
.clearboth{clear:both; font-size:0px; line-height:0px; height:0px;}
.clearboth5{clear:both; font-size:0px; line-height:5px; height:10px;}
.clearboth10{clear:both; font-size:0px; line-height:10px; height:10px;}
.clearboth15{clear:both; font-size:0px; line-height:10px; height:15px;}
.clearboth20{clear:both; font-size:0px; line-height:10px; height:20px;}

/* *** Float containers fix *** */ 
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img {border:0;}	
.img_middle{vertical-align:middle}

.login_img, .login, #save, #cancel{display:none}

/*Header*/
#header{ 
	width:1027px; 
	top:50%; 
	height:646px; 
	background:#FFF; 
	overflow:hidden; 
	position:absolute;
	left: 50%;
	margin:-323px 0px 0px -513px;
}

#header_text{width:914px; margin:52px 56px 44px 57px; /*height:554px;*/ height: 600px; overflow:hidden;}
#header_logo{width:298px; height:48px;}
#header_admin{height:11px;float:right; margin-top:-25px}
#header_content{width:914px; margin:0; height:449px; overflow:hidden; }

#header_menu{
          width:914px;
          height:24px; 
          margin-top:8px;
          margin-left: 125px;
          margin-right: 20px;

}

#header_menu ul.menu li {
	display:block;
	float:left;
	list-style:none;
}

#header_menu ul.menu li a {
	display:block;
	height:24px;
}
#header_menu ul.menu li a span {
	background-color:#000;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#header_menu ul.menu li{ 
	height:24px;
	cursor:pointer;
}
#header_menu ul.menu li.menu-line{
	background:url(../images/menu-line.png) no-repeat;
	width:1px
}
#header_menu ul.menu li.menu1 a{ 
	width:67px; 
	background:url(../images/menu-1.png) no-repeat;
}
#header_menu ul.menu li.menu2 a{ 
	width:89px; 
	background:url(../images/menu-2.png) no-repeat;
}
#header_menu ul.menu li.menu3 a{ 
	width:57px;
	background:url(../images/menu-3.png) no-repeat; 
}
#header_menu ul.menu li.menu4 a{ 
	width:92px;
	background:url(../images/menu-4.png) no-repeat; 
}
#header_menu ul.menu li.menu5 a{ 
	width:131px;
	background:url(../images/menu-5.png) no-repeat;
}
#header_menu ul.menu li.menu6 a{ 
	width:79px; 
	background:url(../images/menu-6.png) no-repeat; 
}
#header_menu ul.menu li.menu7 a{ 
	width:168px; 
	background:url(../images/menu-7.png) no-repeat; 
}
#header_menu ul.menu li.menu8 a{ 
	width:110px; 
	background:url(../images/menu-8.png) no-repeat; 
}
#header_menu ul.menu li.menu9 a{ 
	width:113px; 
	background:url(../images/menu-9.png) no-repeat; 
}

#header_menu ul.menu li a:hover, #header_menu .menu-selected{ background-position:0 -24px !important}

#header_menu ul.submenu-fatboys{
	width:435px; 
	height:25px; 
	margin:0 0 0 -115px; 
	position:absolute;
	display:none;
}

#header_menu ul.submenu-fatboys li{
	list-style:none;
	display:block;
	float:left;
	cursor:pointer
}
#header_menu ul.submenu-fatboys span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}
#header_menu ul.submenu-fatboys a {
	display:block;
	height:25px; 
}
#header_menu ul.submenu-fatboys li.submenu1 a{ 
	width:84px; 
	background:url(../images/fatboys-branch-1.png) no-repeat;
}
#header_menu ul.submenu-fatboys li.submenu2 a{ 
	width:95px; 
	background:url(../images/fatboys-branch-2.png) no-repeat;
}
#header_menu ul.submenu-fatboys li.submenu3 a{ 
	width:94px; 
	background:url(../images/fatboys-branch-3.png) no-repeat;
}
#header_menu ul.submenu-fatboys li.submenu4 a{ 
	width:68px; 
	background:url(../images/fatboys-branch-4.png) no-repeat;
}
#header_menu ul.submenu-fatboys li.submenu5 a{ 
	width:94px; 
	background:url(../images/fatboys-branch-5.png) no-repeat;
}

#header_menu ul.submenu-fatboys li a:hover, .submenu-selected{ background-position:0 -25px !important}

#header_menu ul.submenu-thaitho{
	width:243px; 
	height:25px; 
	margin:0 0 0 -75px; 
	position:absolute;
	display:none;
}

#header_menu ul.submenu-thaitho li{
	list-style:none;
	display:block;
	float:left;
	cursor:pointer
}
#header_menu ul.submenu-thaitho span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}
#header_menu ul.submenu-thaitho a {
	display:block;
	height:25px; 
}
#header_menu ul.submenu-thaitho li.submenu1 a{ 
	width:106px; 
	background:url(../images/thaitho-branch-1.png) no-repeat;
}
#header_menu ul.submenu-thaitho li.submenu2 a{ 
	width:62px; 
	background:url(../images/thaitho-branch-2.png) no-repeat;
}
#header_menu ul.submenu-thaitho li.submenu3 a{ 
	width:71px; 
	margin:2px 0 0 4px;
	background:url(../images/thaitho-branch-3.png) no-repeat;
}

#header_menu ul.submenu-thaitho li a:hover, .submenu-selected{ background-position:0 -25px !important}

#header_menu ul.submenu-thethai{
	width:492px; 
	height:25px; 
	margin:0 0 0 -165px; 
	position:absolute;
	display:none;
}

#header_menu ul.submenu-thethai li{
	list-style:none;
	display:block;
	float:left;
	cursor:pointer
}
#header_menu ul.submenu-thethai span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}
#header_menu ul.submenu-thethai a {
	display:block;
	height:25px; 
}
/*#header_menu ul.submenu-thethai li.submenu1 a{ 
	width:71px; 
	background:url(../images/thethai-branch-1.png) no-repeat;
}*/
#header_menu ul.submenu-thethai li.submenu2 a{ 
	width:119px; 
	background:url(../images/thethai-branch-2.png) no-repeat;
}
#header_menu ul.submenu-thethai li.submenu3 a{ 
	width:80px; 
	background:url(../images/thethai-branch-3.png) no-repeat;
}
#header_menu ul.submenu-thethai li.submenu4 a{ 
	width:88px; 
	background:url(../images/thethai-branch-4.png) no-repeat;
}
#header_menu ul.submenu-thethai li.submenu5 a{ 
	width:134px; 
	background:url(../images/thethai-branch-5.png) no-repeat;
}

#header_menu ul.submenu-thethai li a:hover, .submenu-selected{ background-position:0 -25px !important}

/*admin*/
#admin_bg{
	width:914px; 
	height:449px;
	background:url(../images/about/about_bg.jpg); 
}
#admin_outer_bg{
	width:914px; 
	height:449px;
	background:#000;
	z-index:500;
	position:absolute;
}
#admin_content{
	width:839px;
	height:386px;
    margin:31px 38px 32px 37px;
	position:absolute;
}
#admin_inner_bg{
	width:839px;
	height:386px;
	background:#000;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute;
	display:none
}
#admin_content_left{
	width:478px;
	height:325px;
	float:left;
	margin:30px 0 31px 30px;
	position:absolute;
	overflow:hidden;
	display:none
}
#admin_content_right{
	width:295px;
	height:323px;
	float:right;
	margin:32px 36px 31px 0;
	overflow:hidden;
	display:none
}
#admin_title{
	width:94px;
	height:17px;
}
#admin_title h1{
	height:17px;
	color:#f5fe00;
	font:24px "Century Gothic";
}
#admin_text{
	width:445px;
	height:252px;
	margin:80px 0 0 60px;
	color:#FFF;
	font:15px "Century Gothic";
	z-index:11;
}
#admin_thumb{
	height:370px;
	font:15px "Century Gothic";
}
#admin_thumb ul{width:100%; margin:0; padding-left:3px;}
#admin_thumb li{
	width:16%; 
	float:left; 
	padding-bottom:14px; 
	text-align:center; 
	margin:0; 
	list-style:none;
	
}
#admin_thumb div{cursor:move}
#admin_thumb img{ border:2px solid #FFF }

/*about us*/
#about_bg{
	width:914px; 
	height:449px;
	background:url(../images/about/about_bg.jpg); 
}
#about_outer_bg{
	width:914px; 
	height:449px;
	background:#000;
	z-index:500;
	position:absolute;
}
#about_content{
	width:839px;
	height:386px;
    margin:31px 38px 32px 37px;
	position:absolute;
}
#about_inner_bg{
	width:839px;
	height:386px;
	background:#000;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute;
	display:none
}
#about_content_left{
	width:478px;
	height:325px;
	float:left;
	margin:30px 0 31px 30px;
	position:absolute;
	overflow:hidden;
	display:none
}
#about_content_right{
	width:295px;
	height:323px;
	float:right;
	margin:32px 36px 31px 0;
	overflow:hidden;
	display:none
}
#about_title{
	width:94px;
	height:17px;
	background:url(../images/about/title.png);
}
#about_title h1{
	display:none;
}
#about_text{
	width:445px;
	height:252px;
	margin:22px 33px 0 0;
	color:#FFF;
	font:15px "Century Gothic";
	z-index:11;
}

/*press*/
#press_bg{
	width:914px; 
	height:449px;
	background:url(../images/press/press_bg.jpg); 
}

/*branch*/
#branch_bg{
	width:914px; 
	height:449px;
	background:url(../images/branch/001.jpg);
}
#branch_outer_bg{
	width:914px; 
	height:449px;
	background:#000;
	z-index:500;
	position:absolute;
}
#branch_content{
	width:839px;
	height:386px;
	 
        margin:-420px 38px 32px 37px;
	position: absolute;
	z-index:10;
	overflow:hidden;
}
#branch_inner_bg{
	width:839px;
	height:386px;
	background:#000;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index:10;
	overflow:hidden;
	display:none
}
#branch_content_left{
	width:370px;
	height:342px;
	float:left;
	margin:15px 0 21px 31px;
	position:absolute;
	z-index:11;
	display:none
}
#branch_content_right1{
	width:426px;
	height:288px;
	float:right;
	margin:33px 0 65px 413px;
	position:absolute;
	z-index:12;
	overflow:hidden;
	display:none
}
#branch_content_right2{
	width:330px;
	height:330px;
	float:right;
	margin:5px 0 50px 467px;
	position:absolute;
	z-index:12;
	overflow:hidden;
	display:none;
}
#branch_title{
	height:17px;
	color:#f5fe00;
	font:24px "Century Gothic";
}
#branch_text{
	width:423px;
	height:260px;
	margin:16px 54px 0 3px;
	color:#FFF;
	font:15px "Century Gothic";
}
#branch_contact_title{
	width:370px;
	height:46px;
	font:24px "Century Gothic";
}

.yellow{ color:#f5fe00}
.white{ color:#ffffff}

div.branch_img{
	width:370px;
	height:260px;
	overflow:hidden;
}

#branch_content_left ul.branch_menu{
	width:671px;
	height:16px;
	margin:32px 0 0 0;
	position:absolute;
}

#branch_content_left ul.branch_menu li {
	display:block;
	float:left;
	list-style:none;
	cursor:pointer;
}

#branch_content_left ul.branch_menu li a {
	display:block;
	height:14px;
}
#branch_content_left ul.branch_menu li a span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#branch_content_left ul.branch_menu li.menu-start{
	width:14px;
	cursor:default;
}
#branch_content_left ul.branch_menu li.menu-line{
	width:1px;
	cursor:default;
}
#branch_content_left ul.branch_menu li.menu1 a{ 
	width:60px; 
	background:url(../images/branch/menu-1.png) no-repeat;
}
#branch_content_left ul.branch_menu li.menu2 a{ 
	width:74px; 
	background:url(../images/branch/menu-2.png) no-repeat;
}
#branch_content_left ul.branch_menu li.menu3 a{ 
	width:118px; 
	background:url(../images/branch/menu-3.png) no-repeat;
}
#branch_content_left ul.branch_menu li.menu4 a{ 
	width:75px;
	background:url(../images/branch/menu-4.png) no-repeat; 
}
#branch_content_left ul.branch_menu li.menu5 a{ 
	width:63px;
	background:url(../images/branch/menu-5.png) no-repeat; 
}
#branch_content_left ul.branch_menu li.menu6 a{ 
	width:85px;
	background:url(../images/branch/menu-6.png) no-repeat; 
}
#branch_content_left ul.branch_menu li.menu7 a{ 
	width:90px;
	background:url(../images/branch/menu-7.png) no-repeat; 
}
#branch_content_left ul.branch_menu li.menu8 a{ 
	width:85px;
	background:url(../images/branch/menu-8.png) no-repeat; 
}

#branch_content_left ul.branch_menu li a:hover, #branch_content_left .menu-selected{ background-position:0 -16px !important}



/*menu*/
#menu_bg{
	width:914px; 
	height:449px;
}
#menu_outer_bg{
	width:914px; 
	height:449px;
	background:#000;
	z-index:500;
	position:absolute;
}
#menu_content{
	width:839px;
	height:386px;
	top:100px; 
	left:57px;
    margin:32px 38px 32px 37px;
	position:absolute;
	overflow:hidden;
}
#menu_inner_bg{
	width:839px;
	height:386px;
	background:#000;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index:10;
	overflow:hidden;
	display:none
}
#menu_content_left{
	width:382px;
	height:305px;
	float:left;
	margin:61px 0 21px 31px;
	position:absolute;
	z-index:11;
	display:none
}
#menu_content_right{
	width:426px;
	height:288px;
	float:right;
	margin:33px 0 65px 413px;
	position:absolute;
	z-index:12;
	overflow:hidden;
	display:none
}
#menu_title{
	height:17px;
	color:#f5fe00;
	font:24px "Century Gothic";
}
#menu_text{
	width:423px;
	height:260px;
	margin:16px 54px 0 3px;
	color:#000 !important;
	font:15px "Century Gothic";
}

div.menu_img{
	width:370px;
	height:360px;
	margin-right:12px;
	overflow:hidden;
}

#menu_content_left ul.menu_menu{
	width:566px;
	height:16px;
	margin:-68px 119px 0 0;
	position:absolute;
}

#menu_content_left ul.menu_menu li {
	display:block;
	float:left;
	list-style:none;
	cursor:pointer;
}

#menu_content_left ul.menu_menu li a {
	display:block;
	height:14px;
}
#menu_content_left ul.menu_menu li a span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#menu_content_left ul.menu_menu li.menu-start{
	width:14px;
	cursor:default;
}
#menu_content_left ul.menu_menu li.menu-line{
	width:1px;
	cursor:default;
}
#menu_content_left ul.menu_menu li.menu1 a{ 
	width:74px; 
	background:url(../images/menu/menu-1.png) no-repeat;
}
#menu_content_left ul.menu_menu li.menu2 a{ 
	width:128px; 
	background:url(../images/menu/menu-2.png) no-repeat;
}
#menu_content_left ul.menu_menu li.menu3 a{ 
	width:80px;
	background:url(../images/menu/menu-3.png) no-repeat; 
}
#menu_content_left ul.menu_menu li.menu4 a{ 
	width:76px;
	background:url(../images/menu/menu-4.png) no-repeat; 
}
#menu_content_left ul.menu_menu li.menu5 a{ 
	width:92px;
	background:url(../images/menu/menu-5.png) no-repeat; 
}
#menu_content_left ul.menu_menu li.menu6 a{ 
	width:97px;
	background:url(../images/menu/menu-6.png) no-repeat; 
}
#menu_content_left ul.menu_menu li a:hover, #menu_content_left .menu-selected{ background-position:0 -16px !important}


/*related restaurant*/
#related_bg{
	width:914px; 
	height:449px;
	background:#969696;

}
#related_content{
	width:693px;
	height:285px;
    margin:68px 112px 96px 112px;
	position:absolute;
}
#related_content li {
	display:block;
	float:left;
	list-style:none;
	cursor:pointer;
}

#related_content li a {
	display:block;
	height:285px;
	width:231px;
}
#related_content li a span {
	background-color:#fff;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#related_content li.logo1 a{ 
	background:url(../images/thaitho-logo-full.png) no-repeat; 
}
#related_content li.logo2 a{ 
	background:url(../images/fatboys-logo-full.png) no-repeat; 
}
#related_content li.logo3 a{ 
	background:url(../images/thethai-logo-full.png) no-repeat; 
}
#related_content li a:hover{ background-position:0 -285px !important}



/*gallery*/

#gallery_bg{
	width:914px; 
	height:449px;
	background:url(../images/gallery/gallery_bg.jpg);

}
#gallery_inner_bg{
	width:914px;
	height:449px;
	background:#000;
	opacity:0.50;
	filter:alpha(opacity=50);
	position:absolute;
	overflow:hidden;
}
#gallery_content{
	width:865px;
	height:393px;
    margin:23px 22px 31px 27px;
	position:absolute
}
#gallery_content_left{
	width:575px;
	height:415px;
	float:left;
}
#gallery_content_right{
	width:279px;
	height:358px;
        position: absolute; 
        top: 0px;
        left: 580px;
	float:right;
	margin:35px 0 0 11px;
}
#gallery_title{
	width:92px;
	height:23px;
	background:url(../images/gallery/title.png) no-repeat;
}
#gallery_title h1{
	display:none
}
#gallery_image{
	width:575px; 
	height:358px;
	margin-top:12px;
}
#gallery_shadow{
	width:575px; 
	height:22px;
	background:url(../images/gallery/shadow.png) no-repeat;
}
#gallery_thumb{
	width:279px; 
	height:334px;
	overflow:hidden;
}
#gallery_thumb ul{width:100%; margin:0; padding-left:3px;}
#gallery_thumb li{
	width:33%; 
	float:left; 
	padding-bottom:6px; 
	text-align:center; 
	margin:0; 
	list-style:none;
	cursor:pointer;
	
}
#gallery_thumb img{ border:2px solid #FFF }
#gallery_thumb li:first-child img{ border:2px solid #0FF }

#gallery_page{
	width:279px; 
	height:17px;
	text-align:center;
	font:12px Tahoma;
	color:#000;
	margin-top:7px;
}
#gallery_page a:link, #gallery_page a:active, #gallery_page a:visited{
	background:#ededed;
	width:16px;
	height:16px;
	border:1px solid #828282;
	margin:0 3px 0 3px;
	text-decoration:none;
}
#gallery_page a:hover{
	background-color:#b7b7b7;
}
#gallery_page span{
	background-color:#b7b7b7;
	margin:0 3px 0 3px;
	border:1px solid #828282;
}
#gallery_page a.selected:link, #gallery_page a.selected:active, #gallery_page a.selected:visited{
	background-color:#b7b7b7;
	margin:0 3px 0 3px;
	border:1px solid #828282;
	text-decoration:none;
}

/* Contact Page */

#contact_bg{
	width:914px; 
	height:449px;
	background:url(../images/contact/contact_bg.jpg); 
}
#contact_outer_bg{
	width:914px; 
	height:449px;
	background:#000;
	z-index:500;
	position:absolute;
}
#contact_content{
	width:841px;
	height:386px;
        margin:32px 38px 31px 37px;
	position:absolute;
}
#contact_inner_bg{
	width:841px;
	height:386px;
	background:#000;
	opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute;
	display:none
}
#contact_content_left{
	width:442px;
	height:351px;
	float:left;
	margin:13px 0 0 26px;
	position:absolute;
	display:none
}
#contact_content_right{
	width:360px;
	height:362px;
	float:right;
	margin:-70px 31px 14px 30px;
	overflow:hidden;
	display:none
}
#contact_title{
	width:129px;
	height:22px;
	background:url(../images/contact/title.png);
}
#contact_title h1{
	display:none;
}

#contact_address{
	width:424px;
	height:33px;
	margin:0 8px 7px 10px;
	font:16px "Century Gothic";
	color:#FFF;
}
#contact_map{
	width:412px;
	height:275px;
	margin-top:14px;
	border:5px solid #a4a4a4;
	z-index:5000;
}