@charset "UTF-8";
/* CSS Document */


img, div { behavior: url(/css/iepngfix.htc) }
 
.img2 { float:left; margin-right:5px; margin-bottom:5px;} 
 

body {
background:#000000;
background-image:url(../images/bk_strip.jpg);
background-repeat:repeat-x;
margin: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
}

#logo {
height: 100px;
margin-left:100px;
margin-top:10px;
}

#container1 {
width:840px;

}

#container_home {
width:960px;

}

#flash {
float:left;
width: 668px;
height: 362px;
}

#menu {
margin-top: 43px;
float:right;
width: 144px;
height: 206px;
background-image:url(../images/menu_bk.png); 
background-repeat:no-repeat;
}

#menu_text{
margin-left: 20px;
margin-top: 30px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu_text a { text-decoration:none; color:#FFFFFF;}
#menu_text a:hover { text-decoration:none; color:#FF6600;}

a { text-decoration:none; color:#FF6600;}
a:hover { text-decoration:none; color:#999999;}

#menu_board1{
margin-left: 10px;
margin-top: 10px;
color: #999999;
margin-right:25px;
}


#bk_bar {
width: 840px;
height: 100px;
position:absolute;
left:10px;
top:349px;
z-index:-1;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 100px;

}

#bk_bar_ie {
width: 840px;
height: 100px;
position:absolute;
left:10px;
top:372px;
z-index:-1;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 100px;

}

#container2 {
width: 840px;
z-index:-1;
/* Chnage for Browser compatability*/
position:absolute;
top: 423px;
left:0px;
clear:both;
}

#special_offers {
width: 840px;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 110px;
clear:both;
height: 250px;


}
#special1 { 
margin-top: 10px;
margin-left: 20px; 
float:left; 
width: 200px; 
height: 180px; 
padding:10px; 
margin-right: 20px; 
background-color: #000000; 
border: 1px dashed #FF6600;  
color: #FF6600; 
}

#special2 { 
margin-top: 10px;
float:left;  
width: 200px; 
height: 180px;  
margin-right: 20px; 
padding:10px; 
background-color: #000000; 
border: 1px dashed #FF6600; 
padding:10px; 
color: #FF6600;
}

#special3 { 
margin-top: 10px;
float:left; 
width: 180px;
height: 180px;  
padding:10px; 
background-color: #000000; 
border: 1px dashed #FF6600; 
padding:10px; color: #FF6600;
}

#special4{
width: 444px;
border: 1px dashed #FF6600;
background-color:#000000;
margin-left: 20px;
color: #FF6600;
padding: 10px;
clear:both;
}

#special4 a { color:#999999;}
#special4 a:hover { color: #FFFFFF;}



#main {
width: 746px;
float:left;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 110px;

}
#main_ie {
width: 820px;
float:left;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 55px;

}

#main_text {
width: 746px;
height: 100px;
float:left;
background-image:url(../images/hoz_bk.jpg);
background-repeat:repeat-y;
margin-left: 110px;

}

#main_bot {
width: 746px;
height: 15px;
float:left;
background-image:url(../images/hoz_bk_bot.jpg);
background-repeat: no-repeat;
margin-left: 110px;
}

#main_bot_ie {
width: 746px;
height: 15px;
float:left;
background-image:url(../images/hoz_bk_bot.jpg);
background-repeat: no-repeat;
margin-left: 55px;
}


#specials {
width: 100px;
height: 100px;
float:right;
}

p { 
color:#FFFFFF;
margin-left: 20px;
margin-right: 20px;
}

.menu_title {margin-left: 10px; font-weight:bold;}
.intro_text { width: 470px; float:left; text-align:justify;}
/*Chnage from right to left*/
.images_right { float:left; margin-right: 20px;}

h1{
margin-left: 20px;
color:#FFFFFF;
padding-top: 35px;
}

h2{
margin-left: 20px;
color:#FFFFFF;
padding-top: 10px;
}


/* main menu */


#navlist
{
padding-left: 20px;;
width: 122px;
text-align:left;
}

#navlist li
{
list-style: none;
margin: 0;
padding-top: 5px;

}

#navlist li a { text-decoration: none; color:#FFFFFF;}
#navlist li a:hover { text-decoration: none; color:#FF6600;}

/* CSS Document */

#footer {
color:#FFFFFF;
font-size:10px;
clear:both;
margin-left: 120px;
margin-top: 20px;
margin-bottom: 20px;
clear:both;
}

#footer a { text-decoration:none; color:#0099FF;}
#footer a:hover { text-decoration:none; color:#00CC00;}


/* food menu */




#menu_f_l { margin-top:15px; margin-left:50px;  margin-bottom: 40px; margin-right:15px; width:650px;}

#menu_container {}


ul.menu {
list-style-type:none;
width:auto;

display:block;
height:33px;
font-size: 12px;
background:url(images/bg.png) repeat-x top left;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color: #000000;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*ORANGE*/
ul.menu.orange{
background-color:#DC4900;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#F46D00;
}


/* menu */


/* menu table */

#m_container { color:#FFFFFF; width:560px; float:left;}
#number{ margin-left:20px; float:left; width: 30px; padding-top: 5px; padding-bottom: 5px; font-weight:bold;}
#des{float:left; width:400px; padding-top: 5px; padding-bottom: 5px;}
#sub { padding-left: 30px; width: 400px; padding-top: 5px; padding-bottom: 5px; margin-left: 20px; font-style:italic; color:#CCCCCC;}
#price{float:left; width: 100px; padding-top: 5px; padding-bottom: 5px; font-weight:bold; margin-left: 10px;}
#spacer { clear:both;}



.contact { margin-left: 25px; float:left; border: 1px solid #ffffff; padding: 3px;}
.contact_text {float:right;}



/* form */

#form_container { margin-left:25px; color:#FFFFFF; }




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 350px;
  max-width: 400px;
  width: 360px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #666666;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


#testimonials { margin-left: 30px; }