/*	FIXES	*********************************************/

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of no-extra-markup clearing method */
body { behavior:url(css/csshover.htc); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#000000;}
	
a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7197d1; text-decoration:underline;}
a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:none;}
	
* {margin:0px; padding:0px;}

/*	CONNTAINERS	*********************************************/

div#container {position:relative; max-width:750px;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "750px":
        "auto" ); margin-left:auto; margin-right:auto;}

div#content {width:750px; background-color:#FFFFFF;}
div#contentMail {width:750px; background-color:#FFFFFF; text-align:center; height:250px;}

div#header{background-image:url(../images/header.jpg); background-repeat:no-repeat; width:750px; height:200px;}

/****	GLOBAL	*************************************************/


/****	HOME	*************************************************/
div#flash{width:750px; height:192px; z-index:1}

div#containBot{width:730px; margin:5px 10px 0px 10px; padding:2px 0px 0px 0px; text-align:center; background-image:url(../images/dots.jpg); background-repeat:repeat-x; height:100%;}
div#left{width:154px; height:186px; float:left;}
div#middle{width:394px; height:100%; float:left; text-align:left; padding:0px 0px 10px 0px;}
div#right{width:181px; height:186px; float:left; text-align:left; background-image:url(../images/home_bg_location.jpg); background-repeat:no-repeat;}
p.middlep{  padding:5px 5px 0px 5px;}

h2.titles{ color:#213e99; font-size:16px;  padding:5px 5px 0px 5px;}
strong.secondary{ color:#00a0c6; padding:5px 5px 0px 5px;}

div#credit{ width:730px; text-align:right; color:white; font-size:10px;}
div#credit a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:underline;}
div#credit a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:underline;}
div#credit a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#cccccc; text-decoration:underline;}
div#credit a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:none;}

/****	MENU FOOD	*************************************************/

div#menu{width:730px; margin:5px 10px 0px 10px; padding:2px 0px 0px 0px; text-align:center; background-image:url(../images/dinner.jpg); background-repeat:no-repeat; height:800px;}

/****	EVENTS	*************************************************/

div#containTopEvents{width:730px; margin:0px 10px 0px 10px; padding:2px 0px 10px 0px; background-image:url(../images/dots.jpg); background-position:bottom left; background-repeat:repeat-x; height:100%;}
div#eventsLeft{width:450px; float:left; padding-right:10px;}
div#eventsRight{width:270px; float:left;}
div#eventsBot{width:730px; margin:5px 10px 0px 10px; text-align:center; padding:2px 0px 10px 0px; height:100%;}

/****	REVIEWS	*************************************************/
div#containTopRev{width:730px; margin:0px 10px 0px 10px; padding:2px 0px 10px 0px; height:100%;}
div#reviewsLeft{width:383px; float:left; padding-right:10px;}
div#reviewsRight{width:337px; float:left;}

/****	RESERVATIONS	*************************************************/

div#reservations{width:690px; margin:0px 10px 0px 10px; padding:2px 0px 10px 40px; height:300px; background-image:url(../images/reservations_food.jpg); background-position:top right; background-repeat:no-repeat;}

/****	MENU	*************************************************/

div#appetizer{width:740px; margin:0px 5px 0px 5px; padding:10px 0px 10px 0px; height:100%; text-align:center; background-color:#000000;}


/****	LOCATION	*************************************************/
div#containTopLoc{width:730px; margin:0px 10px 0px 10px; padding:2px 0px 10px 0px; height:100%;}
div#locationLeft{width:427px; float:left; padding-right:10px; height:100%;}
div#locationRight{width:203px; float:left;}

/****	CATERING	*************************************************/

div#catForm{width:750px; height:100%; clear:both;}
div#catForm table tr td{ heigh:25px;}

/****	SITEMAP	*************************************************/

div#siteMap{width:690px; margin:0px 10px 0px 10px; padding:2px 0px 10px 30px; height:300px;}
div#siteLeft{ float:left; width:300px; height:100%;}
div#siteRight{ float:left; width:300px; height:100%;}
div#siteRight p{ margin:60px 0px 0px 0px;}

div#siteMap ul{ list-style-type:none; margin:0px 0px 0px 5px;}
div#siteMap ul li{ margin:5px 0px 5px 0px; }

/**** 	MENU	***************************************************/

div#listMenu { 
   width: 750px; 
   height: 28px; 
   background:#fff url(../images/bg_menu.jpg) no-repeat top left;
   z-index:10;
   position:relative;
} 


div#listMenu a{ 
   display:block; 
   height:28px;
   padding-top:4px; 
   text-decoration:none; 
   font-family:Arial, Helvetica, sans-serif; 
   font-size:11px; 
   font-weight:bold; 
   color:#ffffff; 
} 

div#listMenu a:hover{ 
   display:block; 
   text-decoration:none; 
    color:#213e99;
   height:28px;
    
  
}

div#listMenu ul {
	margin: 0px 0px 0px 0px; 
   	text-align: center; 
  	float: left; 
   	list-style-type: none; 
	
} 


div#listMenu li.home{ text-align:center; float:left; width:82px;}
div#listMenu li.homeMark{ text-align:center; float:left; width:82px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}
 
div#listMenu li.about{ text-align:center; float:left; width:93px;} 
div#listMenu li.aboutMark{ text-align:center; float:left; width:93px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.menu{ text-align:center; float:left; width:71px; position:relative;} 
div#listMenu li.menuMark{ text-align:center; float:left; width:71px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.reservations{ text-align:center; float:left; width:117px;} 
div#listMenu li.reservationsMark{ text-align:center; float:left; width:117px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.reviews{ text-align:center; float:left; width:93px;} 
div#listMenu li.reviewsMark{ text-align:center; float:left; width:93px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.events{ text-align:center; float:left; width:80px;} 
div#listMenu li.eventsMark{ text-align:center; float:left; width:80px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.location{ text-align:center; float:left; width:92px;} 
div#listMenu li.locationMark{ text-align:center; float:left; width:92px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}

div#listMenu li.contact{ text-align:center; float:left; width:118px;} 
div#listMenu li.contactMark{ text-align:center; float:left; width:118px; height:28px; padding-top:4px; font-weight:bold; color:#213e99;}





div#listMenu ul li:hover ul, div#listMenu ul li ul:hover {display:block;}
/*html ul li ul li {margin-top: -1px;}*/
div#listMenu ul li ul{ width:100px; position:absolute; left:0px; top:25px; display:none;}
div#listMenu ul li ul li{ width:100px; height:20px; list-style-type:none; background-color:#213e99; border-bottom:1px solid #ffffff;}
div#listMenu ul li ul li a{ display:block; height:20px; padding-left:4px; width:100px; font-weight:bold; text-align:left; background-color:#213e99; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
div#listMenu ul li ul li a:hover{ display:block; height:20px; padding-left:4px; width:100px; font-weight:bold; text-align:left; background-color:#0197c8; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}



/****	FOOTER	****************************************************/
div#footer{width:750px; clear:both; text-align:center; height:45px; padding:12px 0px 0px 0px; background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat;}
div#footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white;}
div#footer a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:underline;}
div#footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:underline;}
div#footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#162e5f; text-decoration:underline;}
div#footer a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:white; text-decoration:none;}



#catForm td { font-size:10px; }
.cater-border {  background-color: #FFEF73; padding:5px; }
.log-results-fail {color:#cc0000; display:none; padding:10px; background:#ffeeee url(../image/error-alert.gif) no-repeat right center; border:1px solid #ff5050; margin-bottom:8px;}
.log-results-success {color:#4e8c28; display:none; padding:10px; background:#e9ffdb url(../image/success-alert.gif) no-repeat right center; border:1px solid #6cb142; margin-bottom:8px;}