@charset "utf-8";

/* BODY */
body {
  text-align: center;
  min-width: 758px;
  background: url(../images/background.jpg) repeat fixed;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #3B2119;
}

a{
	color: #3B2119;
	text-decoration: underline;
	font-weight: bolder;
	border: 0;
}

img{
	border: 0;
}

a:hover{
	text-decoration: none;
}

/* WRAPPER */
DIV#wrapper {
	position: absolute;
	/* set width */
	width: 758px;
	margin-left: -379px;
	left: 50%;
	/* set height */
	height: 558px;
	margin-top: -279px;
	top: 50%;
	padding: 0px;
	
	text-align: left;
}

/* BANNER */

#banner{
	height: 101px;
	margin: 0 0 14px 0;
}

#banner a, .mainbanner, bannerbottom{
	padding: 0;
	margin: 0;
	border: 0;
}

.mainbanner, .bannerbottom{
	width: 765px;
}

.mainbanner{
	height: 68px;
}

.bannerbottom{
	height: 41px;
}

/* MAIN BOX */
DIV#box{
	position: relative;
	height: 450px;
}

#box-top{
	height: 21px;
	background:url(../images/box/box-top.png) no-repeat;
	display: block;
	clear: both;
	width: 765px;
}

#box-middle{
	background:url(../images/box/box-middle.png);
	background-repeat: repeat; 
	
	padding: 2px 0 4px 0;
	float: left;
	width: 765px;
}

#box-bottom{
	height: 21px;
	background:url(../images/box/box-bottom.png) no-repeat;
	display: block;
	clear: both;
	width: 765px;
}

#box-top, #box-middle, #box-bottom{
	width: 765px;
}

/* LEFT MENU */
#left-menu{
	width: 89px;
	height: 399px;
	margin: 0 6px 0 23px;
	float: left;
}

#left-menu-top{
	height: 4px;
	background: url(../images/left/left-menu-top.png) no-repeat;
	display: block;
}

#left-menu-middle{
	background: url(../images/left/left-menu-middle.png) repeat-y;
	height: 391px;
	position: relative;
}

#left-menu-bottom{
	height: 4px;
	background: url(../images/left/left-menu-bottom.png) no-repeat;
	display: block;
}

#left-logo{
	text-align: center;
}

#left-logo img{
	margin: 4px 0 0 0;
}

/* SM LINKS */
#sm-links{
	position: absolute;
	bottom: 0; 
}
#sm-links img{
	border: 0;
}

/* MAIN CONTENT */

#main-content{
	width: 618px;
	float: left;
}

#mc-top{
	height: 10px;
	background: url(../images/main-content/box-top.jpg) no-repeat;
	display: block;
}

#mc-middle{
	background: url(../images/main-content/box-middle.jpg) repeat-y;
	float: left;
	width: 618px;
}

#mc-bottom{
	height: 10px;
	background: url(../images/main-content/box-bottom.jpg) no-repeat;
	display: block;
	clear: both;
}

/* BOX MARGIN */
#img-left, #fair-text{
	margin: 0 6px 0 10px;
}

/* IMAGE LEFT */
#img-left{
	float: left;
	width: 273px;
}

#il-top{
	height: 4px;
	background: url(../images/img-left/box-top.jpg) no-repeat;
	display: block;
}
#il-middle{
	background: url(../images/img-left/box-middle.jpg) repeat-y;
}

#il-middle img{
	margin: 0 0 0 4px;
}
#il-bottom{
	height: 4px;
	background: url(../images/img-left/box-bottom.jpg) no-repeat;
	display: block;
}

/* IMAGE RIGHT */

#img-right{
	float: left;
	width: 160px;
}

#ir-top{
	height: 4px;
	background: url(../images/img-right/box-top.jpg) no-repeat;
	display: block;
}
#ir-middle{
	background: url(../images/img-right/box-middle.jpg) repeat-y;
}

#ir-middle img{
	margin: 0 0 0 4px;
}
#ir-bottom{
	height: 4px;
	background: url(../images/img-right/box-bottom.jpg) no-repeat;
	display: block;
}

/* IMAGE INDEX */

#img-index{
	float: left;
	width: 353px;
}

#imgind-top{
	height: 10px;
	background: url(../images/img-index/box-top.jpg) no-repeat;
	display: block;
}

#imgind-middle-top{
	background: url(../images/img-index/box-middle.jpg) repeat-y;
}

#imgind-middle-top img{
	margin: 0 0 0 4px;
}

#imgind-sub{
	background: url(../images/img-index/box-sub.jpg) no-repeat;
	display: block;
	height: 10px;
}

#imgind-middle-bottom{
	background: url(../images/img-index/box-middle-bottom.jpg) repeat-y;
	padding: 0 0 0 5px;
}

#imgind-bottom{
	height: 10px;
	background: url(../images/img-index/box-bottom.jpg) no-repeat;
	display: block;
}

.imgheader{
	/*font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;*/
	padding: 5px 0 5px 0;
}

.imgheader img{
	width: 56px;
	height: 16px;
}

.index-contact div{
	float: left;
	margin: 0 0 0 0;
}

.ic-space{
	padding: 0 6px 0 0;
}

#indexBottom{
	background: url(../images/img-index/bottom.jpg) no-repeat;
	width: 353px;
	height: 4px;
	margin: 9px 0 0 0;
}

/* TOP INDEX IMAGE */

#tii{
	width: 333px;
	margin: 0 0 0 10px;
}

#tii-top{
	height: 4px;
	background: url(../images/img-index/tii-top.jpg) no-repeat;
	display: block;
}

#tii-middle{
	background: url(../images/img-index/tii-middle.jpg) repeat-y;
}

#tii-middle div{
	padding: 0 0 0 2px;
}

#tii-bottom{
	height: 4px;
	background: url(../images/img-index/tii-bottom.jpg) no-repeat;
	display: block;
}

/* INDEX IMAGE BOXES */

.box-first{
	padding: 0 0 0 5px;
}

.img-box{
	float:left;
	width: 80px;
	margin: 0 0 0 5px;
}

.img-box-top{
	height: 4px;
	background: url(../images/img-index/imgbox-top.jpg) no-repeat;
	display: block;
}

.img-box-middle{
	background: url(../images/img-index/imgbox-middle.jpg) repeat-y;
}

.img-box-middle img{
	margin: 0 0 0 3px;
}

.img-box-bottom{
	height: 4px;
	background: url(../images/img-index/imgbox-bottom.jpg) no-repeat;
	display: block;
}

/* COFFEE TEXT */
#cof-text{
	float: left;
	width: 320px;
}

#cf-top{
	height: 4px;
	background: url(../images/text-coffee/box-top.jpg) no-repeat;
	display: block;
}
#cf-middle{
	background: url(../images/text-coffee/box-middle.jpg) repeat-y;
	margin: 0px;
	height: 358px;
}

#cf-bottom{
	height: 4px;
	background: url(../images/text-coffee/box-bottom.jpg) no-repeat;
	display: block;
}

/* FAIRTRADE TEXT */
#fair-text{
	float: left;
	width: 433px;
}

#ft-top{
	height: 4px;
	background: url(../images/text-fair/box-top.jpg) no-repeat;
	display: block;
}
#ft-middle{
	background: url(../images/text-fair/box-middle.jpg) repeat-y;
	margin: 0px;
	height: 358px;
}

#ft-bottom{
	height: 4px;
	background: url(../images/text-fair/box-bottom.jpg) no-repeat;
	display: block;
}

/* CONTENT */

.content div{
	padding: 4px 8px 8px 8px;
}

.cont-heading{
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
}

/* INDEX */

#index-text{
	float: left;
	width: 354px;
	margin: 0 6px 0 23px;
	
	position: relative;
	height: 399px;
}

#in-top{
	height: 4px;
	width: 354px;
	background: url(../images/text-index/box-top.jpg) no-repeat;
	padding: 0;
	margin: 0;
}
#in-middle{
	background: url(../images/text-index/box-middle.jpg) repeat-y;
	margin: 0px;
	height: 391px;
	position: relative;
}

#in-bottom{
	height: 4px;
	background: url(../images/text-index/box-bottom.jpg) no-repeat;
	display: block;
}

#index-content{
	margin: 0 7px 0 7px;
	text-align: left;
	position: absolute;
	bottom: 0; 
	width: 340px;
	padding: 0;
	left: 0px;
}

#index-content div{
	margin: 8px 0 8px 0;
	padding: 0;
}

#form{
	margin: 0px;
	padding: 0 0 0 10px;
}

#signup{
	
}

#signup div{
	margin: 0 5px 5px 0;
	float: left;
}

#signup div.italics{
	padding: 2px 0 0 0;
}

#signup div input#newsletter{
	color: #666;
	padding: 1px 1px 1px 2px;
	width: 145px;
}

/* BOTTOM */
#bottom{
	margin: 8px 0 0 0;
	float: left;
	width: 618px;
	heidth: 4px;
}

#bottom-left, #bottom-middle, #bottom-right{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 4px;
	display: block;
}

#bottom-left, #bottom-right{
	width: 4px;
}

#bottom-left{
	background: url(../images/bottom/bottom-left.jpg) no-repeat;
}

#bottom-middle{
	background: url(../images/bottom/bottom-middle.jpg) repeat-x;
	width: 610px;
}

#bottom-right{
	background: url(../images/bottom/bottom-right.jpg) no-repeat;
}

/* ROLL OVER */

a.coffee, a.home, a.trade, a.store{
	height: 23px;
	width: 85px;
	display:block;
}

a.coffee:hover, a.home:hover, a.trade:hover, a.store:hover{
	background-position: left -21px;
}

a.coffee{
	background: url(../images/links-sm/coffeetealink_rol.png) no-repeat left top;
}

a.home{
	background: url(../images/links-sm/homelink_rol.png) no-repeat left top;
}

a.trade{
	background: url(../images/links-sm/fairtradelink_rol.png) no-repeat left top;
}

a.store{
	background: url(../images/links-sm/storelink_rol.png) no-repeat left top;
}

a.shop{
	background: url(../images/links-sm/shoplink_rol.png) no-repeat left top;
	width: 85px;
	height: 27px;
	display:block;
}

a.shop:hover{
	background-position: left -31px;
}

/* ROLL OVER INDEX */

#index-toplink{
	width: 355px;
}

#index-links{
	padding: 10px 0 0 0;
	width: 355px;
	display: block;
	clear: both;
}

a.lg-coffee, a.lg-home, a.lg-trade, a.lg-store{
	height: 36px;
	display:block;
	float: left;
}

a.lg-coffee:hover, a.lg-home:hover, a.lg-trade:hover, a.lg-store:hover{
	background-position: left -37px;
}

a.lg-coffee{
	background: url(../images/links-lg/coffeetealink.png) no-repeat left top;
	width: 119px;
}

a.lg-home{
	background: url(../images/links-lg/homelink.png) no-repeat left top;
	width: 63px;
}

a.lg-trade{
	background: url(../images/links-lg/fairtradelink.png) no-repeat left top;
	width: 103px;
}

a.lg-store{
	background: url(../images/links-lg/storelink.png) no-repeat left top;
	width: 64px;
}

a.lg-shop{
	background: url(../images/links-lg/shoplink.png) no-repeat left top;
	width: 86px;
	height: 34px;
	display:block;
	float: right;
}

a.lg-shop:hover{
	background-position: left -34px;
}


/* MISC */
.clear{
	clear: both;
}

.bold, .highlight{
	font-weight: bolder;
}

.italics{
	font-style: italic;
}

.underline, .highlight{
	text-decoration: underline;
}

img.img-right{
	float: right;
	margin: 0 0 12px 0;
}