/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Site
-------------------------------------------------------------- */
div#page {
	width: 865px;
	margin: 0 auto;
}
div#header {
	width: 865px;
	height: 150px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
}
div#content {
	background-image: url(../img/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 0 30px 30px;
}
div#content-home {
	background-image: url(../img/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: -8px;
	text-align: center;
}


h1#logo { background-image: url(../img/logo.gif); height: 81px; width: 173px; }

h1#logo a { height: 81px; width: 173px; }


.img { text-indent : -999em; overflow: hidden; display: block; background-repeat: no-repeat; background-color: transparent; }

ul#navigation li {
	height: 18px;
	background-repeat: no-repeat;
}

ul#navigation li a:hover, ul#navigation li a.on {
	background-position: 0 -18px;
}

li#navigation-1 { width: 208px; }
li#navigation-2 { width: 164px; }
li#navigation-3 { width: 147px; }
li#navigation-4 { width: 181px; }
li#navigation-5 { width: 164px; }

li#navigation-1 a { width: 208px; background-image: url(../img/navigation_1.gif); }
li#navigation-2 a { width: 164px; background-image: url(../img/navigation_2.gif); }
li#navigation-3 a { width: 147px; background-image: url(../img/navigation_3.gif); }
li#navigation-4 a { width: 181px; background-image: url(../img/navigation_4.gif); }
li#navigation-5 a { width: 164px; background-image: url(../img/navigation_5.gif); }

ul#navigation-footer li {
	height: 17px;
	background-repeat: no-repeat;
}

ul#navigation-footer {
	width: 468px;
	margin: 0 auto;
}

li#footer-nav-1 { width: 113px; }
li#footer-nav-2 { width: 219px; }
li#footer-nav-3 { width: 136px; }

li#footer-nav-1 a { width: 113px; background-image: url(../img/footer_nav_1.gif); }
li#footer-nav-2 a { width: 219px; background-image: url(../img/footer_nav_2.gif); }
li#footer-nav-3 a { width: 136px; background-image: url(../img/footer_nav_3.gif); }

div#column-left { float: left; width: 300px; }
div#column-right { float: left; width: 450px; }

div#intro-about { height: 281px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_about.gif); margin-bottom: 25px; }
div#intro-representation { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_representation.gif); margin-bottom: 25px; }
div#intro-references { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_references.gif); margin-bottom: 25px; }
div#intro-our-brands { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_our_brands.gif); margin-bottom: 25px; }
div#intro-spotlight { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_spotlight.gif); margin-bottom: 25px; }
div#intro-spotlight-wine { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_spotlight_wine.gif); margin-bottom: 25px; }
div#intro-where-to-find { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_where_to_find.gif); margin-bottom: 25px; }
div#intro-wine-101 { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_wine_101.gif); margin-bottom: 25px; }
div#intro-contact-us { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_contact_us.gif); margin-bottom: 25px; }
div#intro-site-map { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_site_map.gif); margin-bottom: 25px; }
div#intro-privacy-policy { height: 150px; width: 450px; border-bottom: 1px solid #999; background-image: url(../img/intro_privacy_policy.gif); margin-bottom: 25px; }



ul#subnav {
	list-style-type: none;
}
ul#subnav li, ul#subnav li a {
	height: 30px;
	width: 220px;
}
ul#subnav li a:hover, ul#subnav li a.on {
	background-position: 0 -30px;
}
li#subnav-about-1 a { background-image: url(../img/subnav_about_1.gif);}
li#subnav-about-2 a { background-image: url(../img/subnav_about_2.gif);}
li#subnav-about-3 a { background-image: url(../img/subnav_about_3.gif);}
li#subnav-spotlight-1 a { background-image: url(../img/subnav_spotlight_1.gif);}
li#subnav-spotlight-2 a { background-image: url(../img/subnav_spotlight_2.gif);}
li#subnav-wine-101-1 a { background-image: url(../img/subnav_wine_101_1.gif);}
li#subnav-wine-101-2 a { background-image: url(../img/subnav_wine_101_2.gif);}
li#subnav-wine-101-3 a { background-image: url(../img/subnav_wine_101_3.gif);}

div.logo { float: right; }
div.wine { margin-bottom: 60px; clear: both; }

div#wine-wrapper {
	padding-right: 50px;
	height: 390px;
	width: 465px;
	overflow: auto;
}
div#podcast-list a { color: #777; }
div#podcast-list img { margin-bottom: 1em; }
div#podcast-list h3 { margin-bottom: 3px; }

p#where-to-find a { color: #777; }

div#contact-us {
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 100px;
}

div#contact-us p {	color: #96360c; }
div#contact-us span { color: #777; }

div#site-map h3 { font-size: 1.5em; margin: 1em 0 .25em 0; }
div#site-map p { padding-left: 2em; margin: 0; }