/* ===================================
	styles.css
====================================== */

/* -----------------------------------
	o Reset HTML
	o Import 960px grid
-------------------------------------- */
@import url('reset.css');
@import url('960.css');



/* -----------------------------------
	Global Restyle 
-------------------------------------- */
em, i {font-style:italic;}
b, strong {font-weight:bold;}
p {margin-bottom:1em;}

/* -----------------------------------
	Global Helper Styles 
-------------------------------------- */
.clearall {clear:both;height:1px;margin-top:-1px;}
.indent {margin-left:5em;}
.tiny {font-size:85%;}
.big {font-size:115%;}
.border {}
.highlight {}
.warning {}
span.required {color:#990000;}
.aligncenter {text-align:center;}
.alignright {float:right;margin-bottom:20px;margin-left:20px;}
.alignleft {float:left;margin-bottom:20px;margin-right:20px;}
.photo {background-color:#f7f7d4;padding:16px;}
.photo img {background-color:#dadabb;padding:4px;}
.photo span {font-size:12px;text-align:center;display:block;font-style:italic;}

/* -----------------------------------
	Common structures (g-regions)
-------------------------------------- */
body.g-container #container-01 {width:100%;height:184px;background: url(../skins/2009a/bg-header.gif) top center no-repeat;}
body.g-container #container-03 {width:100%;background: url(../skins/2009a/bg-body.gif) top center repeat-y;}
body.g-header #header_box {} 
body.g-header #header_box #header {position:relative;width:960px;height:184px;}
body.g-header #header_box #header #logo {position:absolute;width:181px;height:144px;top: 20px;left:23px;background:url(../skins/2009a/logo.gif) top left no-repeat;}
body.g-header #header_box #header #logo a {display:block;width:181px;height:144px;text-indent: -9999px;}
body.g-header #header_box #header #quote_box {position:absolute;width:360px;height:60px;top: 20px;left:570px;}
body.g-header #header_box #header #quote_box #quote {text-align:right;}
body.g-header #header_box #header #nav_box {position:absolute;width:600px;height:60px;top: 84px;left:330px;}
body.g-header #header_box #header #nav_box #nav {}
body.g-header #header_box #header #nav_box #nav ul {font: normal normal normal 16px/95% "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
body.g-header #header_box #header #nav_box #nav ul li {float:left;display:block;height:25px;padding-top:35px;margin-right:2em;}
body.g-header #header_box #header #nav_box #nav ul li a {color:#99a159;text-decoration:none;}
body.g-header #header_box #header #nav_box #nav ul li a:hover {color:#727a35;}
body.g-header #header_box #header #nav_box #nav ul li.active a {color:#727a35;font-size:18px;}
body.g-header #header_box #header #nav_box #nav ul li.active {background:url(../skins/2009a/bg-nav.gif) bottom center no-repeat;}
body.g-header #subnav-strip_box #subnav-strip {position:relative;height:20px;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box {position:absolute;width:600px;height:40px;top: -20px;left:330px;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul {font: normal normal normal 15px/95% "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:normal;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul li {float:left;display:block;height:30px;padding-top:10px;margin-right:1.5em;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul li a {color:#99a159;text-decoration:none;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul li a:hover {color:#727a35;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul li.active a {color:#727a35;font-size:18px;}
body.g-header #subnav-strip_box #subnav-strip #subnav_box #subnav ul li.active {background:url(../skins/2009a/bg-subnav.gif) top center no-repeat;}

body.g-footer #footer_box {width:100%;height:200px;margin-top:20px;background: url(../skins/2009a/bg-footer.gif) top center repeat-x;}
body.g-footer #footer_box #footer {}
body.g-footer #footer_box #footer .footer_feature_box {margin-top:20px;width:300px;height:160px;background: url(../skins/2009a/bg-footer-feature.gif) top left no-repeat;}
body.g-footer #footer_box #footer .footer_feature_box .footer_feature {padding:20px;}
body.g-footer #subfooter_box {width:100%;height:120px;background-color:#454a20;}
body.g-footer #subfooter_box #subfooter {padding:20px;text-align:center;}
body.g-container .content_box {} 
body.g-container .content {margin:0 20px;min-height:240px;}
body.g-container .related-content {margin-right:20px;background-color:#f7f7d4;padding:20px;}

body.g-sidenav #side-navigation {margin-left:20px;margin-top:20px;}
body.g-sidenav .content {margin-left:0;margin-top:20px;}
body.g-sidenav #side-navigation  ul li {margin:0;border-right:1px solid #727a35;}
body.g-sidenav #side-navigation  ul li a{display:block;padding:0 20px 20px 20px;font-size:15px;color:#99a159;text-align:right;text-decoration:none;}
body.g-sidenav #side-navigation  ul li a:hover{color:#727a35;}
body.g-sidenav #side-navigation  ul li.active {border-right:1px solid #727a35;}
body.g-sidenav #side-navigation  ul li.active a{color:#727a35;font-size:18px;background:url(../skins/2009a/bg-sidenav.gif) top right no-repeat;}

body.g-container .blog-sidebar {margin-right:20px;background-color:#f7f7d4;padding:20px;}
body.g-container .blog-sidebar .subscribe {}

/* -----------------------------------
	Common typography (use on containing div)
-------------------------------------- */

/* typography 01 - Primary content */
.typography-01 {
	font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#414a03;
	}
.typography-01 a {color:#868409;}
.typography-01 a:hover {}
.typography-01 h1 {margin-bottom:.5em;font: normal normal normal 24px/95% "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
.typography-01 h1 span {display:block;font-weight:bold;font-size:16px;text-transform:none;font-style:italic;}
.typography-01 h2 {font-weight:normal;font-size:16px;color:#f58025;}
.typography-01 h3 {font-size: 110%;}
.typography-01 ul {margin: 1em 0; padding-left: 2.5em;}
.typography-01 ul li {list-style:circle;}
.typography-01 ol {margin: 1em 0; padding-left: 2.5em;}
.typography-01 ol li {}
.typography-01 blockquote {font-weight:normal;font-size:18px;color:#f58025;text-align:center;padding:.5em 0;margin:1em 0;border-top:1px solid #f58025;border-bottom:1px solid #f58025;font-style:italic;}
.typography-01 blockquote span {font-size:85%;;}
.typography-01 blockquote p {margin:0;}
.typography-01 .action  {margin:1em auto 0 auto;width:420px;padding:20px;background: url(../skins/2009a/bg-action.jpg) top left no-repeat;color:#ffffff;font-weight:bold;border-bottom:4px solid #727a35;}
.typography-01 .action  a {color:#ffffff;}

/* typography 02 - Related content */
.typography-02 {
	font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#414a03;}
.typography-02 a {color:#868409;}
.typography-02 a:hover {}
.typography-02 h2 {margin-bottom:.5em;font: bold normal normal 18px/95% "Arial Narrow", Arial, Helvetica, sans-serif;text-align:center;text-transform:uppercase;}
.typography-02 h2 span {display:block;font-weight:normal;font-size:16px;text-transform:none;font-style:italic;color:#f58025;}
.typography-02 h3 {font: normal normal normal 18px/140% "Arial Narrow", Arial, Helvetica, sans-serif;text-align:center;color:#f58025;font-style:italic;}
.typography-02 ul {margin: 1em 0; padding-left: 2.5em;}
.typography-02 ul li {list-style:circle;}
.typography-02 ol {margin: 1em 0; padding-left: 2.5em;}
.typography-02 ol li {}
.typography-02 .photo {background-color:#f7f7d4;padding:0px;}
.typography-02 .photo img {background-color:#dadabb;padding:4px;}
.typography-02 .photo span {}

/* typography 03 - Footer content */
.typography-03 {
	font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#abb850;}
.typography-03 a {color:#abb850;text-decoration:underline;}
.typography-03 a:hover {color:#ffffff;}
.typography-03 h2 {font: normal normal normal 16px/140% "Arial Black", Arial, Helvetica, sans-serif;font-weight:normal;}
.typography-03 h3 {margin-top:1em;font: normal normal normal 14px/140% "Arial Black", Arial, Helvetica, sans-serif;font-weight:normal;}
.typography-03 ul {margin: 1em 0; padding-left: 2.5em;}
.typography-03 ul li {list-style:circle;}
.typography-03 ol {margin: 1em 0; padding-left: 2.5em;}
.typography-03 ol li {}

/* typography 04 - Header quote */
.typography-04 {
	font: bold normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#ffffff;}
.typography-04 span {margin-right:3em;font-style:italic;font-size:85%;font-weight:normal;}

/* typography 05 - Home intro */
.typography-05 {
	font: normal normal normal 16px/140% Arial, Helvetica, sans-serif;
	color:#ffffff;}
.typography-05 a {color:#ffffff;text-decoration:none;}
.typography-05 h1 {margin-bottom:.5em;font: normal normal normal 28px/95% "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:normal;}
.typography-05 ul {margin: 1em 0; padding-left: 1.5em;}
.typography-05 ul li {padding-left: 1.5em;margin-bottom:.5em;background: url(../skins/2009a/home-bg-bullet.gif) 0px 6px no-repeat;}
.typography-05 ul li span {font-style:italic;}

/* typography 06 - Home action step */
.typography-06 {
	font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#ffffff;}
.typography-06 a {color:#ffffff;text-decoration:none;}
.typography-06 a span {font-size:18px;text-decoration:underline;}

/* typography 07 - Wine101 */
.typography-07 {
	font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
	color:#414a03;
	}
.typography-07 a {color:#868409;}
.typography-07 a:hover {}
.typography-07 h2 {margin-bottom:.5em;font: normal normal normal 24px/95% "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;color:#ffffff;background-color:#414a03;text-align:center;padding:.5em 0;}

/* typography 08 - Service Navs */
.typography-08 {
font: normal normal normal 16px/95% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
/* -----------------------------------
	t01 Template
-------------------------------------- */

/* structure */
body#t01 #slideshow_box {position:relative;margin:0 auto;width:900px;height:360px;background:url(../skins/2009a/home-bg-main.jpg) top left no-repeat;}
body#t01 #slideshow_box #slideshow {}
body#t01 #slideshow_box #slideshow #video_box {position:absolute;width:383px;height:242px;top: 21px;left:21px;}
body#t01 #slideshow_box #slideshow #video_box #video {}
body#t01 #slideshow_box #slideshow #video_box #video #video-flash {width:383px;height:242px;}
body#t01 #slideshow_box #slideshow #action_box {position:absolute;width:300px;height:80px;top: 274px;left:60px;}
body#t01 #slideshow_box #slideshow #action_box #action {text-align:center;padding-top:10px;}
body#t01 #slideshow_box #slideshow #action_box #action a {display:block;width:300px;height:80px;}
body#t01 #slideshow_box #slideshow #intro_box {position:absolute;width:380px;height:240px;top: 80px;left:460px;}
body#t01 #slideshow_box #slideshow #intro_box #intro {}

body.p-testimonials div.typography-01 blockquote {font-weight: inherit;font-size:inherit;color:inherit;text-align:inherit;padding:inherit inherit;margin: 0;border-top:inherit;border-bottom: inherit;font-style:italic;}
body.p-testimonials .typography-01 blockquote span {font-size:85%;margin-left:2em;}
body.p-testimonials .typography-01 blockquote p {margin:inherit;}

/* fonts */
body#t01 #content_box #content {}

/* colors */
body#t01 #content_box #content {}



/* -----------------------------------
	Winemaking 101
-------------------------------------- */
ul#tabs {
margin:0;padding:0;
} 

ul#tabs li {
float:left;list-style:none;margin:5px;padding:.5em;
cursor:pointer;    
} 

div#wine101 {
position:relative; overflow:hidden; width: 900px; height:360px;     
} 
 
div#wine101 div#items {     
width:20000em; position:absolute;clear:both;     
} 
 
div#wine101 div#items div { 
    float:left; /* custom decoration */
	width:900px;
	height:360px;
	padding:0px;
	background-color: #f7f7d4;
	margin-right: 20px;	
	-moz-border-radius:5px;
} 
 
div#wine101 div#items div.active { 
   	border:1px inset #ccc;		
	background-color:#fff
}

div#wine101 div#items div.item div {width:860px;320px;margin:20px; } 


/* -----------------------------------
	Get Started Form
-------------------------------------- */
#freeform fieldset {  
margin: 1.5em 0 0 0; 
padding: 20px;
border:1px solid #999;
} 
#freeform legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold; 
} 
#freeform fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 
#freeform fieldset li {  
padding-bottom: 1em; 
} 
#freeform fieldset.submit {  
border-style: none; 
}
#freeform label {  
display: block;
width: 8em; 
float: left;
margin-top:5px;
}

#freeform label.required {color:#990000;}
#freeform input,
#freeform textarea {  
margin-top:5px;
}
#freeform label.wide {  
width: 30em; 
}
#freeform p { clear: both; }
#freeform em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#freeform label.error { width: 10em;float: none; color: red; padding-left: .5em; vertical-align: top; }
/* -----------------------------------
	Video Blog
-------------------------------------- */

#videoblog .entry {  
margin: 0 0 20px 0;  
} 
#videoblog .recentposts {  
margin: 1.5em 0 0 0;  
padding: 20px;
border:1px solid #999;
}