/* --------------------------------------------------------------

Description:	Screen CSS
Version:		1.0.0
Client:			Highway 12 Vineyards & Winery
Website:		http://www.highway12winery.com
Author:			Design Vineyard, a divison of Everflight LLC
				http://www.designvineyard.com

-------------------------------------------------------------- */
/*	Reset Reloaded (via Eric Meyer, www.meyerweb.com); modified
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*	960.gs Grid System (via Nathan Smith, www.960.gs)
-------------------------------------------------------------- */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/*	Typography
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; line-height: 20px; }

/*	Headings */
h1 { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; color: #3c89c8; }
h2 { font-size: 30px; line-height: 30px; margin: 0 0 10px 0; color: #333333; }
h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h4 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #000000; }
h5 { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; color: #000000; }
h6 { font-size: 10px; line-height: 20px; margin: 0 0 10px 0; color: #000000; }

/*	Text Elements */
p, ul, ol, dl { margin-bottom: 15px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: square; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
blockquote { margin: 20px 20px 20px 20px; padding: 15px 15px 5px 15px; font: italic 18px Georgia, Times, serif; line-height: 24px; background-color: #f4f4f4; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/*	Links */
a:link, 
a:visited { color: #375b9e; text-decoration: underline; }
a:hover { color: #243a64; text-decoration: underline; }


/*	Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/*	Tables with alternating rows */
table.alternate { width: 100%; font-size: 12px; text-align: left; border-collapse: collapse; border: 1px solid #ddd; }
table.alternate th { font-size: 11px; font-weight: bold; padding: 10px 8px; color: #333; border: none; }
table.alternate td { padding: 8px; color: #333; border: none; }
table.alternate td.odd { background: #f4f4f4; }
table.alternate tr:hover td { color: #339; background: #eff2ff; }


/*	Tabs
-------------------------------------------------------------- */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }


/*	Miscellaneous Classes
-------------------------------------------------------------- */
small { font-size: 11px; line-height: 18px; }
.large { font-size: 16px; line-height: 20px; }
.quiet { color: #999; }

.highlight { background: #ffdd54; padding: 2px 5px; }

.top { margin-top: 15px; padding-top: 0; }
.bottom { margin-bottom: 15px; padding-bottom: 0; }

/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top: 15px; }
.append-bottom { margin-bottom: 15px; }

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 15px; margin-bottom: 15px; background: #E5ECF9; }

/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
hr.space { background: #fff; color: #fff; }

/* In case you need to hide an element */
.hide { display: none; }

/*	Images
-------------------------------------------------------------- */
img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }


/*	Forms
-------------------------------------------------------------- */

input[type="text"] { border: 1px solid #aaaaaa; margin: 0 0 0 0; }

input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] { margin: 0 0 0 6px;  }

.subscribe-form { margin: 5px 0 0 0; }
.subscribe-form label { font-size: 10px; font-weight: bold; line-height: 22px; display: block;} 

/*	Round Corners; add elements to give them a 3px radius edge (does not work on IE)
-------------------------------------------------------------- */
blockquote, fieldset { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; }


/*	Super Awesome Buttons (via Zurb, http://bit.ly/zASyu); modified
-------------------------------------------------------------- */
.buttons, .buttons:visited {
background: #222 url(/images/buttons/button-overlay.png) repeat-x; 
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.buttons:hover									{ background-color: #111; color: #fff; text-decoration: none; }

.buttons:active									{ top: 1px; }

.small.buttons, .small.buttons:visited 			{ font-size: 11px; padding: ; }

.buttons, .buttons:visited,
.medium.buttons, .medium.buttons:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.buttons, .large.buttons:visited 			{ font-size: 13px; line-height: 22px; padding: 20px 14px 9px; }

.buynow.buttons, .buynow.buttons:visited 		{ font-size: 12px; line-height: 22px; padding: 12px 14px 9px; text-transform: uppercase; }

.green.buttons, .green.buttons:visited			{ background-color: #91bd09; }
.green.buttons:hover							{ background-color: #749a02; }

.blue.buttons, .blue.buttons:visited			{ background-color: #2daebf; }
.blue.buttons:hover								{ background-color: #007d9a; }

.red.buttons, .red.buttons:visited				{ background-color: #e33100; }
.red.buttons:hover								{ background-color: #872300; }

.magenta.buttons, .magenta.buttons:visited		{ background-color: #a9014b; }
.magenta.buttons:hover							{ background-color: #630030; }

.orange.buttons, .orange.buttons:visited		{ background-color: #ff5c00; }
.orange.buttons:hover							{ background-color: #d45500; }

.yellow.buttons, .yellow.buttons:visited		{ background-color: #ffb515; }
.yellow.buttons:hover							{ background-color: #fc9200; }



/*	Slidemenu
-------------------------------------------------------------- */
.accordion { list-style:none; width:940px; height:420px; display:block; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }
.accordion li { float:left; display:inline; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }


/* --------------------------------------------------------------
	Site Specific CSS
-------------------------------------------------------------- */


/*	Body & Wrapper
-------------------------------------------------------------- */
body { margin: 20px 0 0 0; font-size: 80%; background: #fff url('../images/common/bg.jpg') no-repeat top right; min-width: 960px; margin: 0; }
.wrapper { width: 960px; margin: 0 auto; }


/*	Header
-------------------------------------------------------------- */

/*	Company Logo */
.company-logo { display: block; overflow: hidden; text-indent: -9999px; width: 169px; height: 111px; background: #ffffff url(../images/common/logo.png); }

/*	Sitewide Navigation */
.header { margin-top: 7px; }
.header ul.navigation { margin: 50px 0 0 0; padding: 0; float: right; /* This float aligns the navigation */ }
.header ul.navigation li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; }

.header ul.navigation li a { font: normal 15px Georgia; border-right: 0px solid #e9e9e9; }
.header ul.navigation li a:link,
.header ul.navigation li a:visited { padding: 5px; margin: 0 0 0 15px; color: #333; text-decoration: none; }
.header ul.navigation li a:hover { color: #127c31; }
.header ul.navigation li a.current { color: #127c31; }


/*	Content
-------------------------------------------------------------- */

/*	General */
.content { margin-top: 25px; }
.sidebar { margin-top: 25px; }

.facebook-badge { margin: 10px 0 0 0; }


/*	Homepage */
.homepage .content { margin-top: 0px; }


/*	Info Pages */
.info .content { margin-top: 0px; }
.info .content h1 { font: italic 36px Georgia, serif; color: #d0c683; margin: 10px 0 20px 0; line-height: 40px; }

/*	Wines */
.wines .content h1.title { font: italic 36px Georgia, serif; color: #d0c683; margin: 10px 0 20px 0; line-height: 0; }
.wines .content h1 { font: normal 24px Georgia, serif; color: #000; margin: 0 0 0 0; }
.wines .content h2 { font-size: 14px; color: #a10000; text-align: right; }
.wines .content img.bottle { margin: 0 20px 30px 0; }
.wines a:link,
.wines a:visited { color: #ffffff; text-decoration: none; }


/*	Cellar Club */
.cellar-club .content { margin-top: 0px; }
.cellar-club .content a:link,
.cellar-club .content a:visited { color: #ffffff; text-decoration: none; }
.cellar-club .content h1 { font: italic 36px Georgia, serif; color: #d0c683; margin: 10px 0 20px 0; line-height: 40px; }
.cellar-club .member-info ul { margin: 0 0 30px 0; }
.cellar-club .member-info ul li { margin: 0 0 10px 0; font: normal 15px Georgia, serif; line-height: 24px; color: #004656; }
.cellar-club .rules-info small ul li { font-weight: normal; margin: 0 0 9px -20px; line-height: 15px; list-style-type: none; color: #a10000; }
span.club-price { font-size: 20px; margin: 0 8px 0 0; padding: 0 12px 0 0; border-right: 1px dotted #e0e0e0; }
	

/*	Footer
-------------------------------------------------------------- */
.footer { border-top: 1px solid #eee; margin-top: 20px; }
.footer .tabs a:link,
.footer .tabs a:visited  { font: normal 10px 'Lucida Grande', Tahoma, Verdana, serif; padding: 10px 20px 10px 0; color: #666; text-decoration: none; }
.footer .tabs a:hover { color: #a10000; }
.footer p { font: normal 10px 'Lucida Grande', Tahoma, Verdana, serif; color: #aaaaaa; line-height: 22px; }
.footer small { font-size: 9px; }
.footer small a:link, 
.footer small a:visited { color: #aaaaaa; text-decoration: none; }
.footer small a:hover { color: #89bd40; }