/* @override http://www.wescobee.com/squelettes/habillage.css */

/** MAIN COLOURS **/

/* Main text color: #2d2d2d */

/** RESET **/

	* { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; vertical-align: top; list-style: none; line-height: 1.85em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2d2d2d; }

/** TYPOGRAPHY **/

	a, a:visited, a:active { color: #2d2d2d; text-decoration: underline; }
	a:hover, a:focus { color: #797979; }
	a.on { font-weight: bold; text-decoration: none; }
	h1 { font-size: 37px; text-transform: uppercase; margin-bottom: 5px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
	strong { font-weight: bold; }
	p { margin: 15px 0; }
	hr { height: 1px; color: 2d2d2d; margin: 20px 0; clear: both; }
	i { font-style: italic; }
	ul { margin-bottom: 20px; }
	ul li { list-style: disc; list-style-position: outside; margin-left: 30px; }
	ol li { list-style: decimal; list-style-position: outside; margin-left:  30px; }
	sup { font-size: 72%; }
	.spip_documents_left { float: left; margin: 30px 20px 40px 0; }
	.spip_documents_right { float: right; margin: 30px 0 40px 20px; }
	small { font-size: 80%; font-style: italic; }
	
/** TABLES **/
	table { width: 100%; border-collapse: collapse; margin: 1px 0 20px; }
	thead, caption { background-color: #f4d661; border-top: 1px solid #98854a; border-bottom: 1px solid #98854a; }
	caption { text-align: left; padding: 5px 10px; }
	th { padding: 5px 10px; text-align: left; width: 33%; }
	th strong { color: #000; font-size: 14px; }
	tbody { margin-top: 10px; }
	td { width: 33%; padding: 2px 9px; color: #000; }

/** PAGE LAYOUT **/
	body { min-height: 100%; height: 100%; background: url(images/bg-body.jpg) repeat-y center top; margin: 0; padding: 0; }
	#hd-wrapper { height: 100%; background: url(images/bg-hd-wrapper.png) no-repeat center top; }
	#swirl-wrapper { height: auto !important; min-height: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; }
	#page { width: 955px; min-height: 700px; margin: 0 auto 180px auto; overflow: auto; }
	#hd { height: 230px; }
	#hd #logo { margin: 26px 0 0 60px; float: left; }
	#con { width: 670px; padding-left: 60px; }
	#content p { margin: 0 0 15px 0; }
	#content div.article { margin: 0 0 10px 30px; clear: both; }
	.pdf { margin-left: 30px; }
	.pdf .icon { width: 50px; float: left; }
	.pdf .info { float: left; }
	#content .pdf .info { width: 250px; }
	#content .pdf .info p { margin-bottom: 5px; }
	
/** NAVIGATION **/
	#nav { clear: both; float: left; height: 32px; background: url(images/bg-nav.png) no-repeat left top; margin: 8px 0 0 20px; }
	#nav ul { width:700px; height: 32px; padding-left: 40px; }
	#nav ul li { float: left; text-align: center; margin: 1px 1px 0 0; position: relative; list-style: none; }
	#nav il li.open { background-color: #ffda49; }
	#nav ul li ul { position: absolute; left: 0; top: 30px; background: #fce897; height: auto; padding: 0; margin: 0; display: none; z-index: 1000; border-top: 1px solid #9c937b; }
	#nav ul li.open ul { display: block; }
	#nav ul li ul li { clear: both; float: none; text-align: left; margin: 0; padding: 0; width: auto; }
	#nav a, #nav a:visited, #nav a:active { display: block; height: 26px; padding: 4px 20px 0 15px; font-weight: bold; text-decoration: none; }
	#nav a:focus, #nav a:hover, #nav a.on { font-weight: bold; background-color: #ffda49; text-decoration: none; color: #2d2d2d; }
	
	#section3 ul.subnav { width: 152px; }
	#section4 ul.subnav { width: 125px; }
	#section5 ul.subnav { width: 165px; }
	#section6 ul.subnav { width: 173px; }
	
/** FOOTER **/
	#ft-wrapper { width: 955px; height: 60px; margin: 0 auto; background: url(images/bg-ft.jpg) repeat-y center top; }
	#ft { width: 250px; height:35px; text-align: center; padding: 10px; color: #d99749; float: right; font-size: 11px; }
	#ft a, #ft a:visited, #ft a:active, #ft a span.orange { color: #d99749; font-size: 11px; text-decoration: none; }
	#ft a:hover, #ft a:focus { text-decoration: underline; }
	
/** HISTORY PAGE **/
	#history div.article { margin: 0 0 10px 0; }
	#history p { line-height: 1.8em; }
	
/** HONEY PAGE **/
	#honey h1 { float: left; width: 230px; }
	#honey #header-text, #bnaturals #header-text { width: 363px; float: left; font-size: 12px; margin-bottom: 10px; }
	#honey #content, #bnaturals #content { clear: both; }
	#honey .product, #bnaturals .product { width: 107px; height: 165px; float: left; margin-bottom: 20px; }
	#honey .image { width: 92px; height: 114px; background: url(images/product-image-frame.png) no-repeat left top; padding: 1px 0 0 14px; }
	#honey .desc, #honey .weight, #bnaturals .desc, #bnaturals .weight { width: 79px; font-weight: bold; font-size: 11px; margin: 2px auto; line-height: 1.2; }
	#honey .desc, #bnaturals .desc { margin-top: 8px; }
	#honey .weight, #bnaturals .weight { font-weight: normal; }
	#bnaturals h1 { float: left; width: 250px; }
	
	/** Single Product View **/
	#honey #image, #bnaturals #image { width: 207px; float: left; background: url(images/main-product-image-frame.png) no-repeat left top; margin: 0 10px 0 -30px; padding: 1px 0 0 30px; }
	#honey #info, #bnaturals #info { width: 370px; float: left; padding-left: 12px; }
	#honey #info h2, #bnaturals #info h2 { width: 363px; border-bottom: 1px solid #6b6656; margin-bottom: 10px; }
	#honey table, #bnaturals table { width: 363px; }
	#honey thead, #bnaturals thead { background: none; border: 0; }
	#honey th, #bnaturals th { padding: 0; text-align: left;}
	#honey th strong, #bnaturals th strong { color: #000; font-size: 12px; }
	#honey td, #bnaturals td { padding: 0; color: #000; }
	#honey th.cell1, #honey th.cell3, #bnaturals th.cell1, #bnaturals th.cell3 { width: 48%; }
	#honey th.cell2, #bnaturals th.cell2 { width: 4%; }
	#honey table tbody tr.row_odd, #bnaturals table tbody tr.row_odd { background-color: none; }
	
	/** Jarrah Honey **/
	#jarrahhoney #image { width: 207px; height: 256px; float: left; background: url(images/main-product-image-frame.png) no-repeat left top; margin-left: -30px; padding: 1px 0 0 30px; }
	#jarrahhoney #content #articles { width: 420px; float: left; }
	#jarrahhoney #content .article { width: 420px; margin: 0; padding: 0; }
	#jarrahhoney #content p { margin: 0 0 15px 0; }
	
	/** BNaturals **/
	#bnaturals #images { width: 207px; float: left; }
	#bnaturals .image { width: 207px; height: 256px; background: url(images/main-product-image-frame.png) no-repeat left top; margin: 0 0 15px -30px; padding: 1px 0 0 30px; }
	#bnaturals #articles { float: left; width: 460px; }
	#bnaturals #content .article { margin: 0; padding: 0; }
	
	/** PDFs **/
	#honey .icon { width: 50px; float: left; }
	#honey .pdf { height: 60px; clear: both; width: 300px; margin: 0; }
	#honey .pdf .title { width: 400px; margin: 0; float: left; }

/** CERTIFICATES PAGE **/
	#certificates #page { padding-bottom: 100px; }
	#certificates #content { overflow: auto; }
	#certificates #content .article { width: 275px; min-height: 180px; float: left; margin: 0 10px 20px 0; clear: none; }
	#certificates #content .image { float: left; margin: 0 15px 20px 0; }
	#certificates #content .info { float: left; width: 150px; }
	#certificates #content .info p { margin: 0 0 10px 0; line-height: 1.5; font-size: 11px; }
	
/** COMPOSITION PAGE **/
	#composition tr.row_odd, #specifications tr.row_odd, #recipes tr.row_odd { background-color: #fef3c2; }
	
/** CONTRACT PACKING **/
	#contractpacking .cp-img { width: 498px; height: 301px; background: url(images/cp-image-frame.png) no-repeat left top; padding: 1px 0 0 33px; margin-bottom: 30px; }
	
/** CONTACT PAGE **/
	#contact #page { padding-bottom: 100px; }
	#contact-details, #contact-form { margin-left: 40px; }
	#contact-form .form_label { font-weight: bold; width: 120px; float: left; clear: left; }
	#contact-form .form_object { width: 300px; float: left; margin-bottom: 10px; }
	#contact-form .form_object input, #contact-form .form_object textarea { width: 284px; border: 1px solid #58585a; background-color: #fdf4ce; padding: 1px 2px; font-size: 12px; }
	#contact-form .form_object textarea { height: 90px; }
	#contact-form .field-submit { clear: both; padding-left: 120px; }
	#contact-form .field-submit input { border: 1px solid #58585a; padding: 1px 5px 0px; background-color: #fce897; color: #58585a; }
	
/** CRYSTALLISED HONEY PAGE **/
	#crystallisedhoney div.article { width: 570px; }
	
/** COMPANY PROFILE **/
	#companyprofile #page { padding-bottom: 60px; }
	#profile-image { width: 424px; height: 207px; background: url(images/profile-image-frame.png) no-repeat left top; padding: 1px 0 0 31px; margin: 0 0 20px -30px; }
	#companyprofile .text, #disclaimer .text, #statement .text { width: 570px; }
	
/** NEWS PAGE **/
	#news #archive { width: 150px; float: left; }
	#news #archive li { list-style: none; margin-left: 10px; }
	#news #news-items { width: 470px; float: left; }
	#news .news-item { margin-bottom: 10px; border-bottom: 1px solid #9c937c; padding-bottom: 5px; }
	#news #news-items .date { font-weight: bold; }
	#news #news-items .title { font-weight: bold; font-size: 16px; }
	#news .news-item .icon { width: 50px; float: left; }
	#news .news-item .pdf { height: 60px; }
	#news .news-item .pdf .title { width: 400px; margin: 0; float: left; }
	
/** RECIPES PAGE **/
	#recipes #archive { width: 190px; float: left; margin-right: 25px; }
	#recipes #archive ul { min-height: 400px; }
	#recipes #archive li { list-style: disc; list-style-position: outside; margin: 10px 0 0 15px; }
	#recipes #archive li a { line-height: 0.85em; vertical-align: middle; }
	#recipes #archive li a.on { font-weight: bold; }
	#recipes #recipe-items { width: 435px; float: left; }
	#recipes h3 { font-size: 18px; }
		
/** LINKS PAGE **/
	#links .link { margin: 0 0 15px 150px; }
	#links .link .title { font-weight: bold; font-size: 16px; }
	
/** FACTS PAGE **/
	#facts #archive { width: 150px; float: left; }
	#facts #archive li { list-style: none; margin-left: 10px; }
	#facts #fact-items { width: 470px; float: left; }
	#facts .fact-item { margin-bottom: 20px; }
	#facts .date { font-weight: bold; font-size: 90%; }
	#facts .title { font-weight: bold; font-size: 16px; }
	
	#facts #content { margin-left: 40px; }
	#facts #spec { width: 550px; }
	
/** DISCLAIMER PAGE **/
	#disclaimer #page { padding-bottom: 150px; }
	
/** SUBSCRIBE PAGE **/
	#subscribe h1 { line-height: 1.1; margin-bottom: 10px; }
	#subscribe .bloc { width: 500px; }
	#subscribe fieldset { margin-bottom: 20px; }
	#subscribe legend { font-size: 16px; }
	#subscribe input { margin: 3px 3px 0 0; width: 18px; }
	#subscribe input#mail_inscription_ { width: 300px; margin: 0; border: 1px solid #58585A; padding: 2px; }
	#subscribe .spip_bouton input { width: 50px; border: 1px solid #58585a; padding: 1px 5px 0px; background-color: #fce897; color: #58585a; cursor:pointer; }
	#subscribe #modif_button { width: 200px; border: 1px solid #58585a; padding: 1px 5px 0px; background-color: #fce897; color: #58585a; cursor:pointer; }

	
/** HOMEPAGE **/
	html#home-html { background: url(images/bg-home-html.jpg) repeat-y center top; }
	body#home { background: url(images/bg-home.jpg) no-repeat center top; }
	#home #page {  }
	#home #hd { height: 280px; }
	#home #logo { margin: 65px 0 0 203px; }
	#home #nav { width: 700px; margin: 8px 0 0 190px; }
	#home #con { clear: both; padding: 40px 0 0 0; margin-left: 200px; width: 720px; overflow: visible; }
	
		/** Featured Product **/
			#featured { width: 350px; float: left; }
			#featured #fp-image { width: 132px; height: 183px; background: url(images/home-image-frame.png) no-repeat left top; float: left; padding: 1px 0 0 20px; }
			#featured #fp-info { float: left; width: 190px; }
			#featured p.fp-title { font-size: 15px; }
			
		/** Quality Data **/
			#quality { width: 340px; height: 200px; float: left; }
			#quality #qd-image { width: 132px; height: 183px; background: url(images/home-image-frame.png) no-repeat left top; float: left; padding: 1px 0 0 20px; }
			#quality #qd-info { width: 180px; float: left; }
			
		/** Homepage Footer **/
			#home #ft { width: 700px; padding-left: 230px; text-align: left; margin-top: 45px; }