/* css for Mortimer Chocolate Company ~ 10/06 ~ */

body {
 background: #5d4d39 url('images/bg_page.gif') repeat-x 0 0;
 margin:0; padding:0;
 color: #5d4d39;
 font: 62.5%/1.7em LucidaGrande, "Lucida Grande", Verdana, "Trebuchet MS", sans-serif; 
 width: 99.9%;
}
img { border: none; }
a {
 color: #000;
 text-decoration: none;	
}
a:hover {
 color: #000;
 text-decoration: underline;	
}
h1 {
 font-size: 1.5em;
 font-weight: 800;
 margin: 0.5em 5%;
 color: #000000;		
}
h2 {
 font-size: 1.3em;
 font-weight: 700;
 margin: 0.5em 5%;
 color: #000000;		
}
h3 {
 font-size: 1.1em;
 font-weight: 600;
 margin: 0.5em 5%;		
}
p {
 font-size: 1.1em;
 margin: 0.75em 5%;	
 line-height: 1.4em;
}
#wrapper {
	text-align: left;
	margin: 25px auto 0;
	padding: 0px;
	border:0;
	width: 800px;
	background: #efdfba url('images/bg_shadow.gif') repeat-y 0 0;
}
#conTent {
	padding-top: 11px; 
	background: url('images/cornors.gif') no-repeat 100% 0;
	width: 780px;
	margin: 0 auto;	
	position: relative;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ************************ */
/* ***** Index Header ***** */
/* ************************ */
#header {
	background: #efdfba;
 margin: 0 0 35px;
}
#header h1 {
 line-height: 1em;
 font-size: 0.001em;
 margin: 0;
 width: 219px;
 height: 67px;
 position: relative;
 left:280px;
 padding: 7px 0 0;	
}
#header h1 span {	/* replace text with graphic (FIR) Gilder/Levin method */
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('images/logo.gif') no-repeat 0 0;
	
}

/* ****************************************** */
/* ****************************************** */
/* ************ Top Navigation ************** */
/* ****************************************** */
/* ****************************************** */

#top_nav {
 background: #560b22 url('images/bg_topnav_ul.gif') no-repeat 0 0;
 height: 28px;
 width: 780px;
 border: none;;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 top: 92px;	
}
#top_nav ul {
 height: 28px;	
 margin: 0;
 padding: 0;	
}
#top_nav ul li {
	list-style: none;
	float: left;
	display: block;
	color: #fff;
	font-size: 1.3em;
	line-height: 2em;
	margin: 0;
	padding: 0 10px;
	background: url('images/bg_topnav_sep.gif') no-repeat 100% 0;
}
#top_nav ul li.nav_about  {
	background: url('images/clear.gif') no-repeat 100% 0;
}
#top_nav ul li a {
	color: #fff;
	text-decoration: none;
}
#top_nav ul li a:hover {
	color: #efdfba;
	text-decoration: none;
}
/* +++ see bottom of page for #top_nav link code +++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ****************************************** */
/* ****************************************** */
/* ************* Index Content ************** */
/* ****************************************** */
/* ****************************************** */
#main {
 margin: 0;
 padding: 0;
 background: url('images/bg_col.gif') repeat-y 0 0; 	
}
*:first-child+html #main {
 height: 100%;
 border: 1px solid #efdfba;	
 margin-bottom: 5px;
}
#left {
	float: left;
	width: 215px;
}

#right {
	float: right;
	width: 560px;
	margin: 0 0 0 0;
	padding: 0;
} 
* html #right {
 margin-bottom: 0;
 padding-bottom: 5px;	
}
#right img {
 	margin: 0;
	padding: 0;	
}
#right a {
 margin: 0 0 -5px;
 padding: 0;	
 display: block;	
}
* html #rignt a {
 margin: 0;
}


/* ************************************ */
/* ***** Bottom Navigation Footer ***** */
#bottom_nav {
	clear: both;
	text-align: center;
	font-size: 1em;
	color: #fff;
	background: url('images/bg_nav_foot.gif') no-repeat 0 100%;
	height: 28px;
	width: 800px;
}
#bottom_nav p {
 line-height: 2em;
 margin: 0;	
}
#bottom_nav a {
 color: #fff;
 text-decoration: none;	
}
#bottom_nav a:hover {
 color: #fff;
 text-decoration: underline;	
}
/* **************************** */
/* ***** Copyright Footer ***** */
#footer {
	clear: both;
	color: #efdfba;
	font: 0.8em/2em Verdana, "Lucida Sans", LucidaGrande, "Lucida Grande", sans-serif;
	margin: 0 auto 10px;
	width: 800px;
	background: url('images/bg_footer.gif') no-repeat 0 0;
}
#footer a {
 color: #efdfba;
 text-decoration: none;	
}
#footer a:hover {
 color: #fff;
 text-decoration: none;	
}
#footer_left {
 width: 45%;
 float: left;
 text-align: left;	
 margin-left: 1%;
}
#footer_right {
 width: 45%;
 float: right;
 text-align: right;	
 margin-right: 1%;
}

#footer_company {
 clear: both;
 text-align: center;
 color: #ffffff;
 font-size: 1.1em;
}

/* ****************************************** */
/* ****************************************** */
/* ************* Inside Content ************* */
/* ****************************************** */
/* ****************************************** */
#main-in {
 margin: 0;
 padding: 0;
 background: url('images/bg_col-inside.gif') repeat-y 0 0; 	
}
*:first-child+html #main-in {
 height: 100%;
 border: 1px solid #efdfba;	
}
#left-in {
	float: left;
	width: 255px;
}
#left-in h3 {
 font-size: 1.2em;
 font-weight: 500;
 line-height: 1.4em;
 margin: 1.5em 2% 0.75em 5%;		
}
#left-in h3 span {
 display: block;
 font-size: 0.8em;
 font-weight: 600;	
}
#left-in p {
 margin: 0.75em 2% 1em 5%;	
}
#right-in {
	float: right;
	width: 520px;
	margin: 0;
	padding: 0;
} 
#right-in p {
 font-size: 1.1em;
 margin: 0.75em 5%;	
 line-height: 1.5em;
 text-indent: 2em;
}

#right-in h2 {
 font-size: 1em;
 line-height: 1em;
 margin: 1.5em 5% 0.5em;	
 padding: 0;
}
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
#right-in h2.about {
	position: relative;
	width: 204px;
	height: 22px;
}
#right-in h2.about span {
	position: absolute;
	width: 100%;
	height: 100%;
 background: url('images/title_about.gif') no-repeat 0 0;	
}
#right-in h2.product {
	position: relative;
	width: 204px;
	height: 22px;
}
#right-in h2.product span {
	position: absolute;
	width: 100%;
	height: 100%;
 background: url('images/title_products.gif') no-repeat 0 0;	
}
#right-in h2.chocolate {
	position: relative;
	width: 204px;
	height: 22px;
}
#right-in h2.chocolate span {
	position: absolute;
	width: 100%;
	height: 100%;
 background: url('images/title_chocolate.gif') no-repeat 0 0;	
}
#right-in h2.recipe {
	position: relative;
	width: 204px;
	height: 22px;
}
#right-in h2.recipe span {
	position: absolute;
	width: 100%;
	height: 100%;
 background: url('images/title_recipes.gif') no-repeat 0 0;	
}
/* ****************************************** */
/* ************* Image Frame Code *********** */
/* ****************************************** */
.img_left {
	clear: both;
	float: left;
	margin: 0 0.5em 0 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddcfcb; 
}
* html .img_left {
 margin-left: -14px;	
}
.img_right {
	clear: both;
	float: right;
	margin: 0 0 0 0.5em;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddcfcb;
}
* html .img_right {
 margin-right: -14px;	
}
* html #left-in .img_left {
 margin-left: -20px;
}
* html #left-in .img_right {
 margin-right: -12px;
}

/* ++++++++++++++++++++++++++ */
/* +++ #top_nav link code +++ */
/* ++++++++++++++++++++++++++ */
/* +++ #top_nav active page matrix +++ */
/* +++ to work body id must match  +++ */

* html  #top_nav ul li.nav_home { width: 3.5em; }
* html  #top_nav ul li.nav_recipes  { width: 4em; }
* html  #top_nav ul li.nav_products { width: 4em; }
* html  #top_nav ul li.nav_chocolate { width: 5em; }
* html  #top_nav ul li.nav_about { width: 5.5em; }


body#nav_home #top_nav ul li.nav_home a,
body#nav_chocolate #top_nav ul li.nav_chocolate a,
body#nav_products #top_nav ul li.nav_products a,
body#nav_about #top_nav ul li.nav_about a,
body#nav_recipes #top_nav ul li.nav_recipes a {
	background: url('images/bg_topnav_current.gif') no-repeat 50% 0;
	text-decoration: none;
 	height: 28px;	
	text-decoration: none;
	display: block;
	color: #fff;
}