/* standards */
html, body { height: 100%; width: 100%; background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: white; }
a:link, a:active, a:visited, a:hover {text-decoration: none; color: white;}

/* all pages */
#mainbox { background-image: url(../images/home3.jpg); background-color: #262b2b; position: relative; margin: 40px auto; height: 747px; width: 970px;}
#contactbox { background-image: url(../images/contact.jpg); background-color: #262b2b; position: relative; margin: 40px auto; height: 747px; width: 970px;}
#borderbox { position: relative; background-image: url(../images/border24_edited.png); height: 100%; width: 100%;}
#menubar { position: absolute; bottom: 73px; right: 0px; height: 30px; width: 777px; }
#links { position: absolute; bottom: -05px; right: 30px; height: 28px; }
#links span { padding-bottom: 18px; }
#links a { margin-right: 10px; }
#pageswaparea { height: 100%; width: 100%; }
#contactformarea { margin: 0; width: 450px; height: 530px; background-color: #3c3230;}
.hideme {display: none;}
.showme {display: block;}
.right { float: right; }
/* menus */
#gohome { display: block; position: absolute; left: 20px; bottom: 40px; width: 150px; height: 90px; }
a { outline: none; }
a.kitchenmenu { display: block; float: left; width: 102px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-kitchen.jpg); }
a:hover.kitchenmenu {  background-image: url(../images/mnu-kitchen-on.jpg); }
a.storymenu { display: block; float: left; width: 102px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-story.jpg); }
a:hover.storymenu {  background-image: url(../images/mnu-story-on.jpg); }
a.wheremenu { display: block; float: left; width: 67px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-where.jpg); }
a:hover.wheremenu {  background-image: url(../images/mnu-where-on.jpg); }
a.pressmenu { display: block; float: left; width: 67px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-press.jpg); }
a:hover.pressmenu {  background-image: url(../images/mnu-press-on.jpg); }
a.eventsmenu { display: block; float: left; width: 67px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-events.jpg); }
a:hover.eventsmenu {  background-image: url(../images/mnu-events-on.jpg); }
a.faqmenu { display: block; float: left; width: 49px; height: 100%; margin-right: 28px; background-image: url(../images/mnu-faq.jpg); }
a:hover.faqmenu {  background-image: url(../images/mnu-faq-on.jpg); }
a.contactmenu { display: block; float: left; width: 70px; height: 100%; margin-right: 30px; background-image: url(../images/mnu-contact.jpg); }
a:hover.contactmenu {  background-image: url(../images/mnu-contact-on.jpg); }
.hiddenpic { display: none; }
/* kitchenbar */
#kitchenbar {  margin: 70px 0 0 250px; width: 300px; height: 500px; color: white; font-size: 1 em;}
#temp { position: absolute; top:150px; left: 240px; font-size: .8em; color: red; width: 200px; text-align: center; }

/* story */
#story { margin: 70px 0 0 250px; width: 300px; height: 500px; color: #eeeaeb;}
#story p{ margin-bottom: 20px; }

/* where */
#where { margin: 75px 0 0 160px; width: 300px; height: 500px; line-height: 1.25em; color: #eeeaeb;}
#where h1{ font-size: 1em; margin: 10px 0 0 0; }
#where #map_canvas { width:300px; height:220px; border: solid 1px red; margin: 30px 0 0 0;}

/* press */
#press { margin: 50px 0 0 50px; width: 660px; height: 500px; color: white; font-size: 1em; line-height: 1.2em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif }
#press .pressentry { height: 130px; width: 490px; }
#press img {float: left; width: 72px; height: 85px; }
#press .presstext {float: left; width: 300px; margin: 5px 0 0 20px; }
#press .pressquote { margin-bottom: 10px; }

/* events */
#slideshow { float: right; width: 350px; height: 250px; margin: 0 60px 20px 20px; background-color: #4A423F; }
#upcomingEvents{ margin: 60px 0 0 60px; min-height: 250px; line-height: 1.25em; color: #eeeaeb; }
#upcomingEvents h1, #pastEvents h1 { font-size: 1.4em; margin-bottom: 10px; }
#pastEvents { font-size: 1em; margin: 100px 0 0 0; }
#upcomingEvents .title { float: left; clear: left; margin: 10px 0 0 0; }
#upcomingEvents .date { float: left; margin-top: 10px; }
#upcomingEvents .time { clear: left; font-size: .9em; }
#upcomingEvents .description { font-size: .9em; }
#upcomingEvents .pastBar { display: none; }
#pastEvents { margin: 20px 0 0 60px; width: 850px; height: 250px; line-height: 1.25em; color: #eeeaeb;  }
#pastEvents p { margin-top: 10px; font-size: .9em; }
#pastEvents .title{ float: left; clear: both; }
#pastEvents .description { float: left; }
#pastEvents .date { float: left; }
#pastEvents .time { display: none; }
#upcomingEvents span, #pastEvents span { float: left; margin: 10px 10px 0 10px; }

/* faq */
#faq { margin: 100px 0px 0px 100px; width: 500px; height: 500px; color: white; font-size: 1em; line-height: 1.2em; }
#faq h1 { margin: 30px 0 5px 0; }

/* contact form */
#contactform { position: absolute; top: 80px; left: 60px; height: 100%; width: 300px; color: white; }
#wherebox { position: absolute; top: 70px; left: 380px; width: 0; height: 0; }
#errormsg { position: absolute; top: 150px; left: 280px; width: 200px; height: 25px; color: red; text-align: center;  }
#contactform textarea { background-color: #d7e5f2; color:102132; border: 1px solid #284279;}
#contactform span { width: 100px; height: 22px; font-size: .8em; text-align: right; }
.tfield { width: 180px; height: 20px; background-color: #d7e5f2; color:102132; border: 1px solid #284279;}
.name { position: absolute; top: 40px;}
.addr1 {  position: absolute; top: 90px;}
.addr2 {  position: absolute; top: 120px;}
.email {  position: absolute; top: 170px;}
.comments { position: absolute; top: 220px; }
.left { left: 0; }
.right { right: 0; }
#submit { cursor: pointer; position: absolute; top: 350px; width: 100px; height: 20px; border: solid 1px #284279; background-color: #d7e5f2; font-size: .8em; }
#thankyou { position: absolute; top: 100px; left: 100px; width: 200px; height: 200px; text-align: center; }
#thankyou h1 { font-size: 1.4em; margin-bottom: 30px; }
#thankyou p { font-size: 1.2em; }