/*************************/
*{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
a{
	background: url(none);
}
body{
	background: url(../images/bkg.gif) repeat-x 0px 25px;
	color: #EFEFEF;
	font: .8em Helvetica,sans-serif;
}
h1,#footer p,hr{
	left: -9999px;
	position: absolute;
}
h2{
	color: #FFFFFF;
	font-size: 1.2em;
	text-transform: uppercase;
}
/*************************/
.classics #nav .classics a{
	background: url(../images/nav.gif) 182px -34px;
}
.classics #primary,.classics #secondary{
	background: #B40000;
}
.contact #nav .contact a{
	background: url(../images/nav.gif) 182px -192px;
}
.contact #primary,.contact #secondary{
	background: #742F00;
}
.contact #primary,.privacy #primary{
	height: 183px;
	overflow: auto;
	padding: 20px;
	text-align: justify;
	width: 342px;
}
.distribution #nav .distribution a{
	background: url(../images/nav.gif) 182px -225px;
}
.distribution #primary,.distribution #secondary,.distribution #form{
	background: #EF5821;
}
.extreme #nav .extreme a{
	background: url(../images/nav.gif) 182px -164px;
}
.extreme #primary,.extreme #secondary{
	background: #000000;
}
.graphics #nav .graphics a{
	background: url(../images/nav.gif) 182px -62px;
}
.graphics #primary,.graphics #secondary{
	background: #640505;
}
.index #primary,.index #secondary{
	background: #2E2E2F;
}
.new #nav .new a{
	background: url(../images/nav.gif) 182px -192px;
}
.new #primary,.new #secondary{
	background: #CDCD0D;
}
.privacy #primary,.privacy #secondary{
	background: #9B917F;
}
.products #nav .products a{
	background: url(../images/nav.gif) 182px -136px;
}
.products #primary,.products #secondary{
	background: #439ACF;
}
.retail #nav .retail a{
	background: url(../images/nav.gif) 182px -271px;
}
.retail #primary,.retail #secondary,.retail #form{
	background: #439A00;
}
.roasted #nav .roasted a{
	background: url(../images/nav.gif) 182px -90px;
}
.roasted #primary,.roasted #secondary{
	background: #FF971B;
}
/*************************/
#container{
	border-left: 25px solid #FFFFFF;
	border-top: 25px solid #FFFFFF;
	height: 585px;
	position: relative;
	width: 780px;
}
/*************************/
#content{
	height: 475px;
	left: 182px;
	position: absolute;
	top: 110px;
	width: 598px;
}
#content p{
	margin-bottom: 1em;
}
/*************************/
#control{
	left: 110px;
	position: absolute;
	top: 180px;
}
#control a{
	background: #949494;
	float: left;
	height: 10px;
	margin-right: 20px;
	text-indent: -9999px;
	width: 10px;
}
#control a.selected{
	background: #FFAA00;
}
#control li{
	float: left;
}
/*************************/
#footer{
	background: url(../images/footer.gif);
	height: 30px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 585px;
	width: 780px;
}
#footer .contact a{
	left: 282px;
	width: 62px;
}
#footer .home a{
	left: 235px;
	width: 35px;
}
#footer .jtc a{
	left: 355px;
	width: 88px;
}
#footer .privacy a{
	left: 455px;
	width: 100px;
}
#footer a{
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	top: 2px;
}
/*************************/
#form{
	font-size: .8em;
	padding: 1em;
}
#form dd{
	padding-bottom: 3em;
	padding-left: 0.5em;
}
#form dt{
	color: #FFFFFF;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}
#form h1{
	color: #FFFFFF;
	font-size: 1.4em;
	position: static;
	text-transform: uppercase;
}
#form label, #form small {
	display: block;
}
/*************************/
#nav{
	background: url(../images/nav.gif) 0px 0px;
	height: 475px;
	left: 0px;
	position: absolute;
	top: 110px;
	width: 182px;
}
#nav .classics a{
	top: 34px;
}
#nav .contact a{
	top: 192px;
}
#nav .distribution a{
	height: 42px;
	top: 225px;
}
#nav .extreme a{
	top: 164px;
}
#nav .graphics a{
	top: 62px;
}
#nav .new a{
	top: 192px;
}
#nav .products a{
	top: 136px;
}
#nav .retail a{
	top: 271px;
}
#nav .roasted a{
	height: 42px;
	top: 90px;
}
#nav .dlcoffee a {
top:320px;
left:20px;
width:60px;
height:50px;
}
#nav a{
	display: block;
	height: 25px;
	position: absolute;
	text-indent: -9999px;
	width: 182px;
}
/*************************/
#primary{
	border-right: 6px solid #FFFFFF;
	border-top: 6px solid #FFFFFF;
	height: 223px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 246px;
	width: 382px;
}
#primary img{
	height: 223px;
	width: 382px;
}
/*************************/
#secondary{
	border-top: 6px solid #FFFFFF;
	height: 223px;
	left: 388px;
	overflow: hidden;
	position: absolute;
	top: 246px;
	width: 210px;
}
#secondary img{
	height: 223px;
	width: 210px;
}
/*************************/
#title{
	background: url(../images/title.gif);
	height: 104px;
	text-indent: -9999px;
}
#title a {
	background: none;
	display: block;
	height: 55px;
	position: absolute;
	top: 0px;
	width: 55px;
}
#title a.extreme {
	left: 545px;
}
#title a.graphics {
	left: 665px;
}
#title a.products {
	left: 725px;
}
#title a.roasted {
	left: 605px;
}
#title strong a {
	height: 90px;
	left: 40px;
	top: 5px;
	width: 90px;
}