* { margin: 0; padding: 0; border: 0;}

@font-face { font-family: body-font; src: url('../fonts/body-font.ttf'); }
@font-face { font-family: body-font-bold; src: url('../fonts/body-font-bold.ttf'); }
@font-face { font-family: sub-title-font; src: url('../fonts/sub-title-font.otf'); }

.right { float: right; padding-right: 10px; }
.left { float: left; padding-left: 10px; }
.right-nopad { float: right; }
.left-nopad { float: left; }
.center { text-align: center; }
.border { border-bottom: 3px solid #c7c7c7; }
#indent-right { margin-left: 10px; }
#borderpad {  border: 1px solid #4f3e36; margin: 5px; }
table { width: 100%; height: 40px; margin-top: 5px; color: #c7c7c7; text-align: center; }
table td { border: 1px solid #c7c7c7; width: 14.28%; font-family: body-font-bold; }

.t1 { background: url('../images/olive-bg1.png'); }
.t1:hover { background: url('../images/olive-bg3.png'); }
.t1:hover span { display: block; }
.t2 { background: url('../images/olive-bg2.png'); }
.t2:hover { background: url('../images/olive-bg3.png'); -webkit-transition: all 0.3s ease-in-out; }
.t2:hover span { display: block; }

.td-bg-box { display: block; background: transparent; padding: 3px; margin: 0px; border: transparent; }

span {
    background: url('../images/white-bg.png') repeat;
    color: #333333;
    font-size: 13px;
    height: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    margin-top: 17px;
    display:none;
    padding:0 20px;
    border: 1px solid #c7c7c7;
}

span:after {
    content:'';
    position:absolute;
    top:-5px; 
    width:8px;
    height:8px;
    border-left: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    background: url('../images/white-bg.png') repeat;
    left:15%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

form {
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
background: url('../images/form-bg.png') repeat;
}

.input-form { font-family: body-font; font-size: 0.9em; height: 21px; width: 190px; background: url('../images/white-bg.png') repeat; border: 1px solid #999; padding: 2px; }
.input-form:hover { border: 1px solid #808080; }
.button { font-family: body-font; font-size: 0.9em; height: 25px; border: 1px solid #999; background: url('../images/olive-trans-bg.png') repeat; padding: 2px; color: #393d20; cursor: pointer; }
.button:hover { color: #1a1a1a; border: 1px solid #808080; }


body { font-family: body-font; font-size: 0.9em; overflow-x: hidden; }
#page-wrap { margin: 0 auto; outline: 0; }
#page-wrap > div { margin-bottom: 5px; color: #1a1a1a; }
#page-wrap a { color: #333; text-decoration: none; }
#page-wrap a:hover { color: #474747; text-decoration: none; }
#header { background: url('../images/vt-bg-white-header.jpg') repeat; border-bottom: 3px solid #c7c7c7; height: 50px; z-index: 20; position: fixed; width: 100%;
-webkit-box-shadow: 0 4px 6px -4px #000; -moz-box-shadow: 0 4px 6px -4px #000; box-shadow: 0 4px 6px -4px #000;
}
#header a { text-decoration: none; }
#fixed-menu { -webkit-box-shadow: 0 4px 6px -4px #000; -moz-box-shadow: 0 4px 6px -4px #000; box-shadow: 0 4px 6px -4px #000; }

#main-content {
background: url('../images/white-bg.png') repeat; z-index: 5;
-webkit-box-shadow: 0 4px 6px -4px #000; -moz-box-shadow: 0 4px 6px -4px #000; box-shadow: 0 4px 6px -4px #000;
}
#main-content img {
width: 100%;
}
#footer-bottom {
border-top: 3px solid #c7c7c7;
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 10%, transparent 85%); z-index: 5;
-webkit-box-shadow: -5px -5px 5px -6px #000; -moz-box-shadow: -5px -5px 5px -6px #000; box-shadow: -5px 3px 5px -7px #000;
}

#sub-title {
margin-top: 5px;
margin-left: 5px;
min-width: 350px; max-width: 100%;
}

#field-wrap {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}

.text-wrap {
line-height: 1.5em;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.text-wrap a {
color: #333;
text-decoration: underline;
}

.text-wrap a:hover {
color: #666;
text-decoration: none;
}

#nav-text a {
color: #333;
text-decoration: none;
}

#nav-text a:hover { 
color: #666;
text-decoration: none;
}

#main-title a {
color: #1a1a1a;
text-decoration: none;
}

#main-title a:hover { 
color: #444;
text-decoration: none;
}

.tab-wrap-quick-links {
line-height: 1.5em;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #c7c7c7;
margin-left: 20px;
margin-right: 20px;
}

.tab-wrap {
line-height: 1.5em;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 20px;
}

.tab1 {
border-bottom: 1px dashed #c7c7c7;
padding: 2px;
text-align: center;
text-decoration: none; 
font-family: body-font;
color: #454544;
background: url('../images/olive-trans-bg.png') repeat;
}

.tab1:hover {
background: transparent;
color: #333;
}

.tab2 {
border: 1px dashed #c7c7c7;
border-left: none;
border-right: none;
padding: 2px;
text-align: center;
text-decoration: none; 
font-family: body-font;
color: #454544;
background: url('../images/olive-trans-bg.png') repeat;
}

.tab2:hover {
background: transparent;
color: #333;
}


.menu-wrap {
line-height: 1.5em;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}

.menu-wrap p { margin-bottom: 10px; margin-top: 5px; border-bottom: solid 1px #d7d7d7; }
.menu-wrap small { color: #4f3e36; font-size: 0.8em; }

#tree {
background: url('../images/small-tree.png');
background-repeat: no-repeat;
background-position: center; 
height: 50px;
width: 100%;
}

#beer {
margin-top: 10px;
background: url('../images/beer.png');
background-repeat: no-repeat;
background-position: center; 
height: 24px;
width: 100%;
}

#fork {
background: url('../images/fork.png');
background-repeat: no-repeat;
background-position: center; 
height: 24px;
width: 100%;
}

#photo-title {
float: right;
font-family: body-font;
font-size: 1.5em;
color: #e7e7e7;
text-shadow: 1px 1px 2px #000;
margin-top: -35px;
margin-right: 5px;
}

.bar-title-2 {
font-size: 1.5em;
margin-left: 10px;
margin-right: 5px;
text-align: left;
color: #393d20;
font-family: body-font;
}

#tree-container {
background: url('../images/trees.png') repeat;
height: 70px;
width: 100%;
margin-top: 10px;
}

#footer-left-col {
float: left;
position: relative; 
width: 60%;
padding-top: 3px;
background: transparent;
}

#footer-left-col a { color: #777; }
#footer-left-col a:hover { color: #999; }

#footer-right-col {
float: left;
position: relative; 
width: 39%;
padding-top: 3px;
background: transparent;
}

#footer-right-col a { color: #777; }
#footer-right-col a:hover { color: #999; }

#footer-text-wrap {
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
color: #b7b7b7;
border-left: 1px solid #212121;
padding-left: 10px;
float: left;
}

#footer-text-wrap p { margin-bottom: 5px; margin-top: 5px; }
#footer-text-wrap small { color: #4f3e36; font-size: 0.8em; }

#twitter-wrap {
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 10px;
color: #b7b7b7;
}