body { background: url('../images/paper-bg.png'); background-repeat: repeat; background-attachment: fixed; }
#page-wrap { width: 1024px; position: relative; }
#main-content { float: left; width: 710px; margin-left: 308px; z-index: 10; margin-top: 50px; }
#title { width: 303px; border: transparent; /*border-top: 3px solid #666;*/ background: url('../images/vt-bg-header.jpg') repeat; background-attachment: fixed; position: fixed; word-wrap: break-word; margin-top: 13px; height: 30px; z-index: 100; padding-top: 7px; }
#nav-options { float: left; width: 700px; margin-left: 308px; z-index: 100; margin-top: 13px; position: fixed; background: transparent; }
#fixed-menu { position: fixed; width: 303px; margin-top: 50px; z-index: 100; float: left; background: url('../images/vt-bg-2.jpg') repeat; }
#lower-sidebar { position: fixed; width: 303px; word-wrap: break-word; margin-top: 270px; }
#footer-bottom { float: left; width: 710px; margin-left: 308px; z-index: 10; margin-top: 0px; }

#main-title {
font-family: sub-title-font;
font-size: 1.9em;
text-align: center;
width: 302px;
font-weight: bold;
}

#main-title a {
color: #393d20;
}

#nav-text {
text-align: center;
margin-top: -5px;
}

#page-photo-food {
height: 200px;
width: 100%;
background-image:url('../images/food-menu-effect.jpg');
background-repeat: no-repeat;
border-top: 3px solid #c7c7c7;
border-bottom: 3px solid #c7c7c7;
margin-bottom: 5px;
}

#page-photo-christmas {
height: 200px;
width: 100%;
background: url('../images/christmas-menu-effect.jpg') no-repeat; 
border-top: 3px solid #c7c7c7;
border-bottom: 3px solid #c7c7c7;
margin-bottom: 5px;
}

#page-photo-ales {
height: 200px;
width: 100%;
background: url('../images/kegs-effect.jpg') no-repeat; 
border-top: 3px solid #c7c7c7;
border-bottom: 3px solid #c7c7c7;
margin-bottom: 5px;
}

#page-photo-events {
height: 200px;
width: 100%;
background: url('../images/events-effect.jpg') no-repeat;
border-top: 3px solid #c7c7c7;
border-bottom: 3px solid #c7c7c7;
margin-bottom: 5px;
}

#page-photo-about {
height: 200px;
width: 100%;
background: url('../images/about-effect.jpg') no-repeat; 
border-top: 3px solid #c7c7c7;
border-bottom: 3px solid #c7c7c7;
margin-bottom: 5px;
}

.tab {
float: left;
border: none;
background: url('../images/vt-bg-white.jpg') repeat; background-attachment: fixed;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
height: 17px;
border: transparent;
margin-right: 4px;
}

.tab:hover {
background: url('../images/vt-bg-header.jpg') repeat; background-attachment: fixed;
}

.tab-selected {
float: left;
border: none;
background: url('../images/vt-bg-header.jpg') repeat; background-attachment: fixed;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
height: 17px;
border-bottom: transparent; 
font-family: body-font;
margin-right: 4px;
}

#social-wrap {
margin-left: 0;
padding-top: 10px;
float: left;
border-top: 3px solid #c7c7c7;
position: absolute;
padding-bottom: 10px;
margin-top: 5px;
width: 303px;
color: #9e999b;
text-align: center;
background-image: -ms-linear-gradient(top left, #212121 10%, transparent 85%);
background-image: -moz-linear-gradient(top left, #212121 10%, transparent 85%);
background-image: -o-linear-gradient(top left, #212121 10%, transparent 85%);
background-image: -webkit-linear-gradient(top left, #212121 10%, transparent 85%);
background-image: linear-gradient(to bottom right, #212121 30%, transparent 80%); z-index: 5;
}

#social-wrap small { color: #454544; font-size: 0.8em; }