/****************************************************************************
                                                                          
		Global                                                     
                                                                         
****************************************************************************/

body {
	font-size: 70%;
	color: #222;
	font-family: "Lucida Grande", Arial, sans-serif;
	}

div.quarter, div.quarter p {
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 2.0em;
	color:#444444;
	}
	
#mini-galleries .quarter p, #callout .quarter p {line-height: 1.4em;color: #888889;}

#logo {margin: 40px auto;}

#logo img {width: 168px;height: 35px;padding-left: 100px;}

/*------------------------------ Grid ------------------------------------*/

#container {
	width: 800px;
	margin: 0 100px;
	}
	
div.quarter, div.half, div.threequart, div.full {float:left;margin-right: 20px;}
div.last {margin-right:0;}
.quarter  { width: 330px;}
.threequart  { width: 700px;}
.full, div.full { width: 940px; margin: 0;}

/*------------------------------ Misc ------------------------------------*/

.quarter .country, #people .person, .post {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}

/****************************************************************************
                                                                          
		Hidden DIVs                                                     
                                                                         
****************************************************************************/

#mainNav, #sidebar, #footerNav, #callout, #form, #banner {display: none;}

/****************************************************************************
                                                                          
		Homepage                                                     
                                                                         
****************************************************************************/
#mini-galleries {float: left;}

#quarter-gallery.quarter #mini-galleries .quarter, #callout .quarter {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	}
#quarter-gallery.quarter #mini-galleries .last-mini-gal {
	border:none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	}

#quarter-gallery #mini-galleries .quarter img, #callout .quarter img {
	float:left;
	background-image:url(../images/global/cla_th_background.gif);
	width: 64px;
	height: 63px;
	padding: 4px;
	}
	
#quarter-gallery #mini-galleries .quarter p {float: left;width: 138px;height: 75px;margin: 0 10px 10px 0;}

#callout .quarter p {float: left;width: 138px;height: 75px;margin: 0 10px 0 0;}

#mini-galleries {margin-top: 20px;}

div.heading {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 220px;
	}
	
img.illustr-big {margin: 0 0 40px;}
 
/****************************************************************************
                                                                          
		Inside Pages                                                     
                                                                         
****************************************************************************/

#banner {margin-bottom: 40px;}

.half #content {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0 -20px;
	}



/****************************************************************************
                                                                          
		Blog                                                     
                                                                         
****************************************************************************/
#all_posts {margin: 20px 0;}
	
.mini-post {
	margin-bottom: 5px;
	padding-bottom: 5px;
	}

/****************************************************************************
                                                                          
		Suppliers                                                     
                                                                         
****************************************************************************/
	
.quarter .last {border: none;}
	
.quarter .country .region {
	margin-bottom: 10px;
	padding-bottom: 10px;}
	
/****************************************************************************
                                                                          
		 People                                                    
                                                                         
****************************************************************************/
#people .person {width: 700px;}
#people .person.last {border: none;}
#people .person p {width: 580px;float: left;line-height: 1.6em;padding-right: 20px;}
#people .person .description img {float: left;}

/****************************************************************************
                                                                          
		Headings                                                     
                                                                         
****************************************************************************/

	
h1, h2, h3, h4, h5, h6 {color:#333333;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h1 {
	font-size: 2.0em;
	font-family: Georgia, serif;
	font-weight: normal;
	line-height: 2.0em;
	}

h2 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
	}
	
h3 {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	}

h4 {
	font-size: 1.1em;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	color: #888889;
	}	
	
h5 {
	font-size: 1.05em;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	color: #888889;
	}	

/****************************************************************************
                                                                          
		Paragraphs                                                     
                                                                         
****************************************************************************/

p {
	font-size: 1.1em;
	color: #222222;
	line-height: 2.0em;
	}
	
p b {
	font-size: 1.0em;
	font-family: Georgia, serif;
	font-weight: bold;
	line-height: 1.5em
}

p.side {
	color: #888889;
}

p.heading {
	font-size: 1.4em;
	line-height: 1.8em;
	color: #333333;
	margin-bottom: 20px;
	}	

p.news {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 12px;
	}	
	
p.date {
	font-size: 0.9em;
	color: #A9AC94;
}

span.buttontxt {
	font-family: Georgia, serif;
	font-size: 1.1em;
	color: #888888;
	font-style: italic;
	line-height: 2.5em;
	margin-left: 28px;
}

#content p {margin-bottom: 10px;}

/****************************************************************************
                                                                          
		Links                                                     
                                                                         
****************************************************************************/


a.em {
	font-size: 1.0em;
	font-style: italic;
	color: #888888;
	font-family: Georgia, serif;
	text-decoration: none;
	}
a:hover.em {color: #222222;}

.post a.em {padding: 10px 0 0;font-size: 1.1em;}

a.em2 {
	font-size: 1.1em;
	font-style: italic;
	color: #888888;
	font-family: Georgia, serif;
	text-decoration: none;
	}
a:hover.em2 {color: #222222;}

b.unbold {
	font-weight: normal;
}	
	
u {
	font-size: 0.9em;
	color: #888889;
	text-decoration: none;
}

/****************************************************************************
                                                                          
		Lists                                                     
                                                                         
****************************************************************************/

ul.arrows {margin: 10px 0;}

#form ul.arrows {margin: -30px 0 0;font-size: 1.05em;}

ul.arrows li {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, serif;
	text-decoration: none;
	padding: 0 0 5px 15px;
	background: url(../images/global/cla_arrow.gif) no-repeat 0 5px;
	border-bottom: 1px solid #E0E0E0;
	}

ul.arrows li.last {border: none;margin-top: 3px;}

ul.arrows li a {text-decoration: none;color: #888888;}
ul.arrows li a:hover {color: #222222;}

ul.subnav {border-top: 1px solid #E0E0E0;}

.aboutNav ul.subnav, .supplierNav ul.subnav, .productsNav ul.subnav {padding:20px 0;}

/****************************************************************************
                                                                          
	Blog	                                                     
                                                                         
****************************************************************************/
.postnews_home {margin-top:36px;}
.post {font-family: "Lucida Grande", Arial, sans-serif;}

.postnews_home .mini-post .post-date, .post .post-date {color: #A9AC94;}
.postnews_home .mini-post .post-title, .post .post-title {font-family: Georgia, serif;font-weight: bold;font-size: 1.1em;line-height: 1.1em;}

/****************************************************************************
                                                                          
		Form                                                     
                                                                         
****************************************************************************/

#form h3, #form h2 {margin: 5px 0 10px;}

#preload {display: none;}

/****************************************************************************
                                                                          
		Inventory                                                     
                                                                         
****************************************************************************/

#product-catalogue {width: 700px;}

#product-catalogue td {height: 25px;vertical-align: top;}

#product-catalogue td.product {width:220px;}
#product-catalogue td.varietal {width:110px;}
#product-catalogue td.vintage, td.case, td.size, td.price {width:55px;}

h2.country.first {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0 0;
	padding-top: 20px;
	}
	
h2.country {
	border-top: 1px solid #E0E0E0;
	margin: 20px 0 0;
	padding-top: 20px;
	}
	
span.region {color: #A9AC94;float: left;margin: 20px 0 0;}

#product-catalogue h3 {margin: 5px 0;}