﻿/* RESETS ====================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p 
{
	margin:0;
	padding:0;
}
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img 
{
	border:0 none;
}
address, caption, cite, code, dfn, th, var 
{
	font-style:normal;
	font-weight:normal;
}
p, ol, ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
caption, th 
{
	text-align:left;
}
q:before, q:after 
{
	content:'';
}
abbr, acronym 
{
	border:0 none;
}

/* DEFAULTS ====================== */

body
{
	position: relative;
    background-color: #eae9da;
    font-family: Arial, Helvetica, sans-serif;
    color: #645a50;
    font-weight: normal;
    font-size: 14px;
}
.underline
{
	text-decoration: underline;
}
#BannerWrapperLanding a,
#FooterWrapper a 
{
    color: #fcecc5;
    text-decoration: none;
}
#BannerWrapperMenu a
{
	color: #ffe866;
    text-decoration: none;
}
#BannerWrapperBlog a
{
	color: #fcecc5;	
	text-decoration: none;
}
#BannerWrapperWineclub a
{
	color: #f1eec0;	
	text-decoration: none;
}
#HeaderRight a:hover, #FooterLeft a:hover, #FooterRight a:hover
{
    text-decoration: underline;
}
a 
{
    color: #b1855a;
    text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
#FoodLink, #WineLink, #BeerLink, #SakeLink,
#CoffeeLink, #OtherLink 
{
	/* Make cursor show (Menu) */
	cursor: pointer;
}
#MenuCategory a.active-anchor
{
    text-decoration: underline;
    
}
#MakingLink, #TastingLink, 
#PairingLink, #EtiquetteLink
{
	/* Make cursor show (Blog) */
	cursor: pointer;
}
p
{
	font-size: 12px;	
	padding-bottom: 15px;
}


/* LAYOUT ====================== */

#BannerWrapperLanding
{
	clear: both;
	width: 910px; 
	height: 320px; 
	margin: 0px auto 0px auto;
    padding: 10px 25px 10px 25px;
	background-image: url('../images/bannerLanding.png');
	background-repeat:no-repeat;
	background-position: center left;
	color: #e8bc55;
	background-color: #523820;	
	overflow:hidden;
}
#BannerWrapperMenu
{
	clear: both;
	width: 910px; 
	height: 320px; 
	margin: 0px auto 0px auto;
    padding: 10px 25px 10px 25px;
	background-image: url('../images/bannerMenu.png');
	background-repeat:no-repeat;
	background-position: center left;
	color: #e8bc55;
	background-color: #ad7e2b;	
	overflow:hidden;
}
#BannerWrapperWineclub
{
	clear: both;
	width: 910px; 
	height: 320px; 
	margin: 0px auto 0px auto;
    padding: 10px 25px 10px 25px;
	background-image: url('../images/bannerWineclub.png');
	background-repeat:no-repeat;
	background-position: center left;
	color: #e8bc55;
	background-color: #b79e3c;	
	overflow:hidden;
}
#BannerWrapperBlog
{
	clear: both;
	width: 910px; 
	height: 320px; 
	margin: 0px auto 0px auto;
    padding: 10px 25px 10px 25px;
	background-image: url('../images/bannerBlog.png');
	background-repeat:no-repeat;
	background-position: center left;
	color: #e8bc55;
	background-color: #291b0e;	
	overflow:hidden;
}
#MainWrapper
{
	/* 960px width */
	margin-right: auto;
    margin-left: auto;
    clear: both;
    width: 910px;
    padding: 10px 25px 30px 25px;
    overflow:hidden;
    background-color: #f6f6e6;
    padding-bottom: 30px;
}
#LeftColumn
{
	/* 1/3 width on leftside */
	width: 33%;
	overflow: hidden;
    height: auto; 
    float: left;
    padding-right: 20px;
}
#RightColumn
{
	/* 2/3 width on rightside*/
	width: 62%;
	overflow: hidden;
    height: auto; 
    float: right;
    padding-left: 20px;	 
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e3ded4;
}
.leftSubColumn
{
	/* 1/2 width on leftside */
	float: left;
	clear: left;
	width: 47%;	
	padding-bottom: 10px;
}
.rightSubColumn
{
	/* 1/2 width on rightside */
	float: right;
	clear: right;
	width: 47%;	
	padding-left: 5%;
	padding-bottom: 10px;
}
#FooterWrapper
{  
	clear: both;
    width: 910px;
    margin: 0px auto 0px auto;
    padding: 10px 25px 10px 25px;
    color: #e8bc55;
    background-color: #523820;	
}

/* HEADER & FOOTER ====================== */

#HeaderLeftLanding
{
	float: left;
	background: transparent url('../images/titleLanding.png') no-repeat scroll 0 0;
	cursor: pointer;
	text-indent: -99999px;
	height: 58px;
	width: 381px;
}
#HeaderLeftMenu
{
	float: left;
	background: transparent url('../images/titleMenu.png') no-repeat scroll 0 0;
	cursor: pointer;
	text-indent: -99999px;
	height: 58px;
	width: 381px;
}
#HeaderLeftWineclub
{
	float: left;
	background: transparent url('../images/titleWineclub.png') no-repeat scroll 0 0;
	cursor: pointer;
	text-indent: -99999px;
	height: 58px;
	width: 381px;
}
#HeaderLeftBlog
{
	float: left;
	background: transparent url('../images/titleBlog.png') no-repeat scroll 0 0;
	cursor: pointer;
	text-indent: -99999px;
	height: 58px;
	width: 381px;
}
#HeaderRight
{
	float: right;	
}
#HeaderRight li
{
	float: left; 
	font-size:13px;
	text-align: right;
	font-weight: bold;
	padding-left: 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#FooterLeft
{
	float: left;
}
#FooterRight
{
	float: right;	
}
#FooterLeft li
{
	float: left; 
	font-size:13px;
	text-align: right;
	padding-right: 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#FooterRight li
{
	float: left; 
	font-size:13px;
	text-align: right;
	padding-left: 5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#LandingIntro
{
	float: right;
	width: 50%;
	margin-right: 45px;	
	margin-top: 210px;
	text-align: center;
}
#MenuIntro
{
	float: right;
	width: 50%;
	margin-right: 50px;	
	margin-top: 175px;
	text-align: center;
	color: #ffe866;
}
#WineclubIntro
{
	float: right;
	width: 50%;
	margin-right: 45px;	
	margin-top: 190px;
	text-align: center;
	color: #ffe866;
}
#BlogIntro
{
	float: right;
	width: 50%;
	margin-right: 45px;	
	margin-top: 185px;
	text-align: center;
	color: #ffe866;
}
#IntroHeader
{
	font-weight: bold;	
	font-size: 20px;
}
#IntroDesc ul li
{
	font-size: 15px;
}

#FooterLegal
{
	clear: both;
	text-align: center;
	font-size: 10px;
	padding-top: 20px;
}

/* LANDING ====================== */

#AboutHeader, #HoursHeader, #WineClubHeader,
#HighlightsHeader, #ActivitiesHeader
{
	/* Section Headers */
	border-bottom: solid 1px #e3ded4;
    margin-bottom: 15px;
    font-size: 22px;
}
#CascadeSubHeader, #DeschutesSubHeader, 
#HappyHourSubHeader, #SignupSubHeader,
#HighlightsSubHeader1, #HighlightsSubHeader2, #HighlightsSubHeader3,
#ActivitiesSubHeader, #ReservationsSubHeader
{
	/* Section SubHeaders */
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}
#About, #Hours, #WineClub,
#Highlights, #Activities, #ActivitiesContent
{
	/* Section Content */
	font-size: 12px;
	margin-bottom: 30px;		
}
#Time
{
	/* HOURS */
	text-align: center;	
	font-size: 14px;
	margin-bottom: 15px;
}
#HappyHour, #Newsletter
{
	/* HOURS */
	text-align: center;	
	margin-bottom: 18px;
}
#WineClubContentRight
{
	/* WINE CLUB */
	border-left: dotted 1px #e3ded4;
	height: 70px;
}
#CascadeContent, #DeschutesContent
{
	/* WINE CLUB */
	width: 86%;
	font-size: 12px;
	text-align: right;
}
#Cascade, #Deschutes
{
	/* WINE CLUB */
	float: left;
}
#HighlightsTable td
{
	/* STORE HIGHLIGHTS */
	width: 175px;
	font-size: 12px;
	text-align: left;
	padding-bottom: 15px;
	vertical-align: top;	
}
#Highlights2, #HighlightsPic2
{
	/* STORE HIGHLIGHTS */
	width: 175px;
	padding-left: 20px;
	padding-right: 20px;
}
#Highlights1, #Highlights3,
#HighlightsPic1, #HighlightsPic3
{
	/* STORE HIGHLIGHTS */
	width: 175px;
}
#ActivitiesFeed td
{
	/* ACTIVITIES */
	width: 350px;
	font-size: 12px;
	padding-bottom: 7px;
	border-bottom: dotted 1px #e3ded4;
}
.activityFeedLeft
{
	/* ACTIVITIES */
	width: 50%;
	text-align: left
}
.activityFeedRight
{
	/* ACTIVITIES */
	width: 50%;	
	text-align: right;
}

/* MENU ====================== */

#MenuCategoryHeader, #MenuListingHeader
{
	/* Section Headers */
	border-bottom: solid 1px #e3ded4;
    margin-bottom: 15px;
    font-size: 22px;
}
#TableWineRed, #TableWineWhite,
#TableWineOther, #TableBeerDraft, #TableBeerBottle,
#TableFoodAntipasto, #TableFoodMeat, #TableFoodOther,
#TableSake, #TableCoffee, #TableOther table
{
	/* Menu section header margin */
	font-size: 14px;
	margin-bottom: 30px;	
}
#WinePic, #FoodPic, #CoffeePic
{
	/* image sizing leftside*/
	float: left;
	clear: left;
	width: 100%;	
	padding-bottom: 10px;	
}
#BeerPic, #SakePic, #OtherPic
{
	/* image sizing rightside */
	float: right;
	clear: right;
	width: 100%;	
	padding-bottom: 10px;	
}
.menuCategorySubHeader
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}
.menuHeader
{
	padding-top: 0px;
	padding-bottom: 12px;
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #e3ded4;
}
.menuDesc
{
	/* Menu description */
	width:680px;
	margin-right: 10px;	
	text-align: left;
	padding-top: 3px;
	padding-bottom: 12px;
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #e3ded4;
    font-size: 12px;
}
.menuDesc p
{
	padding-bottom: 0px;
}
.menuPrice
{
	/* Menu pricing */
	width: 55px;
	text-align: right;	
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 12px;
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #e3ded4;
    font-size: 12px;
}
#SelectionBeer, #SelectionFood, #SelectionSake, #SelectionCoffee, #SelectionOther,
#BeerHeader, #FoodHeader, #SakeHeader, #CoffeeHeader, #OtherHeader
{	
	/* Sections of the menu */
	display:none;
}

/* WINE CLUB ====================== */

#How, #Join, #Type, #Featured, #Cascade, #Deschutes
{
	/* Section Content */
	font-size: 12px;
	margin-bottom: 30px;		
}
#HowHeader, #JoinHeader, #TypeHeader, #FeaturedHeader
{
	/* Section Headers */
	border-bottom: solid 1px #e3ded4;
    margin-bottom: 15px;
    font-size: 22px;
}
.subHeader
{
	/* Section SubHeaders */
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}
.subHeaderReg
{
	/* Section SubHeaders - not bold */
	font-size: 14px;
	margin-bottom: 10px;
}
.announcement
{
	/* Benefits */
	text-align: center;	
	font-size: 14px;
	margin-bottom: 20px;
}
.centerText
{
	text-align: center;
	margin-bottom: 25px;		
}
.list 
{
	list-style-type: disc;
	list-style-position: inside;
}
#CascadePic, #DeschutesPic
{
	/* image sizing leftside*/
	float: left;
	clear: left;
	width: 35%;
	padding-bottom: 15px;	
}
#CascadePrice, #DeschutesPrice
{
    float: right;
    text-align: right;  
    padding-right: 10px; 
}
#CascadeDesc, #DeschutesDesc,
#FeaturedDesc
{
    font-size: 12px;
    float: left;
    width: 100%;
}
#FeaturedPic
{
    float: left;   
    padding-bottom: 20px;	
}
#FeaturedStats
{
    float: left;
    margin-left: 20px;
}

/* BLOG ====================== */

#BlogCategoryHeader, #BlogListingHeader
{
	/* Section Headers */
	border-bottom: solid 1px #e3ded4;
    margin-bottom: 15px;
    font-size: 22px;
}
#WineMakingPic, #WinePairingPic
{
	/* image sizing leftside*/
	float: left;
	clear: left;
	width: 100%;	
	padding-bottom: 10px;	
}
#WineTastingPic, #WineEtiquettePic
{
	/* image sizing rightside */
	float: right;
	clear: right;
	width: 100%;	
	padding-bottom: 10px;	
}
.categorySubHeader
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
}
.categoryDesc
{
	font-size: 12px;
	padding-bottom: 10px;
}
.articleHeader
{
	/* Section SubHeaders */
	font-size: 14px;
	font-style: italic;
	padding-bottom: 15px;
	margin-top: 5px;
}
.article
{
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #e3ded4;	
}
.articlePic
{
	float: right;	
	padding-left: 15px;
	padding-bottom: 15px;
}
.article ul
{
	margin-left: 25px;
	padding-bottom: 12px;	
}
.article li
{
	list-style-position: inside;
	list-style-type: disc;
	padding-bottom: 8px;	
}
#SelectionWineTasting, #SelectionWinePairing, #SelectionWineEtiquette,
#WineTastingHeader, #WinePairingHeader, #WineEtiquetteHeader
{	
	/* Sections of the menu */
	display:none;
}

/* NEWSLETTER SIGNUP ====================== */
#NewsletterForm table 
{
	width: 600px;
}
#NewsletterForm label.error 
{
	display:block;
	font-size: 9px;
	padding-bottom: 5px;
}
#NewsletterForm table td 
{
	vertical-align: middle;
}
#NewsletterForm table th 
{
	text-align: right;
	width: 100px;
	vertical-align: top;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}
#NewsletterForm table td label.error 
{
	color: #8B7355;
}
#NewsletterForm table tr 
{
	padding-bottom: 15px;
}
#NewsletterForm input[type="text"] 
{
	width: 400px;
}
#NewsletterInstructions 
{
	width: 100%; 
	text-align: center; 
	font-size: 18px;
	padding: 30px 20px 20px 20px;
	
}
#Button
{
	padding-top: 10px;
}

/* CONFIRMATION ====================== */

#ConfirmationBox
{
	width: 600px;
	background-color: #eae9da;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	padding-top: 90px;
	padding-left: 20px;
}