ul,ol { list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: normal; }
hr,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input { margin: 0; padding: 0; }
fieldset,a img,:link img,:visited img { border: none }
address { font-style: normal }
table,td,th,tr { padding: 0;margin: 0;text-align: left;}
body * {font-size: 100%;outline: 0;}



/* [][][][][][][][][] - STRUCTURE - [][][][][][][][][] */


body {
	margin: 0;
	padding: 0;
	background: #d7ce99 url(../imgs/gradient.jpg) repeat-x;
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	line-height: 1.45;
}


.wrapper {
	width: 950px;
	margin: 20px auto;
	font-size: .9em;
}

a {
	color: #fff;
	text-decoration: underline;
}

.clearfix { clear: both }

h4 {
	text-transform: uppercase;
	font-size: 88%;
	font-weight: bold;
}

/* [][][][][][][][][] - HEADER - [][][][][][][][][] */



#header {
	background: url(../imgs/bg2.jpg) no-repeat;
	padding: 30px 40px 50px 390px;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
}

.wrapper p {
	margin: .6em 0;
}

#header h2 {
	margin-left: -390px;
	font-size: 57px;
	font-variant: small-caps;
	border: 1px solid #585858;
	border-left: 0;
	display: inline;
	padding: 5px 25px 5px 15px;
	width: 950px;
	white-space: nowrap;
	letter-spacing: 1px;
}

#header h1 {
	color: white;
	margin: 30px 0 0 82px;
	padding: 10px 0 15px 0;
	height: 98px;
	width: 290px;
	background: url(../imgs/nobilis_logo.png) no-repeat 0 0;
	overflow: hidden;
}

* html #header h1 {
	background: none;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='../imgs/nobilis_logo.png', sizingmethod='crop'); 
}

#header h1 span {
	text-indent: -3000px;
	display: block;
}

#header p {
	font-size: 95%;
}




/* [][][][][][][][][] - CATALOG - [][][][][][][][][] */


.main h3 {
	font-size: 40px;
	font-variant: small-caps;
	color: #000;
	white-space: nowrap;
	letter-spacing: 1px;
	margin: 22px 0;
	text-align: right;
	border: 1px solid #5d5a48;
	border-left: 0;
	padding: 5px 25px 5px 15px;
	position: relative;
	left: -61.5%;
	width: 950px;
}

.main ul.product {
	color: #231f20; 	
}

.main ul.product li {
	background: #e1dcb6;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 15px 325px 15px 120px;
	text-align: center;
	border-bottom: 1px solid #948e6b;
	margin: 27px 0;
	position: relative;
	min-height: 220px;
}

.main ul.product li.wine p {
	padding: 0 33px;
}

* html .main ul.product li {
	height: 210px;
}

	.main ul.product li.wine1 {
		background-image: url(../imgs/wine1.jpg);
		border-right: 12px solid #6f181e;
	}
	
	.main ul.product li.wine2 {
		background-image: url(../imgs/wine2.jpg);
		border-right: 12px solid #45bd94;
	}
	
	
	.main ul.product li.wine3 {
		background-image: url(../imgs/wine3.jpg);
		border-right: 12px solid #0077be;
	}
	
	.main ul.product li.wine4 {
		background-image: url(../imgs/wine4.jpg);
		border-right: 12px solid #6f181e;
	}

	.main ul.product li.wine5 {
		background-image: url(../imgs/wine5.jpg);
		border-right: 12px solid #45bd94;
	}
	
	.main ul.product li.wine6 {
		background-image: url(../imgs/wine6.jpg);
		border-right: 12px solid #0077be;
	}

	.main ul.product li.wine7 {
		background-image: url(../imgs/wine7.jpg);
		border-right: 12px solid #6f181e;
	}
	
	.main ul.product li.wine8 {
		background-image: url(../imgs/wine8.jpg);
		border-right: 12px solid #45bd94;
	}
	



.main ul.product li.oil {
	padding: 15px;
	height: 390px;
	text-align: left;
}

 .main ul.product li.oil img {
	float: left;
	margin-right: 30px;
}

.main ul.product li h4 img {
	margin-bottom: 10px;
}

.main ul.product li.oil1 {
	border-right: 12px solid #000;
}

.main ul.product li img.box {
	position: absolute;
	right: 22px;
	bottom: -22px;
	z-index: 555;
}

* html .main ul.product li img.box {
	display: none;
}

/* [][][][][][][][][] - TABLES - [][][][][][][][][] */


ul table {
	border: 1px solid #d7ce99;
	border-bottom: 2px solid #d7ce99;
	border-right: 2px solid #d7ce99;
	border-collapse: collapse;
	font-size: 80%;
	font-family: helvetica, sans serif;
	width: 310px;
	background: #f6f4e3;
}

.wine table {
	float: right;
	position: relative;
	left: 315px;
	margin-left: -280px;
}

.oil table {
	margin: 25px -5px 0 0;
	float: right;
	width: 383px;
}

* html .oil table {
	margin-right: -3px;
}

ul li table td, ul li table th {
	padding: .3em .5em;
	border-bottom: 1px solid #d7ce99;
}

ul.product table th {
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
   

/* [][][][][][][][][] - CONTACT - [][][][][][][][][] */

.contactwrapper {
	background: #ada471 url(../imgs/gradient2.jpg) repeat-x bottom left;
	padding-bottom: 3em;
	border-bottom: 1px solid #7b744a;
	border-top: 2px solid #dfdbc3;
	overflow: hidden;
	width: 100%;
}

.contact {
	width: 920px;
	padding: 15px;
	margin: 0 auto;
	color: #ebe7d2;	
}

.contactwrapper h2 {
	font-size: 27px;
	color: #fff;
	margin: 0;
	font-variant: small-caps;
	text-align: center;
	border-bottom: 1px solid #d7d0a4;
	padding: 4px 12px;
	margin-bottom: 15px;

	background: #928a59;
}

.contact div.intro {
	width: 300px;
	float: left;
	color: #60592c;
	margin: 12px 0 0 70px;
	padding: 30px 50px 100px 70px;
	text-align: left;
	line-height: 1.2;
}

.contact div.intro h4 {
	margin-bottom: .2em;
}

.contact div.invitation h4 {
	line-height: 1.2;
	text-transform: none;
	font-weight: normal;
	font-size: 17px;
	color: #333;
	margin: 0;
}

.contact div.invitation p {
	font-size: 14px;
	margin: 0
}

.contact div.invitation p.button {
	text-align: right;
	padding: 12px 0 0 0;
}

.contact div.invitation p.button a {
	text-decoration: none;
	background: #928A59;
	color: #fff;
	padding: 3px 4px;
	border: 2px outset #928A59;
	
}

div.intro p {
	margin-bottom: 1.6em;
}
div.intro p a {
	color: #eae4c3;
}

div.intro p a:hover {
	color: #fff;
}

form {
	float: right;
	width: 400px;
	text-align: right;
	padding: 15px;
}

.contactwrapper .intro {
	position: relative;
}

.contact h3 {
	font-size: 21px;
	margin: .4em 0 0 0;
	font-variant: small-caps;
	text-align: left;
	white-space: nowrap;
	padding: 4px 8px 4px 4700px;
	left: -4703px;
	position: absolute;
	border: 1px solid #d7d0a4;
	margin-bottom: 15px;
	background: #c3bc8f;
}

.contact div#hdr {
	position: relative;
	padding-bottom: 70px;
}

.contact table {
	width: 100%;
	margin: 1em 0 0 0;
	text-align: left;
}

.contact table th {
	text-align: right;
	padding: .3em .5em;
	border-top: 1px solid #d7d0a4;
	border-bottom: 1px solid #968d57;
	font-weight: normal;
	font-size: 95%;
	color: #e8e4cb;
	white-space: nowrap;
}

.contact table td {
	padding: .3em .5em;
	border-bottom: 1px solid #968d57;
	border-top: 1px solid #d7d0a4;
}

.contact table tr.first th, .contact table tr.first td {
	border-top: 0 !important;
}

.contact table tr.last th, .contact table tr.last td {
	border-bottom: 0 !important;
}


form input, form textarea {
	background: #f7f4e6;
	border-width: 1px;
	padding: .1em;
	font-size: 110%;
	font-family: Georgia;
}

form #submit {
	background: none;
	color: #ebe7d2;
	border: 1px solid #a0986e;
	padding: 3px 12px;
	margin: 15px 0 0 1px;
}

form #submit:hover {
	cursor: pointer;
	background: #676037;
	color: #fff;
	margin-top: 14px;
	margin-left: 0;
	border-top-width: 2px;
	border-left-width: 2px;
	border-color: #3c3714;
	border-bottom: 1px solid #dfd9b4;
	border-right: 1px solid #dfd9b4;
}


/* [][][][][][][][][] - FOOTER - [][][][][][][][][] */



.copyright {
	text-align: right;
	padding: 0 20px 0 0;
	color: #60592c;
	font-size: 80%;
	margin-bottom: -40px;
}