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

Description:	Screen CSS
Version:		1.0.0 (2010-02-25)
Website:		http://www.villahermosacellars.com
Author:			Everflight LLC
	
STRUCTURE:
Page Width:		960px (Using 960 Grid System)

-------------------------------------------------------------- */
/* Import
-------------------------------------------------------------- */

@import "boilerplate.css";
@import "plugins.css";

/*	Body
-------------------------------------------------------------- */

body { margin-top: 10px; font-size: 11px; background: #d8d8d8 url("../images/common/grape-cluster.jpg") top right no-repeat; color: #000; }


/*	Radius Corners
-------------------------------------------------------------- */

blockquote, fieldset, input, textarea { -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; }


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

blockquote { background: #f4f4f4; }
blockquote p { margin: 0; }


/*	Wrapper
-------------------------------------------------------------- */

.wrapper { }

/* .wrapper { background: #d8d8d8 url("../images/common/background.jpg") no-repeat;}


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

h1.logo { display: none; text-indent: -9999px; color: #fff; }
span.logo { display: block; text-indent: -9999px; color: #fff; background: url(../images/common/logo-vhc-grapes.png); width: 72px; height: 62px; }
span.logo-cellars { display: block; text-indent: -9999px; color: #fff; background: url(../images/common/logo-villa-hermosa-cellars.png); width: 172px; height: 62px; margin: 0 25px 0 0;}
span.logo-cellars-faded { display: block; text-indent: -9999px; color: #fff; background: url(../images/common/logo-villa-hermosa-cellars-faded.png); width: 172px; height: 62px; margin: 0 25px 0 0;}
span.logo-cottages { display: block; text-indent: -9999px; color: #fff; background: url(../images/common/logo-villa-hermosa-cottages.png); width: 172px; height: 62px; }
span.logo-cottages-faded { display: block; text-indent: -9999px; color: #fff; background: url(../images/common/logo-villa-hermosa-cottages-faded.png); width: 172px; height: 62px; }

h1.quote { margin: 25px 0 30px 0; text-align: center; font: normal 26px Georgia, 'Times New Roman', Times, serif; color: #585858; }
h1.quote span.grey { color: #9c9c9c; }
span.hidden { display: none; }

h2.callforinfo { font: normal 16px Georgia, 'Times New Roman', Times, serif; color: #000000; margin: 0 0 20px 0; }

.header { margin: 0 0 10px 0; }
.header .tabs li { margin-right: 0px; }
.header .tabs a:link, .header .tabs a:visited { padding: 5px 10px; color: #333; text-decoration: none; }
.header .tabs a:hover { color: #a10000; }

table.navigation-table { width: 940px; }
td.villagrapes { width: 72px; }
td.villalogo { width: 172px; }
td.sitewide-navigation { vertical-align: middle; }
td.sitewide-navigation .tabs { float: right; }
td.sitewide-navigation .tabs a:link, td.sitewide-navigation .tabs a:visited { padding: 5px 10px; color: #082a65; text-decoration: none; }
td.sitewide-navigation .tabs a:hover { color: #333; }


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

.accolades { padding: 0 0 20px 0; }
.accolades strong { font-size: 16px; color: #082a65; }
.accolades em { font-weight: bold; }

.bottle { text-align: center; }

.wine h1 { font: normal 16px Georgia, serif; margin: 0 0 10px 0; line-height: 21px; }
.wine p { font-size: 11px; text-align: left; }
.wine { padding: 50px 0 0 0; }

.wine p a:link, .wine p a:visited { padding: 3px 5px; background: #c8c8c8; color: #333; font-weight: bold; text-decoration: none; }
.wine p a:hover { background: #082a65; color: #fff; }

.downloads { padding: 20px 0; text-align: right; }
.downloads a:link, .downloads a:visited { padding: 3px 5px; background: #c8c8c8; color: #333; font-weight: bold; text-decoration: none; }
.downloads a:hover { background: #082a65; color: #fff; }

.wine .padding { padding: 0 15px; }

img.purchase { padding: 30px 0 0 0; margin: 0; }
img.bottleshot { margin: 0 0 20px 0;}
img.photo { border: 1px solid #c8c8c8; padding: 9px; background: #fff; }
img.right { float: right; margin: 0 0 20px 20px; }
img.left { float: left; margin: 0 20px 20px 0; }

.content { margin-top: 20px; }
.sidebar { margin-top: 20px; }

.price { text-align: left; padding: 20px 0 0 0; font: normal 22px Georgia, serif; }
.price a:link,
.price a:visited { color: #000; text-decoration: none; font-size: 12px; letter-spacing: 1px; padding: 10px;}
.price a:hover { color: #333; background: #c8c8c8; }

.storeinfo { margin: 0 0 30px 0; padding: 15px; }

.fill { background: #e4e4e4; min-height: 390px; height: 390px; margin-bottom: 30px; }
.fill { -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; }
.fill h4 { font: normal 14px Georgia, serif; margin: 0 0 10px 0; color: #000; line-height: 20px; }

hr { margin: 0 0 30px 0; }

.spacer { padding: 30px 0 30px 0; }

.clear { margin: 20px 0 20px 0; }

h2.sectiontitle { font: normal 30px Georgia, serif; margin: 0 0 20px 0; color: #7f7f7f; }
h4 { font: normal 16px Georgia, serif; margin: 0 0 10px 0; color: #333; line-height: 20px; }



/* Store
-------------------------------------------------------------- */
.storeicons-left { border: 1px solid #4d4d4d; float: left; margin: 0 10px 10px 0;}
.storeicons-right { border: 1px solid #4d4d4d; float: right; margin: 0 0 10px 10px;}


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


/*	Footer
-------------------------------------------------------------- */
.footer { border-top: 1px solid #cdcdcd; margin: 20px 0 20px 0; padding: 10px 0 10px 0; }
.footer p.quiet { color: #333; }


/* Forms
-------------------------------------------------------------- */
input, textarea { font-size: 16px; }
/* form p.field { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; } */
form p label { float: left; margin: 4px 0 0 0; width: 100px; font-size: 13px; font-weight: normal; color: #8b8b8b; }
form p small { font-size: 9px; font-weight: normal; color: #444; display:block; }