/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Web Great American RIB Company.BKK
CSS all2html.com 
Created: 227/04/2010 
------------------
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; /*needed for container min-height */
	width: 100%;
	min-height: 100%;
}
html {
	
	background: #000 url(../images/theme/bg.jpg) repeat-x top;
}
body {
	background: url(../images/theme/bg2.jpg) no-repeat center top;
	font: .8em/1.3  Tahoma, Arial, Georgia, sans-serif, "Lucida Grand", Verdana;
	padding: 0;
	margin: 0;
	color: #333333;
}
/* -------- Control All Page --------- */
a {
	/* a link color */
	color: #ff9900 ;
	text-decoration: none;
	outline: none;
}
a:hover,a.on {color: #cf4a02 !important;}/* a link hover color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%}
h1 {font-size: 160%}
h2 {font-size: 150%}
h3 {font-size: 130%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 15px}
ul {padding-left: 20px}
li {padding-bottom: 3px}
ol {list-style-position: inside}
.txtline {text-decoration: underline}
input[type=button],button, input[type=submit], input[type=reset] {padding: 2px 5px}
table td, table th {padding: 5px}
/* ------- End -------- */
/**********************************
	 control width page 
**********************************/
#frame {
	width: 1012px;
	margin: 0 auto;
	position: relative;
}
#top {
	height: 48px;
	position: relative;
	width: 100%;
	z-index: 2;
}
#GreatAmericanRIB {
	position: absolute;
	top: 0;
	left: 10px;
	margin: 0;
}
#Authentic {
	position: absolute;
	top: 0;
	right: 13px;
	margin: 0;
}
#mainbg {
	background: url(../images/theme/bg_sub_tran.png) no-repeat center top;
	width: 1012px;
	height: 551px;
	position: relative;
}
#mainbgimg {
	background: url(../images/theme/bg_food.jpg) no-repeat center top;
	width: 980px;
	height: 376px;
	position: absolute;
	top: 64px;
	left: 16px; 
}

#bgimg {
	background: url(../images/theme/bg_sub.jpg) no-repeat center top;
	width: 979px;
	height: 458px;
	position: absolute;
	top: 64px;
	left: 16px; 
}
#content {
	width: 100%;
	/*overflow: hidden;*/
	position: relative;
	z-index: 1;
	padding-top: 105px;
}
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.homebg {
	background: url(../images/theme/bg_main_home.png) no-repeat center top  !important;	
	height: 458px !important;
}
.homebg #content {
	padding-top: 100px;
	padding-left: 40px;
}
#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 80%;
	overflow: hidden;
	top: 53px;
	left: 187px;
}

#nav * {
	display: block;
	float: left;
}
#nav a {
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
}
#nav a.on {color: #cf4a02}
.hometext {
	background: url(../images/theme/bg_dixie.png) no-repeat;	
	width: 264px;
	/*height: 227px;*/
	float: right;
	margin-right: 38px;
	color: #474747;
	font-size: 14px;
	padding-top: 97px;
	height: 130px;
	padding-left: 7px;
	display: inline;
}
.hometext h1 {display: none;}
.more1 {
	background: url(../images/theme/clickmore.png) no-repeat;
	display: block;
	width: 178px;
	height: 31px;
}
.more1 strong {display: none;}
.point {
	background: url(../images/theme/point.png) no-repeat;
	width: 61px;
	height: 66px;
	position: absolute;
	right: 10px;
	bottom: 0;
	z-index: 999;
}
#bottom {
	background: url(../images/theme/bg_footer.jpg) no-repeat;
	position: relative;
	width: 990px;
	/*height: 177px;*/
	padding-top: 47px;
	height: 130px;
	font-size: 90%;
	position: relative;
	margin: 0 auto;
}
#bottom h2 {display: none}
.boxemail {
	width: 277px;
	float: left;
	margin-left: 28px;
	color: #dc9043;
}
* html .boxemail {display: inline;}
.boxemail p {
	margin-bottom: 9px;
}
.iconexternal {
	position: absolute;
	top: 135px;
	left: 27px;
	margin: 0 !important;
}
.submitlink {
	background: url(../images/theme/submit.png) no-repeat;
	display: block;
	width: 79px;
	height: 20px;
	position: relative;
	overflow: hidden;
	text-indent: -999em;
}

.boxpromotion {
	width: 297px;
	float: left;
	margin-left: 37px;
	color: #623508;
	height: 125px;
}
* html .boxpromotion {display: inline;}
.imgpromo {
	float: left;
	position: relative;
	width: 148px;
	height: 124px;
	cursor: pointer;
}
.imgpromo .bg {
	background: url(../images/theme/bg_box.png) no-repeat;
	width: 148px;
	height: 124px;	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.imgpromo .trumbnail {
	position: relative;
	z-index: 1;
	top: 14px;
	left: 8px;
}
.imgpromo .wraptrumb {
	width: 114px;
}
.boxpromotion p {
	float: left;
}
.boxcard {
	width: 160px;
	float: left;
	margin-left: 42px;
	color: #db4800;
	height: 125px;	
	position: relative;
}
.boxcard h3 {
	font-size: 13px;
	color: #be3f00;
	margin-bottom: 8px;
}
.boxcard p {
	margin: 0;
	width: 138px;
}
.boxcard a.lnkimg {
	position: absolute;
	top: -3px;
	right: -160px;
}
#boxleft {
	width: 191px;
	float: left;
	margin-left: 35px;
	display: inline;
}
.txthead {
	font-size: 200%;
	margin-bottom: 15px;
	color: #666666;
}
#boxright {
	width: 670px;
	float: right;
	margin-right: 65px;
	display: inline;
	height: 410px;
	overflow-y: auto;
	overflow-x: hidden;
}
.boxright-wrap {
	
}
.menulist {
	width: 100%;
}

.menulist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
.menulist li {
	background: url(../images/theme/lineX.png) repeat-x bottom;
	width: 324px;
	height: 80px;
	padding: 5px 0;
	float: left;
	font-size: 90%;
}
.menulist li img {
	float: left;
	border: 1px solid #937C64;
}
.menulist li .txt {
	display: block;
	margin-left: 99px;
	padding-top: 5px;
}
.menulist li a {
	display: block;
	width: 95%;
	overflow: hidden;
	color: #574230;
}
#boxleft h1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size:200%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #fff;
	padding-bottom: 10px;
}

/* text head *********************/
.txtmenu {background: url(../images/theme/bg_txt_menu2.png) no-repeat}
.txtaboutus {background: url(../images/theme/bg_txt_aboutus.png) no-repeat}


#footer {
	padding: 10px 0;
	text-align: center;
	color: #402000;
}
.pdfdownload {
	background: url(../images/theme/boxpdf.png) no-repeat;
	width: 201px;
	height: 149px;
	position: absolute;
	bottom: -40px;
	left: 30px;
}
.pdfdownload ul {
	list-style: none;
	padding: 38px 0 0 53px;
	margin: 0;
}
.pdfdownload ul a {
	background: url(../images/theme/pdf.png) no-repeat;
	width: 110px;
	height: 51px;
	display: block;
	text-indent: -999em;
}
#navleft {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
#navleft li a{
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #1f1f1f;
	padding: 7px 0;
}
.subnav li a {
	font-size: 13px;
	font-weight: normal;
	padding-left: 25px;
}
#navleft li a{
	background: url(../images/theme/bg_menu_line.gif) no-repeat bottom left;
	width: 100%;
}


#navleft ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#navleft ul li {
	background: none;
}
#navleft ul li a {
	padding: 5px 0 5px 15px;
	font-size: 12px;
	background: none;
}

<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:660px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:600px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:580px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:40px;
  height:40px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:45%;
}
#leftControl {
  left:0;
  background:transparent url(../images/left.png) no-repeat 0 0;}
#rightControl {
  
  right:0;
  background:transparent url(../images/right.png) no-repeat 0 0;
}
.slide{
	height: 324px;
	overflow: auto;
}
.slide h2, .slide p , .slide em{
  margin: 5px 15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin-left:15px;
  border: 2px solid #937C64;
  padding: 1px;
}
.trumbnail{
	float:left;
	margin: 5px;	
}
.trumbnail .action{
	margin-top: 3px;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.wraptocenter span {
    display: inline-block;
    height: 100%;
}
.wraptrumb{
	width: 81px;
    height: 81px;
    border: 2px solid #937C64;
}
.wrapproperty{
	width: 150px;
    height: 150px;
}
.errorcontrol{
	background-color: #FFCFDA;
}
/*---- Err Msg ----*/

.err-msg {
	position: absolute;
	width: 424px;
	z-index: 1999;
	margin-left: -212px;
	background-color: #3d3937;
}
.err-msg span {
	display: block;
	padding: 30px 15px 30px 55px;
	font-weight: bold;
}
.cas-err span {
	background: url(../images/msg_err.gif) no-repeat 15px 25px;
	border: 1px solid #9d1e1e;
	color: #9d1e1e;
}
.cas-finlish span {
	background: url(../images/msg_finlish.gif) no-repeat 15px 25px;
	border: 1px solid #45984f;
	color: #45984f;
}
.cas-saving span {
	background: url(../images/ajax-loader.gif) no-repeat 15px 25px;
	border: 1px solid #d4bb16;
	color: #d4bb16;
}
/*---- End Err Msg ----*/

#galTab li{
	list-style: none;
	display: table;
	float: left;
	width: 150px;
	height: 33px;
	text-align: center;
	background: transparent url("../images/galTabBg.png") no-repeat;
	margin-right: 15px;
	padding-top: 8px;
}
#galTab a{
	color: #333333;
	font-weight: bold;
}
.nodata{
	color: #fff;
	text-align: center;
	background: url(../images/theme/bg.jpg) repeat-x top;
	margin-top: 20px;
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
}
.divmap{
	width: 650px;
	height: 230px;
	border: 2px solid #937C64;
	padding: 1px;
}
/*--UI--*/


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-widget-overlay {
	background-color: #AAAAAA;
	opacity:0.7;
}
.ui-dialog {
	overflow:hidden;
	padding:0.2em;
	position:absolute;
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
}
.ui-widget-content {
	/*background-color:#FFFFFF;
	border:1px solid #AAAAAA;*/
}
.ui-draggable .ui-dialog-titlebar {
	cursor:move;
}
.ui-dialog .ui-dialog-titlebar {
	padding:0.5em 1em 0.3em;
	position:relative;
}
.ui-corner-all {
	-moz-border-radius:4px 4px 4px 4px;
}
.ui-widget-header {
	background-color:#1F1F1F;
	border:1px solid #AAAAAA;
	color:#fff;
	font-weight:bold;
}

.ui-helper-clearfix {
	display:block;
}
.ui-dialog .ui-dialog-titlebar-close {
	height:18px;
	margin:-10px 0 0;
	padding:1px;
	position:absolute;
	right:0.3em;
	top:50%;
	width:19px;
	background: url("../images/theme/close.png") no-repeat;
}
.ui-dialog .ui-dialog-titlebar-close span{
	display: none;
}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #fff;border: 1px solid #1F1F1F;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*Default*/
.allform {
	margin-top: 10px;
	padding-top: 10px;
	
}
.allform ul {
	width: 100%;	
	list-style: none;
}
.allform li {
	overflow: hidden;
	padding-bottom: 8px;	
	list-style: none;
	width: 100%; /* add*/
}
.allform label {
	display: block;
	width: 30%;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #626262;
	line-height: 20px;
}
.allform .t {
	display: block;
	margin-left: 32%;
}
.allform .t .ui-datepicker-trigger{
	margin-left: 5px;
	position: relative;
	top: 3px;
	
}
.allform em{
	color: red;
}
.allform .t em {
	margin-left: 0 !important;
	display: block;
	/*padding: 3px 0;*/
}
.allform .t input, textarea,select {
	border-color: #acadb2 #dbe0e6 #dbe0e6 #e4e2ed;
	border-style: solid;
	border-width: 1px;
	width: 75%;
}
.allform .t input, textarea{
	padding: 2px 3px;
}
.allform .bottomform {
	padding-left: 32%;
	width: 68%;
}
.allform .uploadimg img {
	border: 1px solid #e3e1dd;
	padding: 2px;
	background-color: #fff;
	margin-bottom: 5px;
}
select option {padding: 0 5px}
.diverr{
	color: red; 
	text-align: center;
	background-color: #FFCFCF;
	padding: 10px;
}
.divpass{
	color: #00FF00; 
	text-align: center;
	background-color: #DFFFDF;
	padding: 10px;
}
#imgrotate {
	background: transparent url('../images/main_pic.jpg');
	margin:0 20px 20px 25px;
	border: 5px groove #DFDCD3;
	padding: 3px;
	width: 850px;
	height: 300px;
}