body {
background:#d6b485;
color:#654515;
margin:0;
padding:0;
font-family:Helvetica, Arial, san-serif;
}

a, a:visited {
color:#666666;
font-weight: bold;
text-decoration: none;
outline-style:none;
}

a:hover {
color:#666666;
font-weight: bold;
text-decoration: underline;
outline-style:none;
}

h1 {
margin:0;
margin-left:100px;
padding:0;
height: 96px;
width: 481px;
background: url('coffee/images/coffee_title.jpg') no-repeat #efefef;
}

h1 span {
display: none;
}

#coffee h2 {
margin:0;
margin-top:5px;
padding:0;
padding-bottom: 40px;
height: 15px;
width: 518px;
background: url('coffee/images/coffee_welcome.gif') no-repeat transparent;
}

#coffee_studio h2 {
margin:0;
margin-top:5px;
padding:0;
padding-bottom: 40px;
height: 15px;
width: 518px;
background: url('coffee/images/coffee_studio.gif') no-repeat transparent;
}

h2 span {
display: none;
}

#deco h2 {
display:none;
}

#deco_studio h2 {
display:none;
}

h3 {
margin-top:40px;
margin-bottom: 30px;
padding:0;
height:30px;
width: 244px;
}

h3 span {
display: none;
}

#ventures h3 {
background: url('coffee/images/coffee_ventures.gif') no-repeat transparent;
}

#samples h3 {
background: url('coffee/images/coffee_samples.gif') no-repeat transparent;
}


#container {
background: url('coffee/images/coffee_slice.gif') repeat-y #d6b485;
width: 681px;
margin: 0 auto;
}

#top {
display:none;
}

#centerline {
width: 481px;
height:251px;
margin:0;
margin-left:100px;
padding:0px;
background: url('coffee/images/coffee_img.jpg') no-repeat #d6b485;
}

#content {
position: relative;
top:0px;
left:0px;
width:272px;
margin:0;
padding: 0;
padding-left:130px;
padding-right:280px;
text-align: justify;
font-size: 70%;
line-height: 150%;
background: url('coffee/images/coffee_slice.gif') repeat-y #d6b485;
}

#bottom {
margin:0;
margin-left:100px;
padding:0;
width: 481px;
height: 86px;
background: url('coffee/images/coffee_bottom.gif') no-repeat #d6b485;
}

.spacer {
display: none;
}

.clearing {
clear: both;
}

.intro {
color: #666666;
text-align: left; 
padding-bottom: 15px;
}


/* linkbar materials */

#linkbar {
position:absolute;
top:0px;
left:429px;
width:151px;
background: transparent;
font-size: 10px;
line-height: 13px;
}

.navtitle {
width:121px;
height:28px;
margin: 0;
padding-bottom: 0px;
padding-top:15px;
padding-left: 30px;
text-transform: uppercase;
background: url('coffee/images/buttons.gif') no-repeat transparent;
}

.navtitle2 {
width:121px;
height:28px;
margin: 0;
padding-bottom: 0px;
padding-top:15px;
padding-left: 30px;
text-transform: uppercase;
background: url('coffee/images/buttons.gif') no-repeat transparent;
}

.navlink, .navlink2 {
position: relative;
top:0;
left:0;
width:151px;
height:43px;
}

.navlink a div, .navlink a:visited div {
position:absolute;
top:0px;
left:0px;
width:121px;
height: 28px;
padding-left: 30px;
padding-top: 15px;
color: #654515;
text-decoration: none;
font-weight: normal;
background: url('coffee/images/buttons.gif') 0 -43px no-repeat green;
}

.navlink a:hover div {
position:absolute;
top:0px;
left:0px;
width:121px;
height: 28px;
padding-left: 30px;
padding-top: 15px;
color: #666666;
text-decoration: underline;
background: url('coffee/images/buttons.gif') 0 -86px no-repeat green;
}

.navlink2 a div, .navlink2 a:visited div {
position:absolute;
top:0px;
left:0px;
width:121px;
height: 36px;
padding-left: 30px;
padding-top: 8px;
color: #654515;
text-decoration: none;
font-weight: normal;
background: url('coffee/images/buttons.gif') 0 -43px no-repeat green;
}

.navlink2 a:hover div {
position:absolute;
top:0px;
left:0px;
width:121px;
height: 36px;
padding-left: 30px;
padding-top: 8px;
color: #666666;
text-decoration: underline;
background: url('coffee/images/buttons.gif') 0 -86px no-repeat green;
}