@charset "UTF-8";
/* CSS Document */

body {
background-color: #000;
background-image: url(images/Wall.png);
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;
text-align: justify;
}

a:link, a:visited, a:active {
color: #FF0000;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

h2 {
font-size: 12pt;
margin: 0;
padding: 0;
}

#header {
width: 900px;
height: 300px;
background-image:url(images/Header_Internal.png);
}

#wrapper {
position: relative;
width: 900px;
margin: 25px auto;
border: 15px solid #a33925;
background-color: #000000;
}

#navigation_home {
height: 35px;
width: 900px;
background-color: #000000;
margin-top: 10px;
margin-bottom: 10px;
}

#navigation_internal {
height: 300px;
width: 150px;
position: absolute;
top: 10px;
left: 20px;
}

.navigation-button {
float: left;
background-image:url(images/Navigation_Home.png);
}

.navigation-button span {
display: none;
}

#home-button {
width: 105px;
height: 35px;
background-position: 0px 0px;
}

#home-button:hover {
background-position: 0px 35px;
}

#scoop-button {
width: 100px;
height: 35px;
background-position: -105px 0px;
}

#scoop-button:hover {
background-position: -105px 35px;
}

#baristas-button {
width: 90px;
height: 35px;
background-position: -205px 0px;
}

#baristas-button:hover {
background-position: -205px 35px;
}

#regulars-button {
width: 95px;
height: 35px;
background-position: -295px 0px;
}

#regulars-button:hover {
background-position: -295px 35px;
}

#crooners-button {
width: 95px;
height: 35px;
background-position: -385px 0px;
}

#crooners-button:hover {
background-position: -385px 35px;
}

#houseblends-button {
width: 130px;
height: 35px;
background-position: -480px 0px;
}

#houseblends-button:hover {
background-position: -480px 35px;
}

#showcase-button {
width: 100px;
height: 35px;
background-position: -610px 0px;
}

#showcase-button:hover {
background-position: -610px 35px;
}

#papajoesbucket-button {
width: 185px;
height: 35px;
background-position: -710px 0px;
}

#papajoesbucket-button:hover {
background-position: -710px 35px;
}

/* BUTTONS FOR INTERNAL PAGES */

#home-button_internal {
width: 95px;
height: 35px;
background-position: -15px 0px;
}

#home-button_internal:hover {
background-position: -15px 35px;
}

#scoop-button_internal {
width: 100px;
height: 35px;
background-position: -105px 0px;
}

#scoop-button_internal:hover {
background-position: -105px 35px;
}

#baristas-button_internal {
width: 90px;
height: 35px;
background-position: -205px 0px;
}

#baristas-button_internal:hover {
background-position: -205px 35px;
}

#regulars-button_internal {
width: 95px;
height: 35px;
background-position: -295px 0px;
}

#regulars-button_internal:hover {
background-position: -295px 35px;
}

#crooners-button_internal {
width: 95px;
height: 35px;
background-position: -389px 0px;
}

#crooners-button_internal:hover {
background-position: -389px 35px;
}

#houseblends-button_internal {
width: 130px;
height: 35px;
background-position: -485px 0px;
}

#houseblends-button_internal:hover {
background-position: -485px 35px;
}

#showcase-button_internal {
width: 100px;
height: 35px;
background-position: -615px 0px;
}

#showcase-button_internal:hover {
background-position: -615px 35px;
}

#papajoesbucket-button_internal {
width: 185px;
height: 35px;
background-position: -713px 0px;
}

#papajoesbucket-button_internal:hover {
background-position: -713px 35px;
}

/* THIS CODE MAKES THE NAV STAY HIGHLIGHTED WHEN ON CORRESPONDING PAGES */

#page_home #home-button {
background-position: 0px 35px;
}

#page_thescoop #scoop-button_internal {
background-position: -105px 35px;
}

#page_baristas #baristas-button_internal {
background-position: -205px 35px;
}

#page_regulars #regulars-button_internal {
background-position: -295px 35px;
}

#page_crooners #crooners-button_internal {
background-position: -389px 35px;
}

#page_houseblends #houseblends-button_internal {
background-position: -485px 35px;
}

#page_showcase #showcase-button_internal {
background-position: -615px 35px;
}

#page_papajoesbucket #papajoesbucket-button_internal {
background-position: -713px 35px;
}



#content {
width: 850px;
padding: 25px;
margin: 0 auto;
}

.item_container {
margin: 10px 0;
float: left;
}

.photo_left {
float: left;
width: 400px;
margin-bottom: 25px;
}

.text_right {
float: right;
width: 425px;
margin-bottom: 25px;
margin-left: 25px;
}



#splash {
height: 770px;
width: 900px;
margin-bottom: 15px;
}

#footer {
height: 26px;
width: 900px;
background-color: #1a1718;
font-size: 8pt;
color: #FFFFFF;
padding-top: 9px;
clear: both;
}

#legal_left {
float: left;
margin-left: 10px;
}

#legal_right {
float: right;
margin-right: 10px;
}