/**********************************

Main Screen Import

***********************************/

/*@import "reset.css";
@import "core.css";*/

/**********************************

Reset Styles for all browsers

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {text-decoration: none;}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

/**********************************

Core Styles

***********************************/

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
/*background-color: #3a2d0b;*/
background: url(../images/bg.jpg) #380000 repeat-x;
text-align: center;
}

/* Splash
------------------------------*/

#splash {
margin: 0px auto;
margin-top: 100px;
padding: 0;
}

*html body #splash {
margin-top: 50px;
}

#splash h1 {
visibility: hidden;
}

#skipintro p {
font-size: 1.1em;
font-weight: normal;
}

#skipintro p a {
color: #dcc5aa;
}

#introcopy {
width: 700px;
margin: 0px auto;
margin-top: 20px;
/*visibility: hidden;*/
}

#introcopy h2,
#introcopy p {
font-size: 0.9em;
color: #dcc5aa;
text-indent: -9000px;
}

#introcopy p {
text-align: justify;
}

/* Container
------------------------------*/

#container {
width: 740px;
display: table;
text-align: left;
margin: 0px auto;
margin-top: 120px;
}

/* Header
------------------------------*/

#header {
position: absolute;
height: 177px;
width: 326px;
/*background: url(../images/logo.gif) no-repeat;*/
margin: 0px;
margin-top: -24px;
z-index: +10;
}

#header h1 {
visibility: hidden;
}

/* Content
------------------------------*/

#content {
width: 740px;
/*position: absolute;*/
display: table;
text-align: left;
background: url(../images/bg-main.jpg) #dcc5aa repeat-y;
/*margin-top: 32px;*/
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
width: 235px;
/*background: url(../images/bg-main.jpg) #dcc5aa repeat-y;*/
background-color: #300000;
}

#sidebar img {
/*border-bottom: 5px solid #300000;*/
/* Temporary design compromise.  Need to figure out bg color of sidebar.  Change bg picture from #content section to include the color. */
}

/* Main
------------------------------*/

#main {
float: left;
position: relative;
margin: 0;
background: url(../images/bg-main.jpg) #dcc5aa -235px 0 repeat-y;
}

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

#menu ul {
width: 505px;
height: 172px;
background: url(../images/menu2.gif) no-repeat;
margin: 0px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#menu ul li,
#menu ul li a {
height: 172px;
display: block;
text-decoration: none;
}

#menu ul li#nav1, #menu ul li#nav1 a {left: 85px; top: 50px; width: 84px; height: 60px;}
#menu ul li#nav2, #menu ul li#nav2 a {left: 170px; top: 50px; width: 53px; height: 65px;}
#menu ul li#nav3, #menu ul li#nav3 a {left: 224px; top: 60px; width: 61px; height: 65px;}
#menu ul li#nav4, #menu ul li#nav4 a {left: 286px; top: 65px; width: 63px; height: 70px;}
#menu ul li#nav5, #menu ul li#nav5 a {left: 350px; top: 65px; width: 78px; height: 80px;}
#menu ul li#nav6, #menu ul li#nav6 a {left: 429px; top: 65px; width: 74px; height: 95px;}
#menu ul li#nav7, #menu ul li#nav7 a {left: 195px; top: 0px; width: 100px; height: 45px;}
#menu ul li#nav8, #menu ul li#nav8 a {left: 296px; top: 0px; width: 110px; height: 45px;}

#menu ul li a span {
visibility: hidden;
}

#nav1 a:hover {background: transparent url(../images/menu2.gif) -85px -222px no-repeat;}
#nav2 a:hover {background: transparent url(../images/menu2.gif) -170px -222px no-repeat;}
#nav3 a:hover {background: transparent url(../images/menu2.gif) -224px -232px no-repeat;}
#nav4 a:hover {background: transparent url(../images/menu2.gif) -286px -237px no-repeat;}
#nav5 a:hover {background: transparent url(../images/menu2.gif) -350px -237px no-repeat;}
#nav6 a:hover {background: transparent url(../images/menu2.gif) -429px -237px no-repeat;}
#nav7 a:hover {background: transparent url(../images/menu2.gif) -195px -172px no-repeat;}
#nav8 a:hover {background: transparent url(../images/menu2.gif) -296px -172px no-repeat;}

/* Main Content
------------------------------*/

#main-content {
margin-top: -25px;
}

#main-content h2 {
width: 480px;
height: 31px;
margin-left: 10px;
margin-bottom: 0px;
border-bottom: 1px solid #560000;
}

/*#main-content h2#welcome {
border-bottom: 0px;
}*/

#main-content h2#welcome {background: url(../images/title-welcome.gif) no-repeat;}
#main-content h2#virtualtour {background: url(../images/title-virtualtour.gif) no-repeat;}
#main-content h2#photogallery {background: url(../images/title-gallery.gif) no-repeat;}
#main-content h2#ourstory {background: url(../images/title-ourstory.gif) no-repeat;}
#main-content h2#menuheading {background: url(../images/title-menu.gif) no-repeat;}
#main-content h2#hours {background: url(../images/title-hours.gif) no-repeat;}
#main-content h2#events {background: url(../images/title-events.gif) no-repeat;}
#main-content h2#facilities {background: url(../images/title-facilities.gif) no-repeat;}
#main-content h2#visitus {background: url(../images/title-visitus.gif) no-repeat;}
#main-content h2#employment {background: url(../images/title-employment.gif) no-repeat;}
#main-content h2#giftcards {background: url(../images/title-giftcards.gif) no-repeat;}
#main-content h2#trav {background: url(../images/title-trav.gif) no-repeat;}
#main-content h2#mailinglist {background: url(../images/title-mailinglist.gif) no-repeat;}

#main-content h2 span {
visibility: hidden;
}

#main-content h3 {
clear: left;
width: 480px;
margin: 10px 0 0px 10px;
padding-top: 3px;
font-size: 1.3em;
line-height: 1.0em;
/*text-transform: uppercase;*/
color: #560000;
border-top: 0px solid #f5ae3f;
}

#main-content h4 {
clear: left;
width: 480px;
margin: 10px 0 0 10px;
padding: 3px 0 3px 0px;
font-size: 1.2em;
/*font-style: italic;*/
line-height: 1.7em;
/*text-transform: uppercase;*/
color: #000;
border-bottom: 0px solid #666;
/*text-align: center;*/
/*background-color: #f3e7d8;*/
}

#main-content p {
width: 480px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

#main-content p a,
#main-content ol li a,
#main-content ul li a {
color: #560000;
}

#main-content p span.sentone {
font-style: italic;
font-weight: bold;
}

#main-content p span.chovyname {
font-style: italic;
/*font-weight: bold;*/
}

#main-content p span.listaddress {
font-style: italic;
font-weight: bold;
}

#main-content img#drawing {
margin-left: 15px;
margin-bottom: 15px;
}

#main-content img#treschicas {
margin-right: 15px;
margin-bottom: 15px;
}

#main-content img.hourspic {
float: left;
width: 200px;
margin: 10px 0 10px 10px;
}

#main-content p.topmargin {
margin-top: 10px;
}

#main-content p.hours {
/*line-height: 1.5em;*/
float: left;
width: 270px;
margin-top: 10px;
}

#main-content p.hours span,
#main-content p.address span {
font-weight: bold;
}

#main-content p.hours span#kitchen,
#main-content p.address span#kitchen {
font-size: 0.85em;
font-weight: normal;
}

#main-content p.address {
float: left;
width: 240px;
margin-left: 10px;
margin-top: 10px;
}

*html body #main-content p.address {
margin-left: 5px;
}

#main-content p.address span.staff {
font-weight: normal;
font-size: 0.9em;
}

#main-content p.heightfix {
/*height: 512px;*/
}

#main-content ul#facilities-nav {
text-align: center;
list-style-type: none;
margin-bottom: 10px;
}

#main-content ul#facilities-nav li {
font-weight: normal;
}

#main-content #directions {
width: 478px;
background-color: #f3e7d8;
border: 2px solid #bd9f7d;
margin: 10px 0 10px 10px;
padding-bottom: 10px;
}

#main-content #directions h4 {
width: 458px;
font-size: 1.0em;
margin-top: 10px;
margin-left: 10px;
/*background-color: #f3e7d8;
border: 2px solid #bd9f7d;*/
}

#main-content #directions h4 span {
font-weight: normal;
font-size: 0.8em;
}

#main-content #directions h4 img {
margin-right: 5px;
}

#main-content #directions p {
width: 370px;
font-size: 0.9em;
}

#main-content #directions table {
margin-left: 10px;
}

#main-content #directions table tr td {
font-size: 0.8em;
text-transform: uppercase;
}

#main-content #map {
width: 478px;
height: 250px;
margin: 10px 0 0px 10px;
border: 2px solid #560000;
}

#main-content img#giftcard {
margin-left: 85px;
}

#main-content img.otherlogo {
margin-top: 15px;
margin-left: 150px;
}

#main-content ol {
width: 480px;
margin: 0px;
list-style-position: inside;
}

#main-content ol li {
margin: 10px 10px;
list-style-type: square;
}

#main-content table.eventtables {
width: 480px;
border: 1px solid #bd9f7d;
margin: 0px 0 15px 10px;
}

#main-content table.eventtables tbody tr td {
padding: 10px 5px 10px 5px;
background-color: #e4d2be;
}

#main-content table.eventtables tbody tr.even td {
background-color: #dcc5aa;
}

#main-content table.eventtables tbody tr td img.datepic {
margin-right: 5px;
}

#main-content table.eventtables tbody tr td span.eventdate,
#main-content table.eventtables tbody tr td span.eventtitle {
color: #000;
font-size: 1.1em;
font-weight: normal;
}

#main-content table.eventtables tbody tr td span.eventtitle {
color: #000;
font-weight: bold;
font-size: 1.1em;
margin-left: 0px;
}

#main-content table.eventtables tbody tr td span.eventdescr {
margin-left: 0px;
}

/* Restuarant Menu
------------------------------*/

#main-content #menumenu {
width: 478px;
background-color: #f3e7d8;
border: 2px solid #bd9f7d;
margin: 10px 0 10px 10px;
padding-bottom: 0px;
}

#main-content #menumenu p {
width: 440px;
font-size: 0.9em;
margin-left: 5px;
margin-top: 10px;
}

#main-content #menumenu p span {
font-weight: bold;
}

#main-content p.section-subtitle {
font-style: italic;
margin-top: -5px;
}

#main-content p.menu-desc {
font-size: 0.9em;
font-weight: bold;
/*font-style: italic;*/
color: #333;
margin-top: 5px;
}

#main-content p.section-desc {
font-size: 0.85em;
color: #333;
margin-top: -5px;
}

#main-content p.pdfmenu {
color: #333;
font-size: 0.9em;
margin-top: 3px;
margin-left: 11px;
}

#main-content p.pdfmenu em {
font-style: normal;
font-weight: bold;
/*padding-right: 2px;*/
}

#main-content p.pdfmenu span {
font-size: 0.85em;
}

#main-content dl {
width: 480px;
overflow: auto;
border: 1px solid #bd9f7d;
margin: 0px 0 15px 10px;
}

dt,
dd.price {
font-size: 12px;
font-weight: bold;
}

dt {
padding: 10px 5px 0px 5px;
color: #05573f;
font-size: 1.1em;
font-weight: normal;
}

dt span {
color: #333;
font-size: 0.8em;
font-style: italic;
}

dd.price {
float: right;
padding-left: 3px;
color: #0032a1;
}

dd.details {
padding: 0px 5px 10px 5px;
color: #333;
}

dd.details ul li {
list-style-type: none;
list-style-position: outside;
font-size: 0.85em;
/*font-style: italic;*/
margin-left: 0px;
}

dd.details ul.addons li {
font-style: normal;
text-align: right;
/*font-weight: bold;*/
font-size: 0.85em;
color: #05573f;
}

#main-content #menu-examples img {
margin: 0px;
padding: 0px;
margin-left: 11px;
margin-top: 20px;
}

/* Gallery
------------------------------*/

/*#gallery img {
float: left;
border: 1px solid #fff;
margin-left: 10px;
margin-bottom: 10px;
}*/

#gallery {
width: 505px;
margin-top: 10px;
margin-bottom: 10px;
}

*html body #content #gallery {
margin-left: -8px;
}

#gallery a {
float: left;
display: block;
width: 110px;
height: 73px;
border: 1px solid #fff;
margin-left: 10px;
margin-bottom: 10px;
}

#gallery a:hover {
border: 1px solid #000;
}

#gallery-feature {
width: 505px;
margin-top: 10px;
margin-bottom: 10px;
}

#gallery-feature img {
margin: 10px 0 0 40px;
}

#gallery-feature p {
line-height: 20px;
}

#gallery-feature a {
color: #560000;
text-decoration: none;
}

#gallery-feature a:hover {
text-decoration: underline;
}

#gallery-feature p#picnum {
width: 420px;
text-align: center;
margin: 10px 0 0 40px;
padding-top: 5px;
border-top: 1px solid #560000;
font-weight: bold;
/*background-color: #f3e2cf;*/
}

#gallery-feature p#prevlink {
margin-left: 40px;
margin-top: -20px;
width: 100px;
float: left;
font-size: 0.8em;
}

#gallery-feature p#nextlink {
margin-right: 42px;
margin-top: -20px;
width: 100px;
float: right;
text-align: right;
font-size: 0.8em;
}

#gallery-feature p#backtogallery {
font-size: 0.8em;
text-align: center;
}

*html body #gallery-feature p#prevlink {margin-left: 20px;}
*html body #gallery-feature p#nextlink {margin-right: 22px;}

/* Content Footer
------------------------------*/

#content-footer {
clear: both;
height: 25px;
background-color: #300000;
}

#content-footer p {
font-size: 0.9em;
text-align: right;
line-height: 25px;
color: #8c6f4d;
padding-right: 5px;
}

#content-footer p a {
color: #dcc5aa;
text-decoration: none;
}

#content-footer p a:hover {
text-decoration: underline;
}



/* Footer
------------------------------*/

#footer {
clear: both;
display: table;
margin-bottom: 10px;
}

#footer p#slogan {
width: 500px;
height: 42px;
background: url(../images/slogan.gif) no-repeat;
}

#footer p#slogan span {
visibility: hidden;
}

#footer p {
font-size: 0.85em;
}

#footer p,
#footer p a {
color: #dcc5aa;
}

/*#footer p a:hover {
color: #fff;
}*/

#footer .credit,
#footer .credit a {
color: #8c6f4d;
}

/*#footer p.credit a:hover {
color: #dcc5aa;
}*/

#footer-main {
float: left;
}

#newsletter-signup {
float: left;
display: block;
width: 240px;
/*height: 75px;*/
background-color: #300000;
margin-top: 10px;
}

#newsletter-signup p {
margin: 10px 10px 5px 10px;
width: 210px;
}

#newsletter-signup p.unsubscribe {
font-size: 0.8em;
margin-top: -5px;
}

#newsletter-signup p.unsubscribe a {
color: #8c6f4d;
}

#newsletter-signup input#email {
margin-left: 10px;
margin-bottom: 10px;
width: 180px;
}

/* TravLinks
------------------------------*/

#travlinksbox {
clear: both;
display: block;
width: 740px;
height: 90px;
position: relative;
border-top: 1px solid #470c09;
}

#travlinks {
clear: both;
}

#travlinks ul {
width: 740px;
height: 90px;
background: url(../images/travlinks.gif) no-repeat;
margin: 0px;
}

#travlinks ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#travlinks ul li a {
display: block;
text-decoration: none;
}

#travlinks ul li a span {
visibility: hidden;
}

#travlinks #trav1, #travlinks #trav1 a {left: 4px; top: 0px; width: 122px; height: 90px;}
#travlinks #trav2, #travlinks #trav2 a {left: 127px; top: 0px; width: 122px; height: 90px;}
#travlinks #trav3, #travlinks #trav3 a {left: 250px; top: 0px; width: 122px; height: 90px;}
#travlinks #trav4, #travlinks #trav4 a {left: 373px; top: 0px; width: 122px; height: 90px;}
#travlinks #trav5, #travlinks #trav5 a {left: 496px; top: 0px; width: 122px; height: 90px;}
#travlinks #trav6, #travlinks #trav6 a {left: 619px; top: 0px; width: 122px; height: 90px;}

#travlinks #trav1 a:hover {background: transparent url(../images/travlinks.gif) -4px -90px no-repeat;}
#travlinks #trav2 a:hover {background: transparent url(../images/travlinks.gif) -127px -90px no-repeat;}
#travlinks #trav3 a:hover {background: transparent url(../images/travlinks.gif) -250px -90px no-repeat;}
#travlinks #trav4 a:hover {background: transparent url(../images/travlinks.gif) -373px -90px no-repeat;}
#travlinks #trav5 a:hover {background: transparent url(../images/travlinks.gif) -496px -90px no-repeat;}
#travlinks #trav6 a:hover {background: transparent url(../images/travlinks.gif) -619px -90px no-repeat;}