html {
background:#8B9B74 url(../images/background-img1.jpg) 0 0 repeat-y;
height:100%;
width:100%;
}

body {
font-family:Arial, Helvetica, Geneva, sans-serif;
background:transparent;
text-align:center;
font-size:0.8em;
}

div#background {
background:transparent url(../images/background-img2.jpg) 0 0 no-repeat;
position:absolute;
width:100%;
left:0;
top:0;
}

span#background-image3 {
background:transparent url(../images/background-img3.jpg) 0 0 no-repeat;
overflow:none;
position:absolute;
display:block;
height:703px;
width:419px;
left:1191px;
top:0;
}

p, q, address, li {
margin-bottom:15px;
line-height:1.8em;
margin-top:5px;
color:#666666;
}

address {
margin-top:15px;
}

li {
margin-bottom:5px;
}

q {
font-style:italic;
display:block;
}

em {
font-style:italic;
color:#666666;
}

a, em a { color:#D0AE68; text-decoration: none; }
a, em a:visited { color:#D0AE68; }
a, em a:hover { color:#D0AE68; }
a, em a:active { color:#D0AE68; }
a, em a:focus { outline:none; }

span {
color:#666666;
font-size:1em;
}

div.container {
background:transparent;
padding-right:70px;
padding-left:70px;
margin-left:228px;
text-align:left;
overflow:auto;
height:100%;
width:810px;
}

/*--- HEADER ---*/

div.header {
background:url(../images/logo_victoria_rd.gif) right bottom no-repeat;
padding-top:30px;
height:90px;
}

div.header ul li {
margin-right:1px;
list-style:none;
float:left;
}

div.header ul li a {
text-indent:-9999px;
line-height:1em;
display:block;
width:133px;
height:18px;
padding:0;
}

div.header ul li.about_us a {
background:url(../images/navigation_tabs.gif) 0 0 no-repeat;
}
div.header ul li.about_us a:hover {
background:url(../images/navigation_tabs.gif) 0 bottom no-repeat;
}

div.header ul li.bistro a {
background:url(../images/navigation_tabs.gif) -133px 0 no-repeat;
}
div.header ul li.bistro a:hover {
background:url(../images/navigation_tabs.gif) -133px bottom no-repeat;
}

div.header ul li.deli a {
background:url(../images/navigation_tabs.gif) -266px 0 no-repeat;
}
div.header ul li.deli a:hover {
background:url(../images/navigation_tabs.gif) -266px bottom no-repeat;
}

div.header ul li.catering a {
background:url(../images/navigation_tabs.gif) -399px 0 no-repeat;
}
div.header ul li.catering a:hover {
background:url(../images/navigation_tabs.gif) -399px bottom no-repeat;
}

div.header ul li.gallery a {
background:url(../images/navigation_tabs.gif) -532px 0 no-repeat;
}
div.header ul li.gallery a:hover {
background:url(../images/navigation_tabs.gif) -532px bottom no-repeat;
}

div.header ul li.contact_us a {
background:url(../images/navigation_tabs.gif) -665px 0 no-repeat;
}
div.header ul li.contact_us a:hover {
background:url(../images/navigation_tabs.gif) -665px bottom no-repeat;
}

/*--- CONTENT ---*/

div.content {
overflow:auto;
}

div.content img {
border:solid 1px #444444;
padding:8px;
}

div.content div.text {
width:400px;
height:100%;
}

div.content h1 {
margin-top:15px;
width:auto;
}

div.content h2 {
margin-bottom:10px;
font-weight:bold;
color:#666666;
}

div.content h3 {
font-weight:bold;
color:#666666;
}

table {
color:#666666;
margin-bottom:15px;
}

table td {
font-style:italic;
margin-bottom:5px;
margin-top:5px;
}

table td h3{
font-style:normal;
}

div.content div p {
clear:both;
}

div.content span.author {
margin-bottom:25px;
float:right;
}

div.content ul li p {
margin-top:0px;
width:100%;
}

div.content span.author em {
color:#666666;
}

/*--- ABOUT ---*/

div.content img.about-image1 {
float:left;
}

body#about div.content div.text {
margin-left:30px;
float:right;
}


/*--- BISTRO ---*/

body#bistro div.header {
background-image:none;
}

div.content img.bistro-image1 {
margin-top:10px;
float:left;
}

div.content img.bistro-image2 {
margin-top:10px;
float:right;
}

div.content img.bistro-image3 {
margin-top:30px;
float:right;
}

div.content a.lunch_menu,
div.content a.dinner_menu {
background:url(../images/menu-button-lunch.gif) 0 0 no-repeat;
text-indent:-9999px;
position:absolute;
display:block;
height:40px;
width:195px;
left:915px;
top:730px;
}

div.content a.dinner_menu {
background:url(../images/menu-button-dinner.gif) 0 0 no-repeat;
top:780px;
}

body#bistro div.content div.text {
margin-left:30px;
margin-top:15px;
float:left;
}

body#bistro div.content div.text img.logo {
border:none;
}

/*--- SPLASH ---*/

body#splash div.header {
background-image:none;
}

div.content img.splash-image1 {
margin-top:130px;
float:right;
}

div.content img.splash-image2 {
margin-top:51px;
float:right;
clear:right;
}

body#splash div.content div.text {
margin-left:30px;
float:left;
color: #9e9d9d; 
font-size: 12px;
}

body#splash div.content div.text img.logo {
border:none;
}


/*--- DELI ---*/

div.content img.deli-image1 {
margin-top:10px;
float:left;
}

div.content img.deli-image2 {
margin-top:10px;
float:right;
}

div.content img.deli-image3 {
margin-top:30px;
float:left;
}

body#deli div.content div.text {
margin-right:30px;
margin-top:50px;
float:right;
}

/*--- CATERING ---*/

div.content img.catering-image1 {
margin-top:10px;
float:left;
}

div.content img.catering-image2 {
margin-top:10px;
float:right;
}

div.content img.catering-image3 {
margin-top:30px;
float:right;
}

body#catering div.content div.text {
margin-left:30px;
margin-top:15px;
float:left;
}

/*--- GALLERY ---*/

body#gallery div.content {
text-align:center;
}

div.slideshow {
margin-right:auto;
margin-left:auto;
width:560px;
}

div.slideshow div.thumbnails {
border:solid 1px #000;
padding-bottom:6px;
padding-right:10px;
padding-left:10px;
padding-top:5px;
float:left;
width:79px;
}

div.slideshow div.thumbnails li {
margin-bottom:10px;
list-style:none;
margin-top:0;
clear:both;
}

div.slideshow div.thumbnails li img {
margin-bottom:5px;
margin-top:6px;
border:none;
float:left;
padding:0;
}

div.slideshow div.placeholder {
border:solid 1px #000;
overflow: hidden;
height:316px;
float:right;
width:450px;
padding:0;
}

div.slideshow div.placeholder div.img_container {
position:relative;
margin-top:0;
z-index:500;
}

div.slideshow div.placeholder li {
position:relative;
list-style:none;
z-index:-1;
padding:0;
margin:0;
top:0;
}

div.slideshow div.placeholder img {
border:none;
}

body#gallery div.content div.text {
margin-right:auto;
padding-left:80px;
margin-left:auto;
padding-top:20px;
text-align:left;
clear:both;
}

/*--- CONTACT ---*/

body#contact div.content {
margin-bottom:200px;
}

body#contact div.content h1 {
padding-left:10px;
}

div.content img.contact-image1 {
margin-top:10px;
float:left;
}

div.content img.contact-image2 {
margin-bottom:16px;
margin-top:16px;
}

body#contact div.content div.text {
margin-left:40px;
margin-top:15px;
float:left;
}

body#contact div.content div.text p,
body#contact div.content div.text ul li,
address {
padding-right:10px;
padding-left:10px;
}

div.content img.olive-branch {
position:absolute;
border:none;
left:897px;
top:780px;
}

/*--- FOOTER ---*/

div.footer {
padding-bottom:80px;
padding-top:30px;
clear:both;
}

div.footer ul li {
margin-right:48px;
color:#666666;
float:left;
}

div.footer ul li a {
text-indent:-9999px;
font-size:12px;
display:block;
height:20px;
}

div.footer ul li.unlimited_vision {
margin-right:48px;
}

div.footer ul li.unlimited_vision a {
background:url(../images/button_unlimitedvision.jpg) 0 0 no-repeat;
width:281px;
}

div.footer ul li.mailing_list {
margin-right:0px;
}

div.footer ul li.mailing_list a {
background:url(../images/button_mailinglist.jpg) 0 0 no-repeat;
width:178px;
}

/*--- sIFR ---*/

/* sIFR REPLACEMENTS */

.flash-title {
font-family:Arial;
font-size:12px;
}

.sIFR-active .flash-title {
visibility:hidden;
}

.flash-span {
font-family:Arial;
font-size:17px;
}

.sIFR-active .flash-span {
visibility:hidden;
}

/* THESE ARE STANDARD sIFR STYLES 
DO NOT MODIFY */

.sIFR-flash {
visibility:visible !important;
margin:0;
}

.sIFR-replaced {
visibility:visible !important;
}

span.sIFR-alternate {
position:absolute;
overflow:hidden;
display:block;
height:0;
width:0;
left:0;
top:0;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display:none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
}

/*
.sIFR-hasFlash h2 {
letter-spacing:-9px;
visibility:hidden;
font-size:55px;
}

.sIFR-hasFlash h3 {
letter-spacing:-6px;
visibility:hidden;
font-size:25px;
}

.sIFR-hasFlash h4 {
letter-spacing:-5px;
visibility:hidden;
font-size:21px;
}

.sIFR-hasFlash h5#pullquote {
letter-spacing:-4px;
visibility:hidden;
font-size:24px;
}

.sIFR-hasFlash span.flash-span {
visibility:hidden;
}
*/