@import url(_reset.css);

body {
	background: #f5f4f2 url('../images/bg-body.gif') repeat-x;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #656564;
	text-transform: normal;
	letter-spacing: normal;
}

p {
	font-size: 12px;
	line-height: 20px;
	color: #656564;
	margin: 0 0 15px 0;
	padding: 0;
}

small {
	font-size: 12px;
	line-height: 18px;
}

a {
	color: #9f8b56;
	text-decoration: none;
}
a:hover {
	color: #86691d !important;
	text-decoration: underline;
	border: none !important;
}
a:focus {
	text-decoration: none !important;
	border: none !important;
	outline: none !important;
}

strong {
	font-weight: bold;
}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 38px;
	text-transform: normal;
	letter-spacing: normal;
	color: #706c63;
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 32px;
	text-transform: normal;
	letter-spacing: normal;
	color: #765a05;
	margin: 0 0 25px 0;
	padding: 0;
}
h3 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	text-transform: normal;
	letter-spacing: normal;
	color: #4c4c4c;
	margin: 0 0 20px 0;
	padding: 0;
}
h4 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-transform: normal;
	letter-spacing: normal;
	color: #5c574b;
	margin: 0 0 8px 0;
	padding: 0;
}
h5 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-transform: normal;
	letter-spacing: normal;
	color: #765a05;
	margin: 0 0 6px 0;
	padding: 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clearer {
	clear: both;
	margin: 0;
	padding: 0;
}


/* HEADER */

#headerBg {
	background: #fdfcfa url('../images/bg-header.gif') no-repeat center top;
	height: 111px;
}
#header {
	width: 920px;
	height: 111px;
	position: relative;
	margin: 0px auto;
	padding: 0;
}
#header #logo {
	background: url("../images/logo-aromatica_head.png") no-repeat;
	width: 251px;
	height: 66px;
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	margin: 0;
	padding: 0;
}
#header #logo a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}


/* HEADER MENU */

#header ul#menu {
	list-style: none;
	width: 475px;
	height: 90px;
	display: block;
	position: absolute;
	top: 21px;
	right: 0;
	margin: 0;
	padding: 0;
}
#header ul#menu  li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
#header ul#menu li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
#header ul#menu li.home {
	background: url('../images/btn-menu_sprite.png') no-repeat 0px 0px;
	width: 71px;
	height: 90px;
}
#header ul#menu li.azienda {
	background: url('../images/btn-menu_sprite.png') no-repeat -71px 0px;
	width: 99px;
	height: 90px;
}
#header ul#menu li.prodotti {
	background: url('../images/btn-menu_sprite.png') no-repeat -170px 0px;
	width: 98px;
	height: 90px;
}
#header ul#menu li.certificazioni {
	background: url('../images/btn-menu_sprite.png') no-repeat -268px 0px;
	width: 132px;
	height: 90px;
}
#header ul#menu li.clienti {
	background: url('../images/btn-menu_sprite.png') no-repeat -400px 0px;
	width: 75px;
	height: 90px;
}
#header ul#menu li.home:hover {
	background: url('../images/btn-menu_sprite.png') no-repeat 0px -90px;
	width: 71px;
	height: 90px;
}
#header ul#menu li.azienda:hover {
	background: url('../images/btn-menu_sprite.png') no-repeat -71px -90px;
	width: 99px;
	height: 90px;
}
#header ul#menu li.prodotti:hover {
	background: url('../images/btn-menu_sprite.png') no-repeat -170px -90px;
	width: 98px;
	height: 90px;
}
#header ul#menu li.certificazioni:hover {
	background: url('../images/btn-menu_sprite.png') no-repeat -268px -90px;
	width: 132px;
	height: 90px;
}
#header ul#menu li.clienti:hover {
	background: url('../images/btn-menu_sprite.png') no-repeat -400px -90px;
	width: 75px;
	height: 90px;
}
#header ul#menu li.home.active {
	background: url('../images/btn-menu_sprite.png') no-repeat 0px -180px;
	width: 71px;
	height: 90px;
}
#header ul#menu li.azienda.active {
	background: url('../images/btn-menu_sprite.png') no-repeat -71px -180px;
	width: 99px;
	height: 90px;
}
#header ul#menu li.prodotti.active {
	background: url('../images/btn-menu_sprite.png') no-repeat -170px -180px;
	width: 98px;
	height: 90px;
}
#header ul#menu li.certificazioni.active {
	background: url('../images/btn-menu_sprite.png') no-repeat -268px -180px;
	width: 132px;
	height: 90px;
}
#header ul#menu li.clienti.active {
	background: url('../images/btn-menu_sprite.png') no-repeat -400px -180px;
	width: 75px;
	height: 90px;
}


/* HEADER MENU DROPDOWN */

#header ul#menu li .sub {
	background: url('../images/bg-menu_drop.png') repeat-x;
	width: 234px;
	height: 293px;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	position: absolute;
	top: 70px; 
	left: 13px;
	z-index: 99999;
	padding: 11px 7px 1px 7px;
}
#header ul#menu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}
#header ul#menu .sub ul li {
	width: 100%; /*--Override parent list item--*/
}
#header ul#menu .sub ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
#header ul#menu .sub ul li.zaffy {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px 0px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.aro1 {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -42px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.aro2 {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -84px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.fatto {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -126px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.vapore {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -168px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.vaso {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -210px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.disi {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -252px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.zaffy:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -293px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.aro1:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -335px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.aro2:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -377px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.fatto:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -419px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.vapore:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -461px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.vaso:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -503px;
	width: 234px;
	height: 42px;
}
#header ul#menu .sub ul li.disi:hover {
	background: url('../images/btn-menu_drop_sprite.png') no-repeat 0px -545px;
	width: 234px;
	height: 42px;
}


/* HOME TAGLINE */

#tagline {
	border-bottom: 1px solid #d6d4c9;
	width: 920px;
	height: 65px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 21px;
}
#tagline h1 {
	background: url('../images/bg-tagline.gif') no-repeat;
	width: 874px;
	height: 33px;
	position: absolute;
	top: 35px;
	left: 22px;
	text-indent: -9999px;
	text-align: center;
}


/* HOME CONTENT */

#homeContent {
	border-top: 1px solid #fcfcfc;
	width: 920px;
	height: 129px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}
#homeContent .box {
	width: 272px;
	height: 129px;
	float: left;
	margin-right: 42px;
	padding: 0;
}
#homeContent .box.last {
	margin: 0;
}
#homeContent .boxEmail {
	width: 292px;
	height: 129px;
	float: left;
	margin-right: 42px;
	padding: 0;
}
#homeContent .boxEmail input {
	background: transparent url('../images/bg_btn-email_form_sprite.gif') no-repeat 0px 0px;
	border: 0;
	font-size: 14px;
	line-height: 20px;
	width: 191px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 5px;
}
#homeContent .boxEmail input:focus {
	background: url('../images/bg_btn-email_form_sprite.gif') no-repeat 0px -30px;
}
#homeContent .boxEmail button {
	background: url('../images/bg_btn-email_form_sprite.gif') no-repeat -210px 0px;
	border: none;
	width: 82px;
	height: 28px;
	float: right;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
#homeContent .boxEmail button:hover {
	background: url('../images/bg_btn-email_form_sprite.gif') no-repeat -210px -30px;
}
#homeContent .boxEmail button span {
	display: none;
}


/* CONTENT */

#content {
	width: 920px;
	margin: 20px auto;
	padding: 0;
}
#content #leftCol {
	background: #f5f4f2 url('../images/bg-leftCol.gif') no-repeat left top;
	width: 620px;
	float: left;
	margin: 0 0 80px 0;
	padding: 0;
}
#content #leftCol h2 {
	text-indent: -9999px;
}
#content #leftCol h3, #content #leftCol p {
	margin: 0 0 15px 0;
	padding: 0 60px 0 25px;
}
#content #leftCol .titleAzienda, #content #leftCol .titleCertificazioni, #content #leftCol .titleClienti, #content #leftCol .titleCatering, #content #leftCol .titleContatti {
	width: 620px;
	height: 82px;
	margin: 0 0 30px 0;
	padding: 0;
}
#content #leftCol .titleZafferano, #content #leftCol .titleDisidratati, #content #leftCol .titleFatto, #content #leftCol .titleEtnico, #content #leftCol .titleEspresso, #content #leftCol .titleVaso, #content #leftCol .titleVerdurePronte {
	width: 620px;
	height: 82px;
	margin: 0 0 30px 0;
	padding: 0;
}
#content #leftCol .titleAzienda {
	background: url('../images/title-azienda.gif') no-repeat;
}
#content #leftCol .titleCertificazioni {
	background: url('../images/title-certificazioni.gif') no-repeat;
}
#content #leftCol .titleClienti {
	background: url('../images/title-clienti.gif') no-repeat;
}
#content #leftCol .titleCatering {
	background: url('../images/title-catering.gif') no-repeat;
}
#content #leftCol .titleContatti {
	background: url('../images/title-contatti.gif') no-repeat;
}
#content #leftCol .titleZafferano {
	background: url('../images/title-zafferano.gif') no-repeat;
}
#content #leftCol .titleDisidratati {
	background: url('../images/title-disidratati.gif') no-repeat;
}
#content #leftCol .titleFatto {
	background: url('../images/title-fatto.gif') no-repeat;
}
#content #leftCol .titleEtnico {
	background: url('../images/title-etnico.gif') no-repeat;
}
#content #leftCol .titleEspresso {
	background: url('../images/title-espresso.gif') no-repeat;
}
#content #leftCol .titleVaso {
	background: url('../images/title-vaso.gif') no-repeat;
}
#content #leftCol .titleVerdurePronte {
	background: url('../images/title-verdure_pronte.gif') no-repeat;
}
#content #leftCol .certBox {
	width: 535px;
	margin: 0 0 30px 0;
	padding: 0 60px 0 25px;
}
#content #leftCol .certBox .left {
	width: 100px;
	height: 100px;
	margin: 0 20px 0 0;
	padding: 0;
}
#content #leftCol .certBox .left img {
	border: 2px solid #d7d4c9;
	width: 96px;
	height: 96px;
	margin: 0;
	padding: 0;
}
#content #leftCol .certBox .right {
	width: 415px;
	margin: 0;
	padding: 0;
}
#content #leftCol .certBox .right p {
	margin: 0;
	padding: 0;
}
#content #leftCol .certBox .right p.certLinks {
	font-size: 11px;
	margin: 6px 0 0 0;
	padding: 0;
}
#content #leftCol .productBox {
	border-top: 1px solid #e8e7e1;
	width: 535px;
	margin: 0 60px 40px 25px;
	padding: 40px 0 0 0;
}
#content #leftCol .productBox .left {
	width: 145px;
	height: 185px;
	margin: 0 25px 0 0;
	padding: 0;
}
#content #leftCol .productBox .left img {
	width: 145px;
	height: 185px;
	margin: 0;
	padding: 0;
}
#content #leftCol .productBox .right {
	width: 365px;
	margin: 0;
	padding: 0;
}
#content #leftCol .productBox .right h4 {
	margin-bottom: 20px;
}
#content #leftCol .productBox .right h4 span {
	border-bottom: 2px solid #d7b856;
	padding-bottom: 5px;
}
#content #leftCol .productBox .right h4.zafferano span {
	border-bottom: 2px solid #d7b856;
}
#content #leftCol .productBox .right h4.disidratati span {
	border-bottom: 2px solid #93c026;
}
#content #leftCol .productBox .right h4.fatto span {
	border-bottom: 2px solid #e7241e;
}
#content #leftCol .productBox .right h4.etnico span {
	border-bottom: 2px solid #1a1a1a;
}
#content #leftCol .productBox .right h4.espresso span {
	border-bottom: 2px solid #e7241e;
}
#content #leftCol .productBox .right h4.vaso span {
	border-bottom: 2px solid #c09e50;
}
#content #leftCol .productBox .right p {
	margin: 0;
	padding: 0;
}
#content #leftCol .productBox .right ul li {
	margin-top: 15px;
	padding: 0;
}
#content #leftCol form {
	width: 535px;
	margin: 40px 0 0 0;
	padding: 0 60px 0 25px;
}
#content #leftCol form label {
	font-size: 14px;
	color: #4c4c4c;
	margin: 0 0 8px 0;
	padding-left: 5px;
}
#content #leftCol form label.error {
	font-size: 12px;
	color: #be1615;
	margin: 0 0 8px 0;
	padding-left: 10px;
}
#content #leftCol form input {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat 0px 0px;
	border: 0;
	font-size: 14px;
	line-height: 20px;
	width: 321px;
	height: 20px;
	margin: 0;
	padding: 5px;
}
#content #leftCol form input:focus {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat 0px -30px;
}
#content #leftCol form textarea {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat 0px -60px;
	border: 0;
	font-size: 14px;
	line-height: 20px;
	width: 421px;
	height: 130px;
	overflow: hidden;
	margin: 0;
	padding: 5px;
}
#content #leftCol form textarea:focus {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat 0px -200px;
}
#content #leftCol form button {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat -347px 0px;
	border: none;
	width: 83px;
	height: 28px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
#content #leftCol form button:hover {
	background: transparent url('../images/bg_btn-contact_form_sprite.gif') no-repeat -347px -30px;
}
#content #leftCol form button span {
	display: none;
}
#content #rightCol {
	background: #f5f4f2;
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}
#content #rightCol img {
	border-bottom: 10px solid #d6d4c9;
	width: 300px;
	height: 214px;
	margin: 0;
	padding: 0;
}
#content #rightCol .info {
	background: url('../images/bg-info.gif') no-repeat;
	width: 260px;
	margin: 0;
	padding: 20px 20px 60px 20px;
}
#content #rightCol .info blockquote {
	background: url('../images/bg-blockquote_close.gif') no-repeat right bottom;
	font-size: 12px;
	font-style: italic;
	line-height: 22px;
	color: #8f8772;
	margin: 0;
	padding: 0;
}
#content #rightCol .info blockquote:first-letter {
	background: url('../images/bg-blockquote_open.gif') no-repeat left top;
	padding-left: 22px;
}
#content #rightCol .info p {
	font-size: 12px;
	line-height: 22px;
	color: #8f8772;
	margin: 0 0 15px 0;
	padding: 0;
}
#content #rightCol .info p.autor {
	font-size: 12px;
	font-style: italic;
	line-height: 20px;
	color: #b7ad93;
	margin: 15px 0 30px 0;
	padding: 0;
}
#content #rightCol .info ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
#content #rightCol .info ul li {
	color: #8f8772;
	margin-bottom: 16px;
	padding-left: 18px;
}
#content #rightCol .info ul li.zafferano {
	background: url('../images/icon-zafferano.gif') no-repeat left;
}
#content #rightCol .info ul li.disidratati {
	background: url('../images/icon-disidratati.gif') no-repeat left;
}
#content #rightCol .info ul li.fatto {
	background: url('../images/icon-fatto.gif') no-repeat left 3px;
}
#content #rightCol .info ul li.etnico {
	background: url('../images/icon-etnico.gif') no-repeat left 3px;
}
#content #rightCol .info ul li.espresso {
	background: url('../images/icon-espresso.gif') no-repeat left 3px;
}
#content #rightCol .info ul li.vaso {
	background: url('../images/icon-vaso.gif') no-repeat left 3px;
}


/* FOOTER */

#footer {
	background: #5c574b url('../images/bg-footer.gif') repeat-x;
	height: 110px;
	margin-top: 10px;
	padding: 0;
}
#footerContent {
	width: 920px;
	margin: 0;
	margin: 0 auto;
	padding-top: 20px;
}
#footerContent .right {
	text-align: right;
}
#footerContent p {
	font-size: 11px;
	color: #b7b6b2;
	margin-bottom: 4px;
	padding: 0;
}
#footerContent p span {
	color: #9c978a;
}
#footerContent p a {
	color: #b59f57;
	text-decoration: none;
}
#footerContent p a:hover {
	color: #9e8c4f !important;
	text-decoration: underline;
}