/*DOCUMENT*/
* { margin: 0; padding: 0; border: none; }
html, body { height: 100%; text-align:center; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
body { margin-top: 5px; }

/***********************************************************/
/*                    LAYOUT / CONTAINERS                  */
/***********************************************************/
/*OUTER CONTAINERS*/
#wrapper{ width: 866px; margin: 0 auto; text-align: left; } 
#container { text-align: left; width: 726px; float: left; clear: right; margin: 0 -20px 0 0; position:relative; background:#fff url(../images/stretch.gif) repeat-y scroll right top; }

/*HEADER AND FOOTER*/
#logo { background: url('../images/alex-catering-logo.gif') 0 0 no-repeat; height: 66px; padding: 0px; float: left; width: 726px; clear: both; }
#printlogo { display:none; }
#footer { background: url('../images/footer.gif') 0 0 no-repeat; height: 46px; width: 726px; clear: both; }
#copyright { font-size:12px; color:#999; text-align:right; }
#copyright a, a:hover, a:selected, a:visited { color: #999;}

/*LEFT COL*/
#content {	background: url('../images/content.gif') 0 0 repeat-y; padding: 0px; text-align: left; width: 335px; float: left; height: 100%; display: inline; min-height:472px; }
#contentPane { float: right; width: 310px; background: #fff; z-index:25;}

/*RIGHT COL*/
#hat { background: url('../images/top-chef-hat.gif') 0 0 no-repeat; height: 154px; float: left; width: 391px; position: absolute; top: 66px; right: 0px; }
#stretch { background: url('../images/stretch.gif') 0 0 repeat-y; height: 100%; float: left; width: 391px; text-align: left; border:0px red solid; overflow: hidden; }
#animation { background: url('../images/alex_web_anim.gif') 0 0 no-repeat; height: 308px; float: left; width: 391px; position:absolute; right:1px; bottom:46px; }

/*NAVIGATION*/
#navigation { margin: 80px 0 0 0; background-color: white; width: 130px; float: left; z-index:20; clear:left;} 
ul#navigation { margin: 10px 0 1em 0; border: 0px #222 solid; padding: 0; width: 150px; list-style-image:url(../images/bullet.gif); }
#navigation li { margin: 0; border: 0 none; padding: 0; display: inline; list-style-image:url(../images/bullet.gif); }
#navigation li a { height: 18px; width: auto !important; color: #CE5E21; background-color: white; margin 0; padding-bottom: 3px; border-bottom: 4px #6C5343 solid; float: none !important; display: block; font-size:16px; text-decoration: none; font-weight: bold; font-style:italic; }
#navigation li ul { margin: 0 0 1em 20px; border: 0px #222 solid; padding: 0; width: 130px; list-style-image:url(../images/bullet.gif);}
#navigation li ul li { margin: 0; border: 0 none; padding: 0 0 0 0px; display: inline; list-style-image:url(../images/bullet.gif); }
#navigation li ul li a { height: 18px; width: auto !important; color: #A79E8C; background-color: white; margin: 0px; padding: 0px; float: none !important; border: 0; display: block; font-size:12px; text-decoration: none; font-weight: bold; font-style:italic;}
#navigation li a:hover, .selected { background-color: #CE5E21; color: white; }


/***********************************************************/
/*                         FORMATTING                      */
/***********************************************************/
#logo h1 a { text-indent: -9000px; display:block; width:500px; height:66px;} 
h2, h3 { margin: 10px 0 20px 0;}
h1 {font-size: 22px;}
h2 {font-size: 18px}
h3 {font-size: 16px;}
p { margin: 0 0 12px 0; }
.fivestar { background: url('../images/5-star-on-yelp-com.gif') 0 0 no-repeat;}
.fivestar a {padding: 0 0 0 85px;}
.quote { font-style:italic; padding: 0 0 8px 8px;}
#gallery { width:310px; padding:0 0 0 0; float: right; margin: 0 0 0 0;}
#gallery img { float: left; padding: 0 3px 3px 0;}
.menu { font-size: 13px; }