/* ---- Global ---- */

* { margin: 0; padding: 0; }
	
body { 
	margin: 0 auto;
	width: 1060px; 
	background: #2a2017 url(images/bg_main.png) no-repeat fixed;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	}
	
a:link { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

#container {
	margin: 0 auto;
	width: 1000px;
	background: url(images/bg_content.png) repeat;
	}
	
.clear { clear: both; }

/* ---- Masthead ---- */

#header {
	width: 1060px; height: 130px;
	margin-left: -20px;
	margin-top: 50px;
	background: url(images/bg_nav_1050.png) no-repeat;
	position: relative;
	}
	
#logo { 
	width: 343px; height: 475px;
	background: url(images/logo_main.png) no-repeat;
	position: absolute;
	left: 30px;
	top: -25px;
	text-indent: -9999px;
	display: block;
	}
	
#logo_small { 
	width: 181px; height: 250px;
	background: url(images/logo_small.png) no-repeat;
	position: absolute;
	left: 60px;
	top: -35px;
	text-indent: -9999px;
	display: block;
	}



/* ---- Navigation ---- */

#navigation { margin-left: 350px; padding-top: 10px; height: 75px; overflow: hidden; }

#navigation li { 
	margin-right: 0px;
	float: left;
	list-style: none; 
	font-size: 18px;
	letter-spacing: 1px;
	}
	
.overview { margin-left: 40px; line-height: 65px; }
	
.coffees { margin-left: 50px; line-height: 65px; }
	
.adopt1 { margin-left: 40px; line-height: 35px; }
.adopt2 { margin-left: 30px; line-height: 20px; }

.ourstory1 { margin-left: 50px; line-height: 35px; }
.ourstory2 { margin-left: 30px; line-height: 20px; }

#main_nav a { width: 133px; height: 75px; display: block; background: url(images/btn_nav.png) no-repeat;}
#main_nav a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav.png) 0 -75px no-repeat; text-decoration: none;}
#main_nav_overview a { width: 133px; height: 75px; display: block; background: url(images/btn_nav_overview_133.png) no-repeat;}
#main_nav_overview a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav_overview_133.png) 0 -75px no-repeat; text-decoration: none;}
#main_nav_coffees a { width: 133px; height: 75px; display: block; background: url(images/btn_nav_coffees_133.png) no-repeat;}
#main_nav_coffees a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav_coffees_133.png) 0 -75px no-repeat; text-decoration: none;}
#main_nav_adoption a { width: 133px; height: 75px; display: block; background: url(images/btn_nav_adoption_133.png) no-repeat;}
#main_nav_adoption a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav_adoption_133.png) 0 -75px no-repeat; text-decoration: none;}
#main_nav_agency a { width: 133px; height: 75px; display: block; background: url(images/btn_nav_org_133.png) no-repeat;}
#main_nav_agency a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav_org_133.png) 0 -75px no-repeat; text-decoration: none;}
#main_nav_story a { width: 133px; height: 75px; display: block; background: url(images/btn_nav_ourstory.png) no-repeat;}
#main_nav_story a:hover { width: 133px; height: 75px; display: block; background: url(images/btn_nav_ourstory.png) 0 -75px no-repeat; text-decoration: none;}

#secondary_nav { 
	width: 190px; height: 35px; padding-left: 21px;
	display: block; 
	background: url(images/btn_nav.png) 0 -105px no-repeat; 
	position: absolute;
	left: 74%;
	top: -50px;
	}
	
#secondary_nav li { 
	font-size: 12px; 
	margin-top: 8px;
	}
#tertiary_nav { 
	width: 166px; height: 25px; padding-left: 21px;
	display: block; 
	position: absolute;
	left: 58%;
	top: -50px;
	}
	
#tertiary_nav li { 
	font-size: 12px; 
	margin-top: 4px;
	}
#left_nav { 
	width: 251px; height: 470px;
	padding-left: 40px; padding-top: 5px;
	background: url(images/bg_leftnav.png) no-repeat;
	position: relative;
	top: 100px;
	left: -18px;
	color: #a9954d;
	}
#left_nav a:link { font-weight: bold; color: #493413; text-decoration: none; }
#left_nav a:active { font-weight: bold; color: #493413; text-decoration: none; }
#left_nav a:visited { font-weight: bold; color: #493413; text-decoration: none; }
#left_nav a:hover { font-weight: bold; color: #493413; text-decoration: underline; }

/* ---- Content ---- */

#content {
	margin-bottom: 20px;
	position: relative;
	top: -465px;
	left: 250px;
	width: 750px;
	}

#carousel {
	width: 625px; height: 325px;
	margin-right: 23px;
	margin-bottom: 15px;
	display: block;
	float: right;
	}
	
#carousel h2 {
	margin-bottom: 10px; padding-left: 15px; padding-top: 5px;
	width: 610px; height: 41px;
	background: url(images/bg_header_helping.png) repeat-x;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 1px;
	}

#slideshow {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 623px;
	height: 263px;
	float: right;
	}

#slideshow img {
	cursor: pointer;
	width: 623px;
	height: 263px;
	}
	
h2.content_header {
	margin: 10px 10px 20px 50px; 
	padding-left: 40px; padding-top: 5px;
	width: 63%; height: 41px;
	background: url(images/bg_header.jpg) repeat-x;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 1px;
	}
	
.content_title { 
	color: #ffcc33; 
	font-size: 24px; 
	font-weight: normal; 
	letter-spacing: 1px;
	}

#content_col1, #content_col2, #content_col3 {	
	margin-right: 25px;
	width: 300px;
	min-height: 200px;
	background: url(images/bg_content_col.png) no-repeat;
	float: left;
	}

#content_col1 { margin-left: 25px; }

#content_col1 img, #content_col2 img, #content_col3 img,
#content_col1 h3, #content_col2 h3, #content_col3 h3,
#content_col1 p, #content_col2 p, #content_col3 p {
	padding: 19px 19px 0px 19px;
	}
	
#content_area { 
	width: 750px; 
	height: 650px; 
	margin-top: 30px; 
	display: block; 
	}



/* ---- Footer ---- */

#footer {
	position: relative;
	margin-bottom: 20px;
	height: 100px;	
	}
	
#footer ul {
	margin-left: 30px;
	}

#footer ul li {
	margin-top: 60px;
	margin-right: 10px;
	font-size: 10px;
	float: left; 
	list-style: none;
	}
	
.fair_trade { 
	width: 320px; height: 146px;
	background: url(images/btn_fairtrade.png) no-repeat;
	position: absolute;
	left: 67%;
	top: 20px;
	text-indent: -9999px;
	}
	
/* ---- Store ---- */
UL.leftnavlist {
	color: #a9954d;
	margin: 0;
	padding: 0;
}

UL.leftnavlist LI.parentcat {
	list-style-type: none;
	margin: 4px 0;
}

UL.leftnavlist LI.childcat {
	list-style-type: disc;
	margin: 2px 14px;
}
.prodspacer {
	float: left;
	margin: 0 22px;
}
.prodthumb {
	width: 200px;
	float: left;
	text-align: center;
	margin-bottom: 24px;
}
.prodthumbphoto {
	/*background-color: #000000;*/
	position: relative;
	border-width: 0px;
}
.prodthumbtitlebg {
	/*background-color: #dcc8a7;*/
}
.prodthumbtitle {
	font-weight: bold;
}
.dividerdarkthin {
	/*background: url(images/fmallen_dividerh_darkthin.gif) repeat-x left center;*/
	height: 9px;
}
.graytext { color: #ffffff; }

.greentext { color: #ffffff; }

.smtext { font-size: 85%; }

.prodthumb300 {
	width: 175px;
	position: relative;
	margin: 0;
}

.prodthumb300 .proddescrmainphoto {
	border: 2px solid #dcc8a7;
}

.proddescrcol1 {
	margin: 10px 20px 10px 50px;
	float: left;
}
.proddescrcol2 {
	width: 393px;
	float: left;
	margin: 10px;
}
.zoomcont {
	position: relative;
	top: -6px;
}
.proddescrphotobg {
	padding: 6px;
	position: relative;
	margin: 0;
	width: 163px;
	/*background: url('images/fmallen_proddescrphotobg.gif');*/
}
.proddescrphotobg #zoomimg {
	z-index: 50;
	position: absolute;
	top: 20px;
	left: 20px;
	display: none;
	width: 175px;
}
.proddescrphotobg:hover #zoomimg {
	display: block;
	margin: 0;
	padding: 0;
}
.proddescrtitle {
	font-weight: bold;
	font-size: 115%;
}
.AffiliateHeaderText
{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin: 3px 3px 15px 0px;
}
.AffiliateBody
{
	color: #ffffff;
	font-size: 16px;
	margin: 3px 50px 15px 0px;
}
.AffiliateTable
{
	color: #493413;
	font-size: 16px;
	margin-right: 50px;
}
.affiliatespacer {
	float: left;
	margin: 0 10px;
}
#TopStuff 
{
	overflow:hidden;
}
#SlideOut
{
	font-weight: bold;
	color: #493413;
	background-image: URL(images/slide-out-burlap-background.jpg); 
	background-repeat:no-repeat; 
	position:relative; 
	top:-5px; 
	padding: 2px 10px 20px 15px;
	display: none;
}
#SlideOut a:link 
{
	text-decoration: none;
	color: #493413;	
}
#SlideOut a:hover
{
	text-decoration:underline;
	color: #493413;	
}