/*
****************************************************************************************
///////////////////////////// Made by: Critique Design
///////////////////////// www.critiquedesign.com, 07-2008
//////////////////////// For: www.calypsocafeandgrill.com
****************************************************************************************
*/

*
{ padding: 0em; margin: 0em; }

body
{ background: #000000 url('../images/bg1.jpg'); padding: 0 none;}

body,input
{ font-size: 10pt; font-family: "georgia", "times new roman", serif; color: #333333; }

/*
**************************************************************************************
////////////////////////////// Additional Classes
**************************************************************************************
*/

.fleft
{ float: left; position: absolute; bottom: 0.6em; left: 1em; padding-right: 0.0em; }

.fright
{ float: right; position: absolute; bottom: 0.6em; left: 1em; padding-right: 0.0em; }

/*
For your Information Box
*/

.fyi { width: 48%; margin: 10px auto 20px; border: 2px double #ccc; padding: 10px; color: #666; }

/*
**************************************************************************************
/////////////////////////////// Headers
**************************************************************************************
*/

h3 span
{ font-weight: normal; }

h3,h4
{ display: inline; font-weight: bold; background-repeat: no-repeat; background-position: right; }

h3
{ font-size: 1.7em; padding-right: 115px; background: #FFF url('../images/bg4.jpg') right-x; }

h3 img
{ border: none 0;}

h4
{ font-size: 1.2em; padding-right: 28px; background-image: url('../images/bg4.jpg'); }

#header
{ position: relative; width: 100%; height: 9.0em; background: #7f8400 url('../images/topbg.gif') repeat-x; margin-bottom: 1px; }

#headercontent
{ border: solid 0px #6F5230; position: absolute; bottom: 0em; padding: 0em 2.0em 1.3em 2.0em; }

#headercontent img
{ border: 0px; }

#headercontent h1
{ font-weight: normal; color: #fff; font-size: 2.5em; }

#headercontent h2
{ font-size: 1.0em; font-weight: normal; color: #aaa; }

#headerpic
{ position: relative; height: 109px; background: #fff url('../images/hdrpic.jpg') no-repeat top left; margin-bottom: 2px; }

/*
**************************************************************************************
/////////////////////////////// Content
**************************************************************************************
*/

p
{ line-height: 1.5em; margin-bottom: 1.0em; text-align: justify; }

a
{ color: #B96D00; text-decoration: underline; }

a:hover
{ text-decoration: none; }

span.company { color: #be7501; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic font-weight: bold; }

#normalcontent span.note { font-size:10px; margin-left: 1em;}

/*
**************************************************************************************
/////////////////////////////// Content Area
**************************************************************************************
*/

#outer
{ z-index: 2; position: relative; width: 67%; border: solid 7px #fff; background: #fff url('../images/bg45.jpg'); margin: 0 auto; }

.contentarea
{ padding-top: 1.3em; }

#content
{ padding: 2em 1.0em 0em 1.0em; }

/*
**************************************************************************************
/////////////////////////////// Images
**************************************************************************************
*/

img
{ border: solid 1px #6F5230; }

img.left
{ position: relative; float: left; margin: 0em 1.8em 1.4em 0em; }

img.right
{ position: relative; float: right; margin: 0em 0em 1.8em 1.8em; }

img.rightClear
{ position: relative; float: right; clear: right; margin: 0em 0em 1.8em 1.8em; }

img.leftFull
{ position: relative; float: left; margin: 0em 1.8em 5em 0em; }

/*
**************************************************************************************
/////////////////////////////// Form - Email Newsletter
**************************************************************************************
*/

#search
{ position: absolute; top: 5.5em; right: 2.0em; padding-right: 0.0em; }

#search input.text
{ margin-right: 0.5em; vertical-align: middle; border-top: solid 1px #000000; border-right: 0px; border-bottom: solid 1px #777777; border-left: 0px; padding: 0.15em; width: 10.0em; font-size: 90%; }

#search input.submit
{ background: #939B00 url('../images/buttonbg.gif') repeat-x; border: solid 1px #5F6800; font-weight: bold; padding: 0.25em; font-size: 0.8em; color: #F2F3DE; vertical-align: middle; }

/*
**************************************************************************************
/////////////////////////////// Menu - Navigation
**************************************************************************************
*/

#menu
{ font-family: Verdana, Arial, "Helvetica", sans-serif; font-size: 13px; font-weight: bold; position: relative; background: #7F8400 url('../images/menubg.gif') repeat-x top left; height: 3.5em; padding: 0em 1.0em 0em 1.0em; margin-bottom: 2px; }

#menu ul
{ position: absolute; top: 1.1em; }

#menu ul li
{ position: relative; display: inline; }

#menu ul li a
{ padding: 0.5em 1.0em 0.9em 1.0em; color: #fff; text-decoration: none; }

#menu ul li a:hover
{ text-decoration: underline; }

#menu ul li a.active
{ background: #7F8400 url('../images/menuactive.gif') repeat-x top left; }

/*
**************************************************************************************
/////////////////////////////// Menu - Intro Page
**************************************************************************************
*/

#menuEnter1, #menuEnter2 { margin-left: 1em; }

#menuEnter1 img.left, #menuEnter2 img.left { clear: left; border: 1px solid #ccc; padding: 1px; }
   
#menuEnter1 img.lunch, #menuEnter2 img.dinner { border: none 0; padding: 0.0em; float: right; clear: right; margin-right: 10em; }

#menuEnter1:hover  .lunch { border: 1px solid #909090; background-color: #666; }

#menuEnter2:hover  .dinner { border: 1px solid #909090; background-color: #666; }

/*
**************************************************************************************
/////////////////////////////// Menu - Layout
**************************************************************************************
*/

/*
Accordion - JS
*/

#stageContent img { border: 0; padding: 0px; margin: 0px;}
#stageContent img.avatar { background-color: 0; border: 1px solid #ccc; margin: 20px 16px; padding: 2px; }
#stageContent img.title { background-color: 0; border: 0px;  margin: 20px 20px; }
#stageContent img.stitle { background-color: 0; border: 0px;  margin: 20px 0px; }
#stageContent img.sptitle { background-color: 0; border: 0px;  margin: 20px 25px; }
#stageContent img.otitle {  background-color: 0; border: 0px;  margin: 20px 45px;}

/*
End Accordion - JS
*/

div#menuItems{width:590px;margin: 0 auto; font: 90% "Trebuchet MS",Arial,sans-serif; text-align:left }

div#menuItems img, div#menuHeader img { border: 0 none; }

#menuHeader img.avatar, #menuHeader img.spavatar { border: 1px solid #ccc; margin: 20px 16px; padding: 2px;}
#menuHeader img.title { border: 0px; margin: 20px 20px;}
#menuHeader img.stitle { border: 0px; margin: 20px 0px;}
#menuHeader img.sptitle { border: 0px; margin: 20px 25px;}
#menuHeader img.otitle { border: 0px; margin: 20px 45px;}

div#menuHeader dl { font: 75%   Verdana, Arial, Helvetica, sans-serif;
color: #5e5e5e; list-style: none; width: 96%; overflow: auto; margin: 1em 0em 3.5em 2.5em; }

div#menuHeader dd.price { float: right; padding-left: 3px; text-decoration: underline; backgroung: none; }

div#menuHeader dt { float: left; padding-right: 3px; text-decoration: underline; }

div#menuItems dl {width: 98.5%;overflow: auto;margin: 0 0 1em; background: url('../images/dot.gif') repeat-x 0 1.2em }
	
div#menuItems dt, div#menuItems dd.price, div#menuHeader dt, div#menuHeader dd.price { font-size: 215%; font-weight: bold }

div#menuItems dt, div#menuItems dd.price { background: #FFF url('../images/bg4.jpg') repeat-x; }

div#menuItems dt { float: left;padding-right: 3px;color: #F70000 }

div#menuItems dd, div#menuHeader dd { margin:0 }

div#menuItems dd.price {float: right;padding-left: 3px;color: #5e5e5e; background: #FFF url('../images/bg4.jpg') repeat-x}

div#menuItems dd.descr{float: left; width: 100%; padding: 3px 0; font: italic 110% Georgia,Times,sans-serif; color: #555 }

div.hr1 { color: #666; background-color: #ccc; border: 0; width: 100%; height: 3px; padding-bottom: 10px; margin-bottom: 15px; }
div.hr2 { color: #666; background-color: #ccc; border: 0; width: 100%; height: 3px; margin: 15px 0; }
div.hr1 hr, div.hr2 hr { display: none; }

/*
**************************************************************************************
/////////////////////////////// Footer
**************************************************************************************
*/

#footer
{ position: relative; height: 1.0em; clear: both; padding: 3em; background: #F9F9F9 url('../images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.750em; }

#footer a
{ color: #666; font-style: italic; text-decoration: none; font-size: 1em; }

/*
**************************************************************************************
/////////////////////////////// Breadcrumb
**************************************************************************************
*/

.breadcrumb{ font: bold 73% Arial, Helvetica, sans-serif; margin-left: 0em; }

.breadcrumb a { color: #666; padding-right: 15px; text-decoration: none; background: transparent url('../images/arrowhead.gif') no-repeat center right; }

.breadcrumb a:visited, .breadcrumb a:active { color: #000; }

.breadcrumb a:hover{ text-decoration: underline; }