/* @override http://trade.cambriawines.com/css/global.css */

/*
	Cascading Style Sheet for Cambria
	
	Author: Aaron Clinger (aaron@aaronclinger.com)
	Version: 06/19/2008
	
	Hiearchy:
			Global Styles
			
			Global Layout
				Site border/frame/outline
				Wrapper & Centered Content
				Logo
				Frame
				Viewport - content window
				Video Overlay
				Main Nav
				Sub Nav - top right link list
				Footer
			
			Base Section Layout
				Section Side Nav
				Section Side Content Container
				Common Section Styles
			
			Section Templates
				Buy Wine
				Text Image Columns
					Video Teaser
				Calendar
				Contact
				Gallery Full
				Copy with Gallery
				Mailing List
				Wine Varietal
			
			CSS Utilities
				Hide
				Clear fix
*/
/*------------------------------------------------------------------
	Global Styles
--------------------------------------------------------------------*/
html {
	background:			#260e03 url(../images/bg.gif) repeat-x left top;
	font:				62.5% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

table {
	font-size: 1em;
}


table#tableNew tbody tr th,
table#tableNew tbody tr td.acclaimsource,
table#tableNew tbody tr td.acclaimboldcomments,
table#tableNew tbody tr td.acclaimdate,
table#tableNew tbody tr td.acclaimreviewer,
table#tableNew tbody tr td.acclaimcomments,
table#tableNew tbody tr td.wineList,
table#tableNew tbody tr td a.presslink,
span.awardname,
span.awardcompetition {
	font-size:1.3em;
}

a {
	text-decoration:	none;
	color: #803700;
}

a.call-out {
	text-transform:		lowercase;
	height:				26px;
	display:			block;
	color:				#803700;
	padding-right:		31px;
	font:				1.1em Verdana, sans-serif;
	background: 		transparent url(../images/call-out-link-right-cap.gif) no-repeat right top;
	float:				left;
	margin-bottom:		13px;
}
a.call-out span {
	padding-left:		12px;
	line-height:		26px;
	display:			block;
	background: 		transparent url(../images/call-out-link-shaft.gif) no-repeat left top;
}

/*------------------------------------------------------------------
	Global Layout
--------------------------------------------------------------------*/
/* Site border/frame/outline
--------------------------------------------------*/
div#wrapper span#top,
div#wrapper span#left,
div#wrapper span#right,
div#wrapper span#bottom {
	position:			fixed;
	background:			#260e03;
	display:			block;
}
div#wrapper span#left,
div#wrapper span#right,
div#wrapper span#bottom {
	bottom: 			0;
}
div#wrapper span#top,
div#wrapper span#left,
div#wrapper span#right {
	top:				0;
}
div#wrapper span#left,
div#wrapper span#right {
	width: 				10px;
}
div#wrapper span#top,
div#wrapper span#left,
div#wrapper span#bottom {
	left:				0;
}
div#wrapper span#top,
div#wrapper span#right,
div#wrapper span#bottom {
	right:				0;
}
div#wrapper span#top,
div#wrapper span#bottom {
	height:				10px;
}

/* Wrapper & Centered Content
--------------------------------------------------*/
div#wrapper {
	margin:				10px 10px 10px 10px;
}
div#wrapper div#content {
	margin:				0 auto;
	position:			relative;
	width:				977px;
}
/* Logo
--------------------------------------------------*/
div#content div#logo {
	position:			relative;
	margin:				0 auto -9px auto;
	width:				256px;
	height:				108px;
	display:			block;
}
div#content div#logo h1 {
	display:			block;
	width:				217px;
	height:				79px;
	padding:			29px 0 0 39px;
	background:			url(../images/logo.gif) no-repeat left top;
}
div#content div#logo h1 a {
	display:			block;
	width:				178px;
	height:				51px;
	text-indent:		-9999px;
}
/* Frame
--------------------------------------------------*/
div#frame {
	margin:				0 0 40px 0;
	height:				466px;
	display:			block;
	background:			transparent url(../images/frame.gif) no-repeat left top;
}
/* Viewport - content window
--------------------------------------------------*/
div#frame div#viewport {
	position:			absolute;
	left:				38px;
	top:				130px;
	width:				900px;
	height:				366px;
	/*overflow:			hidden;*/
	background:			url(../images/section-content-bg.jpg) no-repeat left top;
	/*background:			#E7DB8F url(../images/section-content-bg.jpg) no-repeat left top;*/
}
div#frame div#viewport div#viewportWrapper {
	width:				900px;
	height:				366px;
	margin:				0px;
}
/* Video Overlay
--------------------------------------------------*/
div#videoOverlay {
	position:			absolute;
	left:				38px;
	top:				130px;
	width:				900px;
	height:				366px;
	background:			transparent url(../images/video-overlay-bg.png) repeat left top;
}
div#videoOverlay a {
	display:			block;
	width:				640px;
	height:				336px;
	color:				#F28D1E;
	padding:			15px;
	font:				1.2em Helvetica, Arial, sans-serif;
	text-align:			right;
}
div#videoOverlay div#qtVideo {
	position:			absolute;
	left:				210px;
	top:				50px;
}
/* Main Nav
--------------------------------------------------*/
ul#nav {
	position:			absolute;
	top:				519px;
	left:				267px;
	width:				445px;
	height:				33px;
	padding:			0px 0 0 0;
	list-style:			none;
}
ul#nav li {
	float:				left;
	margin-right:		6px;
	text-align:			center;
}
ul#nav li a {
	display:			block;
}
ul#nav li a span {
	display: 			none;
}
ul#nav li a:hover {
	color:				#EFEBD8;
}
ul#nav li.active a {
	color:				#FFF;
}
ul#nav li.separator {
	line-height:		2.3em;
	color:				#F28D1E;
	width:				6px;
}

ul#nav li.explore a {
	width:				85px;
	height: 			21px;
	background-image:	url(../images/nav_explore.gif);
	background-position:0 0;
}

ul#nav li.wines a {
	width:				68px;
	height: 			21px;
	background-image:	url(../images/nav_wines.gif);
	background-position:0 0;
}

ul#nav li.club a {
	width:				57px;
	height: 			21px;
	background-image:	url(../images/nav_club.gif);
	background-position:0 0;
}

ul#nav li.news a {
	width:				60px;
	height: 			21px;
	background-image:	url(../images/nav_news.gif);
	background-position:0 0;
}

ul#nav li.contact a {
	width:				91px;
	height: 			21px;
	background-image:	url(../images/nav_contact.gif);
	background-position:0 0;
}

ul#nav li.buy-wine a {
	width:				48px;
	height: 			21px;
	background-image:	url(../images/nav_buy.gif);
	background-position:0 0;
}

ul#nav li.explore a:hover, 
ul#nav li.wines a:hover, 
ul#nav li.club a:hover, 
ul#nav li.news a:hover, 
ul#nav li.contact a:hover, 
ul#nav li.buy-wine a:hover,
ul#nav.explore li.explore a,
ul#nav.wines li.wines a,
ul#nav.club li.club a,
ul#nav.news li.news a,
ul#nav.contact li.contact a,
ul#nav.buy-wine li.buy-wine a {
	background-position:0 21px;
}


/* Sub Nav - top right link list
--------------------------------------------------*/
ul#sub-nav {
	position:			absolute;
	right:				17px;
	top:				91px;
	margin:				0;
	padding:			0;
	list-style:			none;
}
ul#sub-nav li.separator {
	color:				#af6620;
}
ul#sub-nav li {
	float:				left;
	margin-left:		4px;
}
ul#sub-nav li a {
	font-size:			0.9em;
	line-height:		1em;
	color:				#af6620;
	text-transform:		uppercase;
}
ul#sub-nav li.active a,
ul#sub-nav li a:hover {
	color:				#f6f5e8;
}
/* Footer
--------------------------------------------------*/

div#footer2 {
	text-align:			center;
	color:				#945518;
	font-weight:		bold;
	margin-right:		6px;
	font-size:			0.9em;
}

ul#footer {
	text-align:			center;
	list-style:			none;
}
ul#footer span {
	display:			table;
	margin:				0 auto;
}
ul#footer span li {
	color:				#945518;
	float:				left;
	font-weight:		bold;
	margin-right:		6px;
	font-size:			0.9em;
}
ul#footer li a,
ul#footer li.separator {
	font-weight:		normal;
}
ul#footer li a {
	color:				#945518;
	text-decoration:	underline;
}

/*------------------------------------------------------------------
	Base Section Layout
--------------------------------------------------------------------*/
div#viewport div.section {
	font-family:		"Times New Roman", Georgia, serif;
	float:				left;
	/*width:				900px;*/
	width:				870px;
	height:				346px;
	margin: 10px;
	overflow:			auto;
}
/* Section Side Nav
--------------------------------------------------*/
div#viewport div.section dl.section-nav {
	float:				left;
	padding-top:		1px;
	width:				187px;
	height:				366px;
	background:			#220e03 url(../images/side-nav-bg.jpg) no-repeat left top;
}
div#viewport div.section dl.section-nav a {
	font:				1.2em Helvetica, Arial, sans-serif;
	display:			block;
}
div#viewport div.section dl.section-nav dt,
div#viewport div.section dl.section-nav dd {
	padding-left:		18px;
}
div#viewport div.section dl.section-nav dt a {
	line-height:		2.584em;
	text-transform:		uppercase;
	color:				#efeeda
}
div#viewport div.section dl.section-nav dt.active a,
div#viewport div.section dl.section-nav dt a:hover {
	color:				#a5590b;
}
div#viewport div.section dl.section-nav dt.active a {
	background:			transparent url(../images/side-nav-arrow.gif) no-repeat right top;
}
div#viewport div.section dl.section-nav dt.active a.top {
	background-image:	url(../images/side-nav-arrow-top.gif);
}
div#viewport div.section dl.section-nav dd {
	display:			none;
	padding-top:		10px;
	padding-bottom:		10px;
	background:			#EFEBD8 url(../images/side-nav-subsection-bg.jpg) repeat-y left top;
}
div#viewport div.section dl.section-nav dd.show {
	display:			block;
}
div#viewport div.section dl.section-nav dd ul li {
	padding:			4px 0;
}
div#viewport div.section dl.section-nav dd ul li a {
	color:				#808080;
	/*font-size:			1.1em;
	line-height:		1em;*/
}
div#viewport div.section dl.section-nav dd ul li.active a,
div#viewport div.section dl.section-nav dd ul li a:hover {
	color:				#C65A13;
}
/* Section Side Content Container
--------------------------------------------------*/
div#viewport div.section div.content {
	float:				left;
	overflow:			hidden;
	width:				713px;
	height:				366px;
	background:			#E7DB8F url(../images/section-content-bg.jpg) no-repeat left top;
}
div#viewport div.section div.content div.contentWrapper {
	width:				713px;
	height:				732px;
}
div#viewport div.section div.content div.contentWrapper div.subsection {
	width:				680px;
	height:				366px;
	padding-left:		33px;
	position:			relative;
}
/* Common Section Styles
--------------------------------------------------*/
div.section p {
	clear:				both;
	font-size:			1.3em;
	margin-bottom:		1em;
	color:				#421D00;
}

div.section h2 {
	padding-top:		27px;
	padding-bottom: 	14px;
	font-size:			1.5em;
	color:				#C65A13;
	text-transform:		uppercase;
}
div.section h3 {
	padding-top:		30px;
	font-size:			1.4em;
	margin-bottom:		0.5em;
	color:				#C65A13;
}

div.section h4 {
	font-size: 			1.3em;
	margin-top:		0.5em;
	font-weight: 		bold;
}

div.section a {
	font-size:			1.0em;
	color:				#803700;
}

#viewportWrapper div.section.home ul {
	font-size:			1.3em;
	
}

div.section div.hr-alt,
div.section div.hr {
	display:			block;
	height:				2px;
}
div.section div.hr-alt {
	height:				4px;
	background:			transparent url(../images/hr-alt.gif) repeat-x left top;
}
div.section div.hr-alt hr,
div.section div.hr hr {
	display:			none;
}

/* Acclaim Form
--------------------------------------------------*/
form#acclaim p {
	clear:				both;
	font-size:			1.3em;
	color:				#421D00;
}

form#acclaim ol li {
	clear:				both;
	font-size:			1.3em;
	color:				#421D00;
}

form#acclaim ol li ol li {
	clear:				both;
	font-size:			1.0em;
	color:				#421D00;
}

/*------------------------------------------------------------------
	Section Templates
--------------------------------------------------------------------*/
/* Buy Wine
--------------------------------------------------*/
div#viewport div.buy-wine {
	padding-left:		10px;
	width:				890px;
	background:			#3F1F15 url(../images/buy-wine-bg.jpg) no-repeat left top;
}
div#viewport div.buy-wine dl {
	margin-left:		9px;
	width:				200px;
	float:				left;
}
div#viewport div.buy-wine dl dt {
	padding-left:		43px;
	font:				1.8em "Times New Roman", Georgia, serif;
	color:				#C65A13;
	padding-top:		30px;
	margin-bottom:		12px;
}
div#viewport div.buy-wine dl dd ul li {
	margin-bottom:		12px;
}
div#viewport div.buy-wine dl dd ul li a {
	color:				#EFEBD8;
	font:				1.2em Helvetica, Arial, sans-serif;
}
div#viewport div.buy-wine dl dd ul li a span {
	line-height:		16px;
	padding-left:		43px;
	display:			block;
}
div#viewport div.buy-wine dl dd ul li a:hover {
	color:				#F28D1E;
}
div#viewport div.buy-wine dl dd ul li a:hover span {
	background:			transparent url(../images/buy-wine-button.gif) no-repeat left top;
}
/* Text Image Columns
--------------------------------------------------*/
div.section div.textImageColumns div.copy {
	width:				315px;
	float:				left;
}
/* Video Teaser */
div.section div.textImageColumns div.copy div.video {
	position:			relative;
	width:				195px;
	height:				116px;
	padding:			4px 0 0 4px;
	background:			transparent url(../images/video-border.gif) no-repeat left top;
	margin-bottom:		1.3em;
}
div.section div.textImageColumns div.copy div.video span.icon {
	position:			absolute;
	top:				33px;
	left:				73px;
	display:			block;
	width:				52px;
	height:				53px;
}
div.section div.textImageColumns div.copy div.image {
	position:			absolute;
	bottom:				0;
	left: 				20px;
	width:				213px;
	height:				109px;
	padding:			4px 0 0 4px;
	margin-bottom:		1.3em;
}

div.section div.textImageColumns div.image {
	text-align:			right;
	width:				365px;
	float:				left;
}
div#two_columns {
	width:				100%;
}
div#two_columns div#column {
	width:				50%;
	padding:			0;
	float:				left;
}
div#two_columns div#column p {
	margin-bottom:		0;
}
/* Calendar
--------------------------------------------------*/
div.section div.calendar {
	padding-top:		30px;
	height:				336px;
}
/* Contact
--------------------------------------------------*/
div.section div.contact div.copy {
	width:				214px;
	float:				left;
}
div.section div.contact div.copy p {
	font-size:			1.6em;
}
div.section div.contact div.copy p.phone {
	font-size:			1.2em;
	color:				#803700;
	padding-left:		12px;
	background:			transparent url(../images/phone-icon.gif) no-repeat left center;
}
div.section div.contact div.copy dl dt {
	color:				#421D00;
	font-size:			1.4em;
	font-weight:		bold;
	margin-bottom:		7px;
}
div.section div.contact div.copy dl dd {
	background:			transparent url(../images/email-back.gif) no-repeat left center;
	width:				205px;
	height:				31px;
	text-align:			center;
}
div.section div.copy div.email-back span {
	background:			transparent url(../images/email-back.gif) no-repeat left center;
	width:				205px;
	height:				31px;
	text-align:			center;
	font-size:			1.2em;
	line-height:		30px;
	display:			block;
}
div.section div.copy div.email-back {
	margin: 			0 0 25px 0;
}
div.section div.copy div.email-back_tall span {
	padding-top:		10px;
	background:			transparent url(../images/email-back_tall.gif) no-repeat left center;
	width:				205px;
	height:				62px;
	text-align:			center;
	font-size:			1.2em;
	line-height:		25px;
	display:			block;
}
div.section div.copy div.email-back_tall {
	margin: 			0 0 25px 0;
}

div.section div.contact div.copy dl dd a {
	font-size:			1.2em;
	color:				#803700;
	line-height:		30px;
}
div.section div.contact div.map {
	width:				400px;
	height:				300px;
	margin:				30px 0 0 30px;
	float:				left;
	padding:			3px;
	background:			transparent url(../images/map-back.gif) no-repeat left top;
}
/* Gallery Full
--------------------------------------------------*/
div.section div.gallery h2 {
	float:				left;
	margin-bottom:		10px;
	padding-bottom: 	0;
}
div.section div.gallery p {
	margin:				34px 35px 0 0;
	clear:				none;
	float:				right;
	font-size:			1em;
	background:			transparent url(../images/circle-arrow.gif) no-repeat left 5px;
}
div.section div.gallery p a {
	text-transform:		uppercase;
	color:				#803700;
	padding-left:		12px;
}
div.section div.gallery ul {
	clear:				both;
	width:				630px;
	border:				1px solid #A99458;
	padding:			10px 1px 1px 11px;
	background:			transparent url(../images/gallery-bg.png) repeat left top;
}
div.section div.gallery ul li {
	float:				left;
	margin:				0 10px 9px 0;
}
div.section div.gallery ul li a {
	border:				2px solid #FFF;
	display:			block;
	width:				56px;
	height:				56px;
}
div.section div.gallery ul li a img {
	width:				56px;
	height:				56px;
}
/* Copy with Gallery
--------------------------------------------------*/
div.section div.textGalleryColumnsEstate div.image {
	width:				342px;
	float:				left;
}
div.section div.textGalleryColumns div.copy, div.section div.textGalleryColumnsEstate div.copy {
	float:				left;
	width:				422px;
	margin-right:		75px;
}
div.section div.textGalleryColumnsEstate div.copy {
	margin-right:		0;
	width:				338px;
}
div.section div.textGalleryColumnsEstate div.copy p {
	height:				140px;
}
div.section div.textGalleryColumns div.gallery, div.section div.textGalleryColumnsEstate div.gallery {
	float:				left;
}
div.section div.textGalleryColumns div.gallery ul {
	width:				140px;
}

div.section div.textGalleryColumnsEstate div.gallery ul {

	width:				280px;
}
/* Mailing List
--------------------------------------------------*/
div.section div.mailing-list div.copy {
	float:				left;
	width:				195px;
	margin-right:		35px;
}
div.section div.mailing-list form {
	margin-top:			10px;
	float:				left;
	border:				1px solid #B0A667;
	width:				420px;
	height:				310px;
	font-family:		Helvetica, Arial, sans-serif;
}
div.section div.mailing-list form fieldset {
	width:				378px;
	height:				284px;
	background-color:	#EFEBD8;
	margin:				5px;
	padding:			16px 16px 0 16px;
}
div.section div.mailing-list form fieldset dl {
	float:				right;
}
div.section div.mailing-list form fieldset dl.first {
	float:				left;
}
div.section div.mailing-list form fieldset dl dt {
	color:				#A29061;
	text-transform:		uppercase;
	margin-bottom:		8px;
}
div.section div.mailing-list form fieldset dl dd {
	margin-bottom:		24px;
	height:				14px;
}
div.section div.mailing-list form fieldset dl dd input,
div.section div.mailing-list form fieldset dl dd select {
	width:				178px;
	font-size:			1.2em;
}
div.section div.mailing-list form fieldset dl dd input {
	height:				18px;
	line-height:		16px;
	border:				1px solid #7C7C7C;
	border-right-color:	#C3C3C3;
	border-bottom-color:#C3C3C3;
}
div.section div.mailing-list form fieldset p {
	padding-top:		5px;
	clear:				both;
	width:				378px;
	text-align:			right;
}
/* Wine Varietal
--------------------------------------------------*/
div.section div.varietal img.bottle {
	margin:				28px 30px 0 0;
	float:				left;
}
div.section div.varietal div.copy {
	width:				411px;
	float:				left;
}
div.section div.varietal div.copy h2 {
	padding-top:		50px;
	padding-bottom: 	0;
}
div.section div.varietal div.copy h3 {
	padding-top:		0;
	color:				#803700;
	font-family:		Helvetica, Arial, sans-serif;
}

div.subsection div#timelineFlash {
	margin-left:		-33px;
}


/* Table Fixes for Trade
--------------------------------------------------*/



/*------------------------------------------------------------------
	CSS Utilities
--------------------------------------------------------------------*/
/* Hide
--------------------------------------------------*/
.hide {
	display:			none;
}
/* Clear fix - allows wrapping of floats
--------------------------------------------------*/
div.section div.gallery ul:after,
ul#nav:after {
	content:			".";
	display:			block;
	height:				0;
	clear:				both;
	visibility:			hidden;
}
div.section div.gallery ul,
ul#nav {
	display:			inline-block;
}

/* Hides from IE-mac \*/
* html div.section div.gallery ul,
* html ul#nav {
	height:				1%;
}
div.section div.gallery ul,
ul#nav {
	display:			block;
}
/* End hide from IE-mac */