/* ++Default++ */
* {margin:0; padding:0;}
h1, h2, h3, p, pre, blockquote, form, fieldset, table {margin:1.0em 0;}
img {border: 0;}
body {
font:62.5% Garamond, "Times New Roman", Times, serif;
color:#fff;
background:url(images/main-bg.jpg) no-repeat top center #eee6c1;
text-align:center;
}
ul, ol {
margin-left:26px;
}
ul .embedlist {
font-size:0.9em;
}

/* ++Font Sets++ */
p {
font-size:1.3em;
line-height:1.6em;
margin:8px 0 0 18px;
}
td {
font-size:1.3em;
line-height:1.6em;
font-weight:bold;
}
table {margin:8px 0 0 18px;}
h1 {
font:bold 2.1em Garamond, "Times New Roman", Times, serif;
color:#fff;
margin-bottom:2px;
}
h2 {
font:bold 1.8em/1.4em Garamond, "Times New Roman", Times, serif;
color:#FFD684;
margin:8px 0 0 18px;
}
h3 {
font:bold 1.3em/1.3em arial, sans-serif;
color:#FFD684;
margin:8px 0 0 18px;
}

#design {
width: 800px;
height: 14px;
margin:0 auto;
padding:3px 77px 5px 0;
font-family:arial, sans-serif;
font-size:10px;
color:#775544;
clear:both;
z-index:10;
}
#design a {
float:right;
color:#775544;
}

.clear {clear:both;}
.top {vertical-align:top;}
.l {float:left; vertical-align:middle;}
.r {float:right; vertical-align:middle;}
.img-r {float:right; margin:7px 14px 8px 18px;border:solid 1px #1D8BCF;}
.here {position:absolute;}
.preload {
width:0px;
height:0px;
overflow:hidden;
position:absolute;
top:-100px;
left:-100px;
}

/* ++Container++ */
#contain {
width:820px;
position:relative;
background:#6c1f0f;
margin:0 auto;
padding:0;
text-align:left;
}
#quote {
width:170px;
z-index:150;
position:absolute;
top:238px;
left:616px;
font:italic 1.2em/1.5em arial, sans-serif;
color:#ffd787;
}
#familyfoto {
width:201px;
height:153px;
z-index:100;
position:absolute;
top:60%;
left:611px;
background:url(images/hmpg-tiltimg.gif) no-repeat top left transparent;
}

#f-dinner {
width:213px;
height:143px;
z-index:190;
position:absolute;
top:74px;
left:475px;
background:url(images/feature-dinner.jpg) no-repeat top left transparent;
}
#f-wine {
width:213px;
height:143px;
z-index:180;
position:absolute;
top:5px;
left:547px;
background:url(images/feature-wine.jpg) no-repeat top left transparent;
}
#f-dessert {
width:213px;
height:143px;
z-index:170;
position:absolute;
top:41px;
left:597px;
background:url(images/feature-dessert.jpg) no-repeat top left transparent;
}

#history #f-dinner {z-index:190; width:264px; height:222px; position:absolute; left:547px; top:15px; background:url(images/hist-photo.gif) no-repeat top left transparent;}
#history #f-wine {z-index:0; background-image:none;}
#history #f-dessert {z-index:0; background-image:none;}

#directions #f-dinner {z-index:190; width:264px; height:222px; position:absolute; left:547px; top:15px; background:url(images/directions-photo.gif) no-repeat top left transparent;}
#directions #f-wine {z-index:0; background-image:none;}
#directions #f-dessert {z-index:0; background-image:none;}

#contact #f-dinner {z-index:190; width:264px; height:222px; position:absolute; left:547px; top:15px; background:url(images/contact-photo.gif) no-repeat top left transparent;}
#contact #f-wine {z-index:0; background-image:none;}
#contact #f-dessert {z-index:0; background-image:none;}

#menu #f-dinner {z-index:180;}
#menu #f-wine {z-index:170;}
#menu #f-dessert {z-index:190;}

#drinks #f-dinner {z-index:170;}
#drinks #f-wine {z-index:190;}
#drinks #f-dessert {z-index:180;}

#directions #f-dinner {z-index:180;}
#directions #f-wine {z-index:170;}
#directions #f-dessert {z-index:190;}

#contact #f-dinner {z-index:180;}
#contact #f-wine {z-index:170;}
#contact #f-dessert {z-index:190;}

/* ++Branding++ */
#brand {
width:820px;
height:110px;
margin:0;
padding:0;
clear:both;
}
#logo {
width:254px;
height:106px;
float:left;
display:inline;
position:relative;
font:bold 1.4em arial, sans-serif;
margin:0;
padding:0;
}
#logo span {
background:url(images/brand-logo-mrs-robinos.gif) no-repeat top left;
position:absolute;
width:254px;
height:106px;
margin:0;
padding:0;
}
#tag {
width:566px;
height:106px;
float:right;
display:inline;
position:relative;
font:bold 1.4em arial, sans-serif;
margin:0;
padding:0;
}
#tag span {
background:url(images/brand-food-family-1940.jpg) no-repeat top left;
position:absolute;
width:566px;
height:106px;
margin:0;
padding:0;
}

/* ++Main Content++ */
#maininfo {
width:820px;
position:relative;
color:#fff;
background:url(images/main-txt-bg.jpg) no-repeat top right;
}
#menu #maininfo, #history #maininfo, #drinks #maininfo, #directions #maininfo, #contact #maininfo {
background:url(images/main-txt-bg2.jpg) no-repeat top right;
}

#content {
width:566px;
min-height:445px;
background:url(images/main-txt-bg.jpg) no-repeat top right;
background-color:transparent;
float:right;
display:inline;
}
#menu #content, #history #content, #drinks #content, #directions #content, #contact #content {
background:url(images/main-txt-bg2.jpg) no-repeat top right;
}

#txt {
width:538px;
}
#homepg #txt {
width:338px;
}
#txt p {font-size:1.4em; line-height:1.6em; margin-bottom:17px;}


.txtlink {
font-size:1.2em;
line-height:1.6em;
color:#ffd787;
margin:12px 4px 4px 21px;
}

#homepg #txt #icons, #menu #txt #icons, #history #txt #icons, #drinks #txt #icons, #directions #txt #icons, #contact #txt #icons {
width:184px;
height:57px;
margin:48px 0 0 14px;
padding:0;
background:url(images/hmpg-veggies.gif) no-repeat top left transparent;
}

#hdr-hmpg {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-hmpg span {
width:194px;
height:25px;
background:url(images/hdr-hmpg.gif) no-repeat top left;
position:absolute;
}

#hdr-menus {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-menus span {
width:194px;
height:25px;
background:url(images/hdr-menus.gif) no-repeat top left;
position:absolute;
}

#hdr-history {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-history span {
width:194px;
height:25px;
background:url(images/hdr-history.gif) no-repeat top left;
position:absolute;
}

#hdr-drinks {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-drinks span {
width:194px;
height:25px;
background:url(images/hdr-drinks.gif) no-repeat top left;
position:absolute;
}

#hdr-directions {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-directions span {
width:194px;
height:25px;
background:url(images/hdr-directions.gif) no-repeat top left;
position:absolute;
}

#hdr-contact {
width:194px;
height:25px;
position:relative;
overflow:hidden;
margin:18px 0 7px 16px;
}
#hdr-contact span {
width:194px;
height:25px;
background:url(images/hdr-contact.gif) no-repeat top left;
position:absolute;
}

/* ++Nav++ */
#nav {
float:left;
width:248px;
height:446px;
background:url(images/nav-bg.jpg) no-repeat top left #6c1f0f;
text-align:right;
}
#nav #hours {
font:bold italic 0.95em/0.5em arial, sans-serif;
color:#f1d7ba;
text-align:left;
margin:85px 0 0 8px;
}
#nav ul {
margin:14px 0 0 0;
padding:0;
list-style:none;
font:bold 1.2em/0.2em arial, sans-serif;
}
#nav li a {
display:block;
text-decoration:none;
margin:0;
padding:14px 26px 15px 0;
background:url(images/nav-default-bg.gif) no-repeat bottom left transparent;
}
#nav li a:hover {
display:block;
text-decoration:none;
margin:0;
background:url(images/nav-over-bg.gif) no-repeat bottom left transparent;
}

* html #nav li, * html #nav li a,{
/* Hide from IE5-mac. */
height: 1%;
/* End IE5-Mac hack */
}

#homepg #nav li.home a, #menu #nav li.menus a, #history #nav li.history a, #drinks #nav li.drinks a, #directions #nav li.directions a, #contact #nav li.contact a {
display:block;
background:url(images/nav-on-bg.gif) no-repeat bottom left transparent;
color:#fff;
margin:0;
cursor:default;
}

#nav li img {margin:1px 26px 1px 0; padding:0;}

#nav-border1 {float:left; vertical-align:top;}
#nav-border2 {float:left; vertical-align:top;}

a {color:#ffd787; text-decoration:underline;}
a:hover {color:#fff; text-decoration:none;}

/* ++Menus++ */
.sect {margin:0; padding:5px; clear:both;  border-bottom:1px solid #540B00; text-align:center; background:url(images/menu-hdrbg.jpg) repeat-x top left #6e1d0c;}
.sect h2 {margin-left:0; padding-left:0;}
.sectspc {margin:0 0 10px 0; padding:5px; text-align:center; clear:both;}
.col1 {width:45%; float:left; clear:left; margin:0 3px 15px 10px; text-align:left;}
.col2 {width:45%; float:right; clear:right; margin:0 10px 15px 3px; text-align:left;}

.col1 p, .col2 p, .sectspc p {margin-top:24px; margin-left:0;}

.colcenter {margin:0 0 10px 0; text-align:left;}

#txt strong {
color:#FFE699;
}

.cat {margin-left:17px; background:url(images/menu-cat-bg.gif) repeat-y top left transparent;}

.menu-jump a {color:#fff;}


/* ++Footer++ */
#footer {
width:820px;
clear:both;
margin: 0;
padding:0;
background:#500e02;
color:#e18d72;
border-top:solid 1px #912617;
border-bottom:solid 10px #300701;
}
#footer ul {
list-style:none;
margin:0 12px 0 20px;
padding:0;
}
#footer li.copy {
float:left;
padding:4px 2px;
font:1.1em arial, sans-serif;
}
#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
color:#fff;
text-decoration:underline;
}
