/*  
Cascading Style Sheet for
LA COSECHA COFFEE COMPANY
main.css
*************************
*/

/*--Zero Out then customize header margins (spacing)-------------------------------*/
	h1, h2, h3, p {margin: 0; padding: 0;}
	h1 {margin-top: 2em; margin-bottom: 1em;}
	h2 {margin-bottom: 1em;}
	h3 {margin-bottom: 0;}
	p {margin-bottom: 1em;}
	img {border: none;
	}

/*------Structure------------------------------------------------------------------*/
body {
	margin: 0 auto; 
	padding: 0;
	font: 62.5% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ccb684 url(images/bg_top.jpg) repeat-x; 
	}
	
#container {
	width: 760px;
	text-align: left;
	margin: 60px auto 0 auto;
	padding: 0;
	}
	
#branding {
	position: relative;
	}

#branding img {
	position: absolute;
	left: 0;
	top: -45px;
	z-index: 100;
	}

/*------ NAVIGATION------------------------------------------------------------------*/

#navbar {
	text-align: right;
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
	}
	
#navbar li {
	display: inline;
	}
	
#navbar li a {
	font: 1.7em Georgia, Georgia, "Times New Roman", Times, serif;
	color: #e0c497;
	padding: 0 .6em; 
	border-bottom: none;
	border-right: 1px #e0c497 solid;
	text-decoration: none;
	}

#navbar a:hover, a:active {
	color: #fff;
	}
	
#navbar #dealers a {
	border-right: none;
	padding: 0 0 0 .8em;
	}
	
#navbar li a.active { /* add bracket characters to active/current page link */
	font-weight: normal;
	color: #fff;
	}	

/*------------------------------ STRUCTURE AND CONTENT ---------------------------------------------*/

#content {
	width: 760px;
	background-color: #fff;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	}
	
* html #content h2 {
	border-bottom: 1px #421d1c solid; /*star HTML hack to feed IE an underline*/
	}
	
* html #content h2 {
	border-bottom: none; /*star HTML hack to feed IE an underline*/
	}
		
#content p {
	font: 1.2em/1.5em "lucida grande", verdana, Arial, Helvetica, sans-serif;
	color: #421d1c;
	}
	
#content .topimg {
	position: relative;
	z-index: 1;
	}
	
#index .opening_para {
	margin: 0 20px 10px 20px;
	padding: 0;
	}
	

/*top half------------------------------*/

#top {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
*html #top { /* hack for IE/win */
	overflow: hidden;
	width: 100%;
	padding: 20px 0 0 0;
	}	

#intro {
	float: left;
	width: 380px;
	}

#index #intro h2 {
	text-indent: -5000px;
	color: #421d1c;
	font: bold 2em Georgia, Arial, Helvetica, verdana, sans-serif;
	margin: 0 20px 14px;
	padding: 0;
	}
	
#index #intro h2 span {
	text-indent: -5000px;
	color: #96030b;
	}
/*
#index .home_mainimg {
	float: right;
	margin: 0 20px 0 20px;
	padding: 3px;
	border: 1px #ccc solid;
	border-right: 2px #aaa solid;
	border-bottom: 2px #aaa solid;
	}

/* END top half------------------------------*/

/*bottom half------------------------------*/
#bottom {
	clear: both;
	overflow: hidden;
	width: 100%;
	background: url(images/bottom_bg.jpg) repeat-x left top;
	margin: 0;
	padding:10px 0;
	}
		
#bottomleft {
	float: left;
	width: 380px;
	margin-top: 15px;
	}

#bottomright {
	float: right;
	width: 380px;
	margin-top: 15px;
	/*background: url(images/bag_name.gif) no-repeat 0 70px;     */
	}
	
/* END bottom half------------------------------*/

/*---------------- PANEL LAYOUT -----------------------------------------------------------*/

#index dl {
	float: left;
	width: 338px; /*width fix for IE/Mac  may not be necessary if causes problems */
	margin: 12px 20px 20px;
	padding: 0;
	display: inline;
	background:#fffbe9 url(images/panel_grad4.gif) repeat-x;
	border: 1px #e0c497 solid;
	color: #421d1c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

#index dl:hover {
	background:#ede6c9;
  -moz-box-shadow: 2px 2px 2px #555;
  -webkit-box-shadow: 2px 2px 2px #555;
  box-shadow: 2px 2px 2px #555;
	}
		
#index dt {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #96030b;
	float: right;
	width: 170px;
	margin: 0;
	padding: 7px 0 6px 0;
	}
	
#index dd {
	margin: 0;
	padding: 0 7px 0 0;
	font-size: 1em;
	line-height: 1.5em;
	}
	
#index .img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	}
	
	
/*-------------------- LINKS PAGE ---------------------------------------------------------*/
#links ul{
	list-style-type: none;
	padding: 0;
	margin: 0 20px;
	}
	
#links li {
	padding: 0;
	margin: 10px 0 0 0;
	border-bottom: 1px #421d1c solid;
	float: left;
	}
	
#links li .link_logo {
	float: left;
	margin: 0 12px 10px 0;
	}
	
#links p {
	margin: 0 0 10px 0;
	padding: 0;
	}

/*-------------------- LINKS ---------------------------------------------------------*/

a:link, a:visited {
	padding-bottom: 1px;
	color: #6c2f2e;
	text-decoration: none;
	border-bottom: 1px solid #c27977;
	}
	
a:hover {
	padding-bottom: 0;
	color: #96030b;
	border-bottom: 2px solid #96030b;
	}
	
#bottomright dd a, #bottomleft dd a {
	border: none;
	}

#content_main .external {
	background:url(images/external.gif) no-repeat right top;
	padding-right: 10px;
	}
	
#index #content_main .img img {
	border: none;
	}
	
/*-------------------- SIDEBAR ---------------------------------------------------*/

/*-------------------- FOOTER ---------------------------------------------------*/

/*------------------------------- SUB NAVIGATION IN FOOTER ----------------------------------------*/
#sub_navbar {
	text-align: center;
	margin: 0;
	padding: 24px 0 2px 0;
	list-style-type: none;
	}
	
#sub_navbar li {
	display: inline;
	}
	
#sub_navbar li a {
	font: 13px "lucida grande", Arial, verdana, Helvetica, sans-serif;
	color: #826f54;
	padding: 0 8px; 
	border-bottom: none;
	border-right: 1px #3f352a solid;
	text-decoration: none;
	font-weight: normal;
	}

#sub_navbar a:hover, a:active {
	color: #fff;
	}
	
#sub_navbar #contact a {
	border-right: none;
	padding: 0 0 0 .8em;
	}
	
#sub_navbar li a.active { /* add bracket characters to active/current page link */
	font-weight: normal;
	color: #fff;
	}	
	
#footer {
	clear: both;
	background: url(images/footer.jpg) repeat-x top left;
	height:92px;
	}
	
#footer p {
	margin: 8px 0 0 0;
	padding: 0;
	color: #826f54;
	font-size: 10px;
	text-align: center;
	}
	
#footer a, #footer p a {
	text-decoration: none;
	color: #826f54;
	border: none;
	}
	
#footer p a:hover {
	color: #e0c497;
	}