/***** General Reset ******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	font: normal 62.5% 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	background: #f1ece5 url('../img/layout-bg-pattern.png');
	color: #7e7362;
	}

/* Links */
a { color: #b31313; text-decoration: none; }
a:hover { color: #dd4242; text-decoration: none; }

/* Unordered Lists */
ul { list-style: none; }

/* Blockquote / Quote */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* Focus styles */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
	
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/**************************************************************************************************/

/***** Layout *************************************************************************************/

/**
 * Wrapper
 */
 
#wrapper {
	width: 960px;
	margin: 0 auto;
	border: 2px solid #e2dbcf;
	border-top: none;
	border-bottom: none;
	background: #fff;
	}
	
	/***** Header ********************************************************************************/
	
	#header {
		width: 100%;
		height: 190px;
		background: #e2dbcf url('../img/layout-header.jpg') no-repeat;
		}
		
		#header .logo {
			width: 337px;
			height: 190px;
			margin: 0 0 0 320px;
			position: relative;
			font-size: 2em;
			color: #fff;
			text-indent: -9000px;
			}
			
			#header .logo span {
				width: 337px;
				height: 190px;
				position: absolute;
				top: 0;
				left: 0;
				background: url('../img/layout-logo.png') no-repeat;
				}

	/***** Navigation *****************************************************************************/
	
	#nav {
		width: 960px;
		position: relative;
		height: 54px;
		z-index: 100;
		}
		
		#nav ul {
			width: 968px;
			position: absolute;
			top: 0;
			left: -4px;
			}
			
			#nav ul li {
				display: inline;
				}
				
				#nav ul li a {
					display: block;
					height: 54px;
					float: left;
					text-align: center;
					}
					#nav ul li a:hover { color: #b31313; }
					
				#home a { width: 101px; background: url('../img/layout-navigation.gif') 0 0 no-repeat; }
				#about a { width: 105px; background: url('../img/layout-navigation.gif') -101px 0 no-repeat; }
				#product-range a { width: 161px; background: url('../img/layout-navigation.gif') -206px 0 no-repeat; }
				#customers a { width: 125px; background: url('../img/layout-navigation.gif') -367px 0 no-repeat; }
				#facilities a { width: 119px; background: url('../img/layout-navigation.gif') -492px 0 no-repeat; }
				#quality-accreditation a { width: 234px; background: url('../img/layout-navigation.gif') -611px 0 no-repeat; }
				#contact a { width: 123px; background: url('../img/layout-navigation.gif') -845px 0 no-repeat; }
				
				#home a:hover { background: url('../img/layout-navigation.gif') 0 -54px no-repeat; }
				#about a:hover { background: url('../img/layout-navigation.gif') -101px -54px no-repeat; }
				#product-range a:hover { background: url('../img/layout-navigation.gif') -206px -54px no-repeat; }
				#customers a:hover { background: url('../img/layout-navigation.gif') -367px -54px no-repeat; }
				#facilities a:hover { background: url('../img/layout-navigation.gif') -492px -54px no-repeat; }
				#quality-accreditation a:hover { background: url('../img/layout-navigation.gif') -611px -54px no-repeat; }
				#contact a:hover { background: url('../img/layout-navigation.gif') -845px -54px no-repeat; }
				
				#home a.active, #home a.active:hover { background: url('../img/layout-navigation.gif') 0 -108px no-repeat; }
				#about a.active, #about a.active:hover { background: url('../img/layout-navigation.gif') -101px -108px no-repeat; }
				#product-range a.active, #product-range a.active:hover { background: url('../img/layout-navigation.gif') -206px -108px no-repeat; }
				#customers a.active, #customers a.active:hover { background: url('../img/layout-navigation.gif') -367px -108px no-repeat; }
				#facilities a.active, #facilities a.active:hover { background: url('../img/layout-navigation.gif') -492px -108px no-repeat; }
				#quality-accreditation a.active, #quality-accreditation a.active:hover { background: url('../img/layout-navigation.gif') -611px -108px no-repeat; }
				#contact a.active, #contact a.active:hover { background: url('../img/layout-navigation.gif') -845px -108px no-repeat; }
				
	/***** Content ********************************************************************************/
	
	#content {
		width: 100%;
		position: relative;
		}
		
	/* See Below */
		
	/***** Footer *********************************************************************************/
	
	#footer {
		width: 960px;
		height: 140px;
		position: relative;
		font-size: 1.1em;
		}
		
		#footer .footer-bg {
			width: 964px;
			height: 140px;
			position: absolute;
			top: 0;
			left: -2px;
			background: url('../img/layout-footer.gif') no-repeat;
			}
			
		#footer .copyright {
			width: 550px;
			position: absolute;
			top: 40px;
			left: 230px;
			}
			
		#footer .credits a {
			width: 142px;
			height: 24px;
			position: absolute;
			top: 40px;
			right: 20px;
			text-indent: -9000px;
			background: url('../img/layout-credit.gif') no-repeat;
			}
			
		#footer .vcard {
			width: 550px;
			position: absolute;
			top: 70px;
			left: 230px;
			padding: 0 0 20px;
			}

/**************************************************************************************************/

/***** Content ************************************************************************************/
	
	/* H2 Image Headers */
	h2.content-hdr {
		position: relative;
		width: 400px;
		height: 60px;
		margin: 0 0 30px;
		}
		h2.content-hdr span {
			display: block;
			width: 400px;
			height: 60px;
			font-size: 3em;
			text-indent: -9000px;
			position: absolute;
			left: -38px;
			}
			
	/* H3 */
	h3 {
		color: #7F6556;
		font-size: 1.8em;
		font-weight: normal;
	}
	
	/* Image Floats */
	.image-left {
		float: left;
		margin: 10px 20px 10px 10px;
		padding: 2px;
		border: 1px solid #e2dbcf;
		}
		
	.image-right {
		float: right;
		margin: 10px 10px 10px 20px;
		padding: 2px;
		border: 1px solid #e2dbcf;
		}
	
	/* Main Content Divs - Interior Layouts */	
	.main {
		padding: 30px;
		position: relative;
		}
		
		.main p {
			padding: 0 0 2.6em;
			font-size: 1.2em;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.6em;
			}
			
		.main p.intro {
			font-family: 'Georgia', serif;
			font-size: 1.6em;
			font-style: italic;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.4em;
			padding: 0 0 2em;
			}			

	/***** Homepage *******************************************************************************/
	
	.homepage {
		position: relative;
		padding-bottom: 70px;
		}
		
		img.homepage-banner {
			display: block;
			width: 960px;
			height: 260px;
			margin: -4px 0 0;
			}
		
		h2.welcome {
			width: 900px;
			height: 65px;
			margin: 0 0 20px;
			background: url('../img/content-hdr-welcome.gif') no-repeat;
			font-size: 3em;
			text-indent: -9000px;
			}
		
		.homepage .text {
			width: 470px;
			}
			
		.casa-queso {
			width: 430px;
			height: 430px;
			position: absolute;
			top: 86px;
			right: 30px;
			background: green;
			background: url('../img/content-homepage-branding.gif') no-repeat;			
			}
			
			
	/***** About **********************************************************************************/
		
		h2#hdr-about span { background: url('../img/content-hdr-about.gif') no-repeat; }
			
	/***** Product Range **************************************************************************/
	
		.product-range {
			margin: 0 0 20px;
			}
			
			.product {
				width: 974px;
				margin: 0 0 20px;
				position: relative;
				left: -8px;
				border: 1px solid #d7c9c9;
				border-bottom: 2px solid #bfb09e;
				background: url('../img/layout-product-bg.gif') repeat;
				font-size: 1.2em;
				}
				
				.product h3 {
					margin: 10px 40px 0;
					padding: 0 0 0 300px;
					height: 60px;
					line-height: 60px;
					border-bottom: 1px solid #e5d5d1;
					font-size: 2em;
					color: #8c6d39;
					font-family: Georgia, serif;
					}
					.product h3 a { color: #8c6d39; }
				
				.product .photos {
					width: 260px;
					float: left;
					display: inline;
					margin: 20px 40px;
					}
					
					.product .photos img {
						display: block;
						width: 250px;
						height: 133px;
						margin: 0 0 10px;
						}
				
				.product .text {
					width: 600px;
					float: left;
					display: inline;
					margin: 20px 0;
					color: #855b39;
					}
					.product .text p {
						line-height: 1.6em;
						padding: 0 0 1.6em;
						}
						
				.product em {
					width: 8px;
					height: 8px;
					position: absolute;
					bottom: -8px;
					}		
						
					.product em.bottom-left { left: -2px; background: url('../img/layout-product-left-corner.gif') no-repeat; }
					.product em.bottom-right { right: -2px; background: url('../img/layout-product-right-corner.gif') no-repeat; }

			
		h2#hdr-product-range-food, h2#hdr-product-range-retail {
			position: relative;
			width: 400px;
			height: 60px;
			margin: 30px 0 30px;
			}
			h2#hdr-product-range-food span, h2#hdr-product-range-retail span {
				display: block;
				width: 400px;
				height: 60px;
				font-size: 3em;
				text-indent: -9000px;
				position: absolute;
				left: -8px;
				}
				h2#hdr-product-range-food span { background: url('../img/content-hdr-product-range-food.gif') no-repeat; }
				h2#hdr-product-range-retail span { background: url('../img/content-hdr-product-range-retail.gif') no-repeat; }
	
	/***** Customers ******************************************************************************/
		
		h2#hdr-customers span { background: url('../img/content-hdr-customers.gif') no-repeat; }
			
	/***** Facilities *****************************************************************************/
		
		h2#hdr-facilities span { background: url('../img/content-hdr-facilities.gif') no-repeat; }
		
	/***** Quality & Accreditation ****************************************************************/

		h2#hdr-quality-accreditation span { background: url('../img/content-hdr-quality-accreditation.gif') no-repeat; }
			
	/***** Contact ********************************************************************************/

		h2#hdr-contact span { background: url('../img/content-hdr-contact.gif') no-repeat; }
		
		.contact-vcard {
			border-top: 1px solid #d7c9c9;
			width: 200px;
			padding: 20px 0;
			float: left;
			display: inline;
			font-size: 1.2em;
			}
			
			.org { font-weight: bold; padding: 0 0 5px; }
			.adr { padding: 0 0 5px; }
				.adr .street-address { }
				.adr .locality { }
				.adr .region { }
				.adr .country-name { padding: 0 0 5px;}
			
			.email { padding: 0 0 5px;}
			.tel { padding: 0 0 5px;}
			
			.contact-form {
				border-top: 1px solid #d7c9c9;
				width: 650px;
				margin: 0 0 0 30px;
				padding: 20px 0px 0px 0px;
				float: left;
				display: inline;
				}
				
			.map {
				border-top: 1px solid #d7c9c9;
				width: 650px;
				margin: 0px 20px;
				padding: 20px 0;
				float: right;
				display: inline;
				}	
			
				.map h3 {
					padding-bottom: 10px;
					border-bottom: 1px dotted;
					margin-bottom: 10px;
					}