/*Sprites*/
/* Non-Button Header Elements */
.hdrTopLeft { width: 395px; height: 96px;}
.hdrTopLeft { background:url(../images/cmn_sprite.png) 0 0}

.hdrTopRight { width: 355px; height: 96px;}
.hdrTopRight { background:url(../images/cmn_sprite.png) -555px 0}

.hdrBottom { width: 950px; height: 60px;}
.hdrBottom { background:url(../images/cmn_sprite.png) 0 -96px}

.bdyTopLeft { width: 710px; height: 122px;}
.bdyTopLeft { background:url(../images/cmn_sprite.png)0 -280px }

.bdyTopLeftSub { width: 670px; height: 122px;}
.bdyTopLeftSub { background:url(../images/cmn_sprite.png) -40px -466px }

.bdyTopRight { width: 114px; height: 122px;}
.bdyTopRight { background:url(../images/cmn_sprite.png)-176px -157px}

.bdyIndex { width: 950px; height: 678px;}
.bdyIndex{ background: url(../images/cmnBodySpacer.png) ; background-repeat:repeat-y}

.bdyAbout { width: 950px; height: 678px;}
.bdyAbout { background:url(../images/bdyAbout.png)}

.bdyMain{ background: url(../images/cmnBodySpacer.png) -40px; background-repeat:repeat-y}
.bdyMain{ width:910px; min-height:628px}

#SalBanner { width: 950px; height: 50px;}
#SalBanner { background:url(../images/cmn_sprite.png) 0 -405px}
#SalBanner{ text-align:center; }

#Footer { width: 950px; height: 10px;}
#Footer { background:url(../images/cmn_sprite.png) 0 -455px}

/*Nav Buttons*/
.navTix { width: 160px; height: 96px}
.navTix { background:url(../images/cmn_sprite.png) -395px 0 }
a:hover .navTix { background: url(../images/cmn_sprite.png) -395px -157px}

.navFacebook { width: 45px; height: 122px}
.navFacebook { background:url(../images/cmn_sprite.png) 0 -157px}
a:hover .navFacebook { background: url(../images/cmn_sprite.png) -46px -157px}

.navTwitter { width: 41px; height: 122px;}
.navTwitter { background:url(../images/cmn_sprite.png) -92px -157px}
a:hover .navTwitter { background: url(../images/cmn_sprite.png) -134px -157px}

/*images */
.floatLeft{ float: left; position: relative;}
.floatRight{ float: Right; position: relative;}

.alignLeft{ text-align:left}
.alignRight{ text-align:right}
.alignCenter{ text-align:center}

.caGrapes{ left: 20px; top: 100px; clear: left }
.caGrapes{ width: 167px; height: 189px }
.caGrapes{ 	background:url(../images/clipart_sprite.png)-504px -1px }

.caDD{ right: 10px; top: 170px; clear:left}
.caDD{ width: 191px; height: 181px }
.caDD{ background:url(../images/clipart_sprite.png)-1px -1px }

.caCouple{ left: 30px; top: 120px; clear: left;}
.caCouple{ width: 184px; height: 178px }
.caCouple{ background:url(../images/clipart_sprite.png)-318px -1px }

.caMic{ right: 40px; top: 230px; clear: left; }
.caMic{ width: 112px; height: 182px }
.caMic{ background:url(../images/clipart_sprite.png)-202px -1px }

.caRobot{ width: 357px; height: 628px }
.caRobot{ background:url(../images/robot.png)}

.caBob{ top: 180px }
.caBob{ width: 400px; height: 499px }
.caBob{ background:url(../images/bob.png)}

.caPhone{ top: 50px; }
.caPhone{ width: 320px; height: 600px }
.caPhone{ background:url(../images/phone.png)}

.caSAL{ top: 150px; }
.caSAL{ width: 404px; height: 502px }
.caSAL{ background:url(../images/caSAL.png)}


.tixSingle, .tixWeekend, .tixVIP, .tixDD, .tixBeer{ width: 107px; height: 74px }

.tixSingle{ top: 180px; }
.tixSingle{ background:url(../images/tix_sprite.png) -0px 0 }

.tixVIP{ top: 180px; }
.tixVIP{ background:url(../images/tix_sprite.png) -343px 0 }

.tixBeer{ top: 203px; }
.tixBeer{ background:url(../images/tix_sprite.png) -114px 0 }

.tixDD{ top: 295px; }
.tixDD{ background:url(../images/tix_sprite.png) -229px 0 }

.caSingleTix, .caWeekendTix, .caVIPTix, .caDDTix, .caBeerTix{ width: 36px; height: 17px; position:relative; top:-3px; }

.caSingleTix{ background:url(../images/tix_sprite.png) -455px 0 }
.caVIPTix{ background:url(../images/tix_sprite.png) -455px -55px }
.caBeerTix{ background:url(../images/tix_sprite.png) -455px -18px }
.caDDTix{ background:url(../images/tix_sprite.png) -455px -37px }


.spacer{ outline:#000 solid thin;  }

/*General Styles*/
body {
  background: #232927;
  color: #333;
  font-size: 13px;
  height: auto;
  padding-bottom: 40px;
}
h1, h2, h3 {text-transform:uppercase;}
h2{ font: 300 17px/23px "FuturaLTHeavy", sans-serif; padding: 5px 0 0 0;}

p { padding: 0 0 23px 0;}

.smaller{ font-size: 75%}

.lW { float: left; clear: left; height: 24px; }
.rW { float: right; clear: right; height: 24px; }

/*.lW, .rW{ outline:solid; outline-color:Black; outline-width:thin;}
*/
.bdyText{
		font: 300 16px/24px "FuturaLTRegular", sans-serif;
		letter-spacing: .1em;
		padding: 20px 0 0 0 ;
		margin: auto;
		width: 675px;
		text-align:justify;
		position:relative;
		z-index: 1;
}

.bdyIndexText{ 
		padding: 0 0 0 0;
		width: 600px;
}

a { color: #5498BC; text-decoration: none; }
a:hover { text-decoration: underline;}

.soldout{
	text-decoration:line-through;
		
}
#Nav
{
	list-style-type:none;
	margin:auto;
	width: 651px;
	padding-top:10px;
	overflow:hidden;
	background-color:#5498BC;
	font: 300 15px/23px "FuturaLTHeavy", sans-serif;
	text-align: center;
	text-shadow: 0px 1px 0 black;
}

#Nav li {float:left; text-transform: uppercase;}

#Nav a{ display:block; width:93px; color: #FFF }
#Nav a:hover { text-decoration: underline;}
#Nav a:visited{ color: #CCC;}

h1{
	padding:80px 0 0 20px;
	font: 300 32px/23px "FuturaLTHeavy", sans-serif;
	text-shadow: 1px 1px 0 black;
	color: white;
}

.register
{
	margin:auto;
	width: 400px;
	padding: 10px 0 0 0;
	overflow:hidden;
	font: 300 15px/23px "FuturaLTHeavy", sans-serif;
	color: white;
	text-align: center;
}

.register_black
{
	margin:auto;
	width: 375px;
	padding: 10px 0 0 0;
	overflow:hidden;
	font: 300 15px/23px "FuturaLTHeavy", sans-serif;
	text-align: left;
}

.register a{ color: #F15B2A}
.register a:hover { text-decoration: underline; color: #FFF}

/*.register
{
	list-style-type:none;
	margin:auto;
	width: 300px;
	padding: 10px 0 0 0;
	overflow:hidden;
	font: 300 15px/23px "FuturaLTHeavy", sans-serif;
	color: white;
	text-align: center;
	text-shadow: 0px 1px 0 black;
}
.register li {float:left;}

.register a{ display:block; width:83px; color:  #F15B2A; }
.register a:hover { text-decoration: underline; color: #FFF;}
*/
.vendorList a, .wineryList a{ color:#333; text-transform:uppercase;}
.vendorList a{ font: 300 16px/25px "FuturaLTHeavy", sans-serif; }
.vendorList a{vertical-align:text-top;}

.wineryList a{ font: 300 20px/35px "FuturaLTHeavy", sans-serif;}
.wineryList li:after, .wineryList li:before{ content: " ★ "; padding: 0 .5em 0 .5em;}

.100px
{
	height: 100px;
}
#Content {
	min-height: 620px;
	margin: .5em 0 0 0;
	}


.listingLogo {
	border-right: medium;
	border-color: #8A4438;
	border-style: solid;
	text-align: Left;
	min-height: 90px;
	}
	
.listingLogo img{
	width: 200px;
}

.listingCopy {
	padding: 0 0 0 1em;
	border-left: medium;
	border-color: #8A4438;
	border-style: solid;
	position: relative;
	right: 13px;
	}
	
.listingBlock {
padding: 1em 0 1em 0;
}

.sponsorListing
{
	list-style-type:none;
	overflow:hidden;
	padding-left: 10px;
	line-height: 2em;
	border-left:thin;
	border-color: Black;
	border-style:solid;
	text-align:Left;
}

/*.addListing { display:block; float:left;}

.addListing a:after { content: " ★"; padding-left: .5em; }
.addListing a:last-child:after { content: ""; }
*/
.downloadBar
{
	width: 350px;
	overflow:hidden;
	background-color:#5498BC;
	font: 300 15px/27px "FuturaLTHeavy", sans-serif;
	text-align: center;
}

.downloadBar li {float:left;}

.downloadBar a{ display:block; width:93px; color: #FFF }
.downloadBar a:hover { text-decoration: none; background-color:gray;}
.downloadBar a:visited{ color: #CCC;}

.script{font: 300 30px/30px "PacificoRegular", sans-serif;}
.script{color:#F15B2A;}
	
	
.ytf{font: 300 25px/30px "AmericanusRegular", sans-serif;}
.beerGarden{ font: 300 80px/60px "AmericanusRegular", sans-serif; padding: 5px 0 0 0;}
.atTOP{ font: 300 30px/50px "AmericanusRegular", sans-serif; padding: 5px 0 0 0; letter-spacing:7px;}
.beerDate{ font: 300 30px/50px "AmericanusRegular", sans-serif; padding: 5px 0 0 0;}

.contactLeft{padding: 30px 0 5px 0;}
.contactRight{ padding: 30px 10px 0 0 }
.contactName{ font: 300 40px/25px "FuturaLTHeavy"; text-transform:uppercase;}
.matt1 { letter-spacing: .6em;}
.matt2 { letter-spacing: .4em;}
.brian1 { letter-spacing: .4em;}
.contactP{ width: 500px; padding: 10px 0 0 0}	

#Footer { list-style-type:none; text-align: center; 	font:300 14px/23px "FuturaLTRegular", sans-serif;}

#Footer a{ font-size: 1em; padding: 0 0 0 .5em; white-space: nowrap; line-height: 4em; color: #F9FFED }
#Footer a:hover{ color: #607890; text-decoration: none; }
#Footer a:after { content: " ★"; padding-left: .5em; color: #e3d7bf; }
#Footer a:last-child:after { content: ""; }  

/*@FontFace definitions*/
@font-face {
	font-family: 'FuturaLTHeavy';     
	src: url('type/futuralt-heavy-webfont.eot');
	src: local('☺'), url('type/futuralt-heavy-webfont.woff') format('woff'), url('type/futuralt-heavy-webfont.ttf') format('truetype'), url('type/futuralt-heavy-webfont.svg#webfontuDuMLByW') format('svg');
}

@font-face {
	font-family: 'FuturaLTRegular';
	src: url('type/futuralt-webfont.eot');
	src: local('☺'), url('type/futuralt-webfont.woff') format('woff'), url('type/futuralt-webfont.ttf') format('truetype'), url('type/futuralt-webfont.svg#webfont5lNLdATY') format('svg');
}

@font-face {
	font-family: 'FuturaLTOblique';
	src: url('type/futuralt-oblique-webfont.eot');
	src: local('☺'), url('type/futuralt-oblique-webfont.woff') format('woff'), url('type/futuralt-oblique-webfont.ttf') format('truetype'), url('type/futuralt-oblique-webfont.svg#webfontJa1rW3IR') format('svg');
}

@font-face {
    font-family: 'PacificoRegular';
    src: url('type/pacifico-webfont.eot');
    src: url('type/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/pacifico-webfont.woff') format('woff'),
         url('type/pacifico-webfont.ttf') format('truetype'),
         url('type/pacifico-webfont.svg#PacificoRegular') format('svg');
}

@font-face {
    font-family: 'AmericanusRegular';
    src: url('type/americanus-webfont.eot');
    src: url('type/americanus-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/americanus-webfont.woff') format('woff'),
         url('type/americanus-webfont.ttf') format('truetype'),
         url('type/americanus-webfont.svg#AmericanusRegular') format('svg');
}


.debugGray{
	background-color:gray;
}

.debugCyan{
	background-color:Cyan;
}

.buttons{ padding: 1.3em 0 0 0;}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#F3F0EB;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:0px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;

}.button:hover {
	background-color:#468ccf;
	text-decoration:none;
	

}.button:active {
	position:relative;
	top:1px;
}

/*Form Styles*/
.formarea .subfieldsset div.error {
	display:block;
	padding: 10px 10px 10px 35px;
	border: 1px solid #FF0000;
	border-top-width: 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/24-message-warn.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.formarea .subfieldsset div.information {
	display:block;
	padding: 10px 10px 10px 35px;
	background-color: #e0ebf6;
	border: 1px solid #72a6d6;
	border-top-width: 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/24-message-info.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.formarea {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #373737;
	color: #F3F0EB;
	padding: 1em 1em 1em 1em;
}


.formarea .subfieldsset div {
	padding: 3px 0px;
	clear:both;
}
.formarea .subfieldsset div label {
	position:relative;
	display:block;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 0px;
	width:150px;
	cursor:pointer;
	float:left;
	line-height: 18px;
}
.formarea .subfieldsset div .labelsmall {
	width:auto;
}
input, select, textarea {
	float:left;
	font-size: 15px;
	font-weight:600;
	padding:2px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px 5px 0px 0px;
}
input.error, select.error, textarea.error {
	background-color: #FFDFDF;
	border: 1px solid #FF0000;
}
input:hover, select:hover, textarea:hover {
	background-color: #63b8ee
}

.formarea h4 {
	margin-top: 2em;
	
}
form li
{
	list-style-type:none;
}


em
{
	font-style:italic;
	}

.important{
	color: white;
	background-color: #F05A2A;
	text-align:center;
	margin-bottom: 0;
	font-weight:bold;
	border-radius: 5px;
}	

.note{
	color: white;
	background-color: #3879A3;
	text-align:center;
	margin-bottom: 0;
	font-weight:bold;
	font-size: 9pt;
	border-radius: 5px;
}