/*  
Cascading Style Sheet for
LA COSECHA COFFEE COMPANY
main_one_col.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;
	}

/*------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 {
	text-align: left;
	margin: 60px auto 0 auto;
	padding: 0;
	width: 760px;
	}
	
#branding {
	position: relative;
	}
	
#branding img {
	position: absolute;
	left: 0;
	top: -50px;
	z-index: 100;
	}

/*	
#branding img {
	position: absolute;
	left: -14px;
	top: -70px;
	z-index: 1;
	}

/*------------------------------ begin 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 .8em; 
	border-bottom: none;
	border-right: 1px #e0c497 solid;
	text-decoration: none;
	}

#navbar a:link, a:visited {
	}
	
#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;
	}	

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

#content {
	width: 760px;
	background: #fff;
	text-align: left;
	position: relative;
	margin: 0 auto;
	}

#content p {
	font: 1.2em/1.5em "lucida grande", verdana, Arial, Helvetica, sans-serif;
	color: #421d1c;
	}
	
#content h2 {
	color: #96030b;
	font: bold 2.2em Georgia, Arial, Helvetica, verdana, sans-serif;
	font-variant: small-caps;
	margin: 14px 20px 2px 20px;
	padding: 0;
	border-bottom: 1px #666 dotted;
	}
	
* html #content h2 {
	border-bottom: 1px #421d1c solid; /*star HTML hack to feed IE an underline*/
	}

#content_main {
	width: 760px;
	margin: 0;
	padding: 0;
	float: right;
	background: url(images/coffee_stain.gif) right top no-repeat;
	}	
	
#content_main p {
	margin: 0 20px 10px 20px;
	padding: 0;
	}	
	
#content_main h4 { /*this rule only for offerings page (not in main.css file)*/
	margin: 20px 20px 2px 20px;
	padding: 0;
	color: #421d1c;
	font: bold 1.5em "lucida grande", verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	}
#content_main .opening_para {
	margin: 20px 20px 10px 20px;
	padding: 0;
	}
	
#offerings .opening_para {
	font: italic 1.3em/1.5em arial, "lucida grande", verdana, Arial, Helvetica, sans-serif;
	margin: 14px 20px 0 20px;
	padding: 0 10px 30px 0;
	background-color: #f8f2e9;
	border: thin #666 dotted;
	}	
	
#offerings .opening_para img {
	float: left;
	margin: 4px 20px 0 0;
	background-color: #fff;
	padding: 0 0 4px;
	
	}	
	
#offerings h4 {
	clear: both;
	}
	
#content_main dl {
	float: left;
	width: 478px; /*width fix for IE/Mac  may not be necessary if causes problems */
	margin: 10px 20px 5px;
	padding: 0;
	display: inline;
	background:#fffbe9 url(images/panel_grad4.gif) repeat-x;
	border: 1px #e0c497 solid;
	color: #421d1c;
	}
	
#content_main dt {
	float: right;
	width: 310px;
	margin: 0;
	padding: 10px 0 4px 0;
	}
	
#about #content_main dt {
	font: bold 1.5em Arial, Helvetica, verdana, sans-serif;
	color: #96030b;
	float: right;
	width: 380px;
	margin: 0;
	padding: 10px 0 4px 0;
	}
	
#content_main dd {
	margin: 0;
	padding: 0 7px 0 0;
	font-size: 1em;
	line-height: 1.5em;
	}
	
#content_main .img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	}

/****  DEALER PAGE   ****/

#dealer_info {
	list-style-type: none;
	margin: 20px;
	padding: 0;
	}
		
.dealername {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 0;
	color: #96030b;
	}
	
.dealeraddress, .dealerphone, .dealerwebsite, .dealeremail{
	font: 1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #421d1c;
	}
	
.dealerwebsite a, .dealeremail a {
	text-decoration: none;
	}

/****  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;
	}

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

/*------------------------------- SUB NAVIGATION IN FOOTER ----------------------------------------*/
#sub_navbar {
	text-align: center;
	margin: 0;
	padding: 12px 0 2px 0;
	list-style-type: none;
	}
	
#sub_navbar li {
	display: inline;
	}
	
#sub_navbar li a {
	font: 1.4em "lucida grande", verdana, Arial, Helvetica, sans-serif;
	color: #e0c497;
	padding: 0 .6em; 
	border-bottom: none;
	border-right: 1px #e0c497 solid;
	text-decoration: none;
	font-weight: bold;
	}

#sub_navbar a:hover, a:active {
	color: #fff;
	font-weight: bold;
	}
	
#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 */
	color: #fff;
	}	
	
#footer {
	clear: both;
	background: url(images/footer.jpg) repeat-x top left;
	height: 74px;
	}
	
#footer p {
	margin: 8px 0 0 0;
	padding: 0;
	color: #e0c497;
	font-size: 0.8em;
	text-align: center;
	}
	
#footer a {
	text-decoration: none;
	color: #777;
	border-bottom: 1px #777 dotted;
	}