/* ---- 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:hover { color: #fff; text-decoration: underline; }
a:active { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: none; }

#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; }

.agency1 { margin-left: 50px; line-height: 35px; }
.agency2 { 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: 2251px; height: 470px;
	padding-left: 40px; padding-top: 5px;
	background: url(images/bg_leftnav.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 280px;
	display: block;
	}


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

#content {
	margin-bottom: 20px;
	}

#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 250px; 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: 94%; height: 500px; 
	margin: 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;
	}