@charset "UTF-8";
/* CSS Document */

/* Colors

Siembra Blue: #005cab
Siembra Green: #24933c

*/


@import "reset.css";


body {

	font:10px/18px Verdana, Arial, sans-serif;
	color:#595c5e;
}

body#age {
	background:#005cab;
	color:#fff;
}


#wrapper {
	width:786px;
	margin: 20px auto 0;
	text-align: center;
}

#age #wrapper {
	width:465px;
	margin-top:175px;
}

a {
	text-decoration:none;
	color:#595c5e;
}

a:hover {
	text-decoration:none;
	color:#595c5e;
}

#age a {
	color:#fff;
}

.clear {
	clear:both;
}



/* Title
----------------------------------------- */

#title {
	width:695px;
	height:100px;
	margin-left:91px;
	background:#005cab;
}

#age #title {
	margin-left:60px;
	width:437px;
	height:80px;
}

#title a h1 {
	width: 437px;
	height: 100px;
	background: url("../img/siembra-azul-tequila.gif") no-repeat;
	text-align: left;
	text-indent: -10000px;
	display: block;
	float:left;
}

#age #title a h1 {
	height:80px;
}

#title a h2 {
	width:45px;
	height:100px;
	margin-right:75px;
	text-indent: -10000px;
	display:block;
	float:right;
}

#age #title a h2 {
	display:none;
}


/* Nav
----------------------------------------- */

#nav {
	width:89px;
	margin:1px 1px 0 0;
	font:10px/10px Verdana, Arial, sans-serif;
	float:left;
}

#nav .mainNav {
}

#nav .mainNav li {
	width:89px;
	height:20px;
	margin: 1px 0;
}

#nav .mainNav li a {
	width:89px;
	height:20px;
	color: #fff;
	text-decoration:none;
	text-indent: -10000px;
	display:block;
	float:right;
}

/* Subnavs
----------------------------------------- */

#siembraNav, #processNav, #recipesNav, #newsNav {
	display:none;
}

#siembraNav li, #processNav li, #recipesNav li, #newsNav li {
	width:89px;
	height:20px;
	background: #99b4d9;
	margin: 1px 0;
}

#siembraNav li a, #processNav li a, #recipesNav li a, #newsNav li a {
	width:89px;
	height:20px;
	color: #fff;
	text-decoration:none;
	text-indent: -10000px;
	display:block;
	float:right;
}

#process #processNav, #siembra #siembraNav, #recipes #recipesNav, #news #newsNav {
	display:block;
}


#nav #processNav #cultivationLink a {
	background: url("../img/nav/process/cultivation.jpg") 0 0 no-repeat;
}

#nav #processNav #cultivationLink a:hover, .cultivation #nav #processNav #cultivationLink a {
	background: url("../img/nav/process/cultivation.jpg") 0 -20px no-repeat;
}

#nav #processNav #harvestLink a {
	background: url("../img/nav/process/harvest.jpg") 0 0 no-repeat;
}

#nav #processNav #harvestLink a:hover, .harvest #nav #processNav #harvestLink a {
	background: url("../img/nav/process/harvest.jpg") 0 -20px no-repeat;
}

#nav #processNav #roastingLink a {
	background: url("../img/nav/process/roasting.jpg") 0 0 no-repeat;
}

#nav #processNav #roastingLink a:hover, .roasting #nav #processNav #roastingLink a {
	background: url("../img/nav/process/roasting.jpg") 0 -20px no-repeat;
}

#nav #processNav #millingLink a {
	background: url("../img/nav/process/milling.jpg") 0 0 no-repeat;
}

#nav #processNav #millingLink a:hover, .milling #nav #processNav #millingLink a {
	background: url("../img/nav/process/milling.jpg") 0 -20px no-repeat;
}

#nav #processNav #fermentationLink a {
	background: url("../img/nav/process/fermentation.jpg") 0 0 no-repeat;
}

#nav #processNav #fermentationLink a:hover, .fermentation #nav #processNav #fermentationLink a {
	background: url("../img/nav/process/fermentation.jpg") 0 -20px no-repeat;
}

#nav #processNav #distillationLink a {
	background: url("../img/nav/process/distillation.jpg") 0 0 no-repeat;
}

#nav #processNav #distillationLink a:hover, .distillation #nav #processNav #distillationLink a {
	background: url("../img/nav/process/distillation.jpg") 0 -20px no-repeat;
}

#nav #processNav #agingLink a {
	background: url("../img/nav/process/aging.jpg") 0 0 no-repeat;
}

#nav #processNav #agingLink a:hover, .aging #nav #processNav #agingLink a {
	background: url("../img/nav/process/aging.jpg") 0 -20px no-repeat;
}

#nav #processNav #bottlingLink a {
	background: url("../img/nav/process/bottling.jpg") 0 0 no-repeat;
}

#nav #processNav #bottlingLink a:hover, .bottling #nav #processNav #bottlingLink a {
	background: url("../img/nav/process/bottling.jpg") 0 -20px no-repeat;
}

#nav #processNav #tastingLink a {
	background: url("../img/nav/process/tasting.jpg") 0 0 no-repeat;
}

#nav #processNav #tastingLink a:hover, .tasting #nav #processNav #tastingLink a {
	background: url("../img/nav/process/tasting.jpg") 0 -20px no-repeat;
}

#nav #processNav #movieLink a {
	background: url("../img/nav/process/movie.jpg") 0 0 no-repeat;
}

#nav #processNav #movieLink a:hover, .movie #nav #processNav #movieLink a {
	background: url("../img/nav/process/movie.jpg") 0 -20px no-repeat;
}

#nav #siembraNav #overviewLink a {
	background: url("../img/nav/products/overview.jpg") 0 0 no-repeat;
}

#nav #siembraNav #overviewLink a:hover, .overview #nav #siembraNav #overviewLink a {
	background: url("../img/nav/products/overview.jpg") 0 -20px no-repeat;
}

#nav #siembraNav #anejoLink a {
	background: url("../img/nav/products/anejo.jpg") 0 0 no-repeat;
}

#nav #siembraNav #anejoLink a:hover, .anejo #nav #siembraNav #anejoLink a {
	background: url("../img/nav/products/anejo.jpg") 0 -20px no-repeat;
}

#nav #siembraNav #blancoLink a {
	background: url("../img/nav/products/blanco.jpg") 0 0 no-repeat;
}

#nav #siembraNav #blancoLink a:hover, .blanco #nav #siembraNav #blancoLink a {
	background: url("../img/nav/products/blanco.jpg") 0 -20px no-repeat;
}

#nav #siembraNav #reposadoLink a {
	background: url("../img/nav/products/reposado.jpg") 0 0 no-repeat;
}

#nav #siembraNav #reposadoLink a:hover, .reposado #nav #siembraNav #reposadoLink a {
	background: url("../img/nav/products/reposado.jpg") 0 -20px no-repeat;
}

#nav #recipesNav #nocheAzulLink a {
	background: url("../img/nav/recipes/drink-01.jpg") 0 0 no-repeat;
}

#nav #recipesNav #nocheAzulLink a:hover, .noche_azul #nav #recipesNav #nocheAzulLink a {
	background: url("../img/nav/recipes/drink-01.jpg") 0 -20px no-repeat;
}

#nav #recipesNav #tierraEternaLink a {
	background: url("../img/nav/recipes/drink-02.jpg") 0 0 no-repeat;
}

#nav #recipesNav #tierraEternaLink a:hover, .tierra_eterna #nav #recipesNav #tierraEternaLink a {
	background: url("../img/nav/recipes/drink-02.jpg") 0 -20px no-repeat;
}

#nav #recipesNav #orchestratedHarmonySpringLink a {
	background: url("../img/nav/recipes/drink-03.jpg") 0 0 no-repeat;
}

#nav #recipesNav #orchestratedHarmonySpringLink a:hover, .orchestrated_harmony_spring #nav #recipesNav #orchestratedHarmonySpringLink a {
	background: url("../img/nav/recipes/drink-03.jpg") 0 -20px no-repeat;
}

#nav #recipesNav #laClasicaAzulLink a {
	background: url("../img/nav/recipes/drink-04.jpg") 0 0 no-repeat;
}

#nav #recipesNav #laClasicaAzulLink a:hover, .la_clasica_azul #nav #recipesNav #laClasicaAzulLink a {
	background: url("../img/nav/recipes/drink-04.jpg") 0 -20px no-repeat;
}

#nav #recipesNav #losAgavesLink a {
	background: url("../img/nav/recipes/drink-05.jpg") 0 0 no-repeat;
}

#nav #recipesNav #losAgavesLink a:hover, .los_agaves #nav #recipesNav #losAgavesLink a {
	background: url("../img/nav/recipes/drink-05.jpg") 0 -20px no-repeat;
}

#nav #newsNav #pressLink a {
	background: url("../img/nav/news/press.jpg") 0 0 no-repeat;
}

#nav #newsNav #pressLink a:hover, .press #nav #newsNav #pressLink a {
	background: url("../img/nav/news/press.jpg") 0 -20px no-repeat;
}



/* Common Content Structure
----------------------------------------- */

#content {
	width: 694px;
	height:318px;
	margin-top:1px;
	position:relative;
	float:right;
}

#age #content {
	width:475px;
}

#home #content {
	height: 348px;
}

#siembra #content, #recipes #content {
	height: 460px;
}

#video #content {
	height:410px;
}

#gallery #content {
	position:relative;
}

#contact #content {
	height:260px;
}

#siembra #rightCol, #recipes #rightCol {
	width:318px;
	line-height:16px;
	text-align:left;
	float:right;
}

#siembra #contentTitle, #recipes #contentTitle {
	width:318px;
	height:20px;
	margin:60px 0 12px 0;
	background:#005cab;
	float:right;
}

#blueBox {
	width:485px;
	height:30px;
	background:#005cab;
	text-align:left;
	position:absolute;
	right:0;
	bottom:0;
}

#siembra #blueBox, #gallery #blueBox, #recipes #blueBox, #video #blueBox{
	width:694px;
	bottom:-30px;
}

#home #blueBox {
	width:694px;
}

.movie #blueBox {
	display:none;
}

#news.events #blueBox {
	min-height:50px;
	height: auto !important;
	height:50px;
	width:450px;
	position:relative;
	margin-left:15px;
	border-top:1px solid #fff;
	margin-bottom:30px;
}

#gallery #blueBox {
	border-top:1px solid #fff;
	min-height:100px;
	height: auto !important;
	height:100px;
}



/* Page Styles
----------------------------------------- */

#news.press #content {
	background: url('../img/news/press.jpg') 0 0 no-repeat;
}

#availability #content {
	background: url('../img/availability/availability.jpg') 0 0 no-repeat;
}

#culture #content {
	background: url('../img/culture/culture.jpg') 0 0 no-repeat;
}

#foundation #content {
	background: url('../img/foundation/foundation.jpg') 0 0 no-repeat;
}

#faq #content {
	background: url('../img/faq/faq.jpg') 0 0 no-repeat;
}

#links #content {
	background: url('../img/links/links.jpg') 0 0 no-repeat;
}

#services #content {
	background: url('../img/services/services.jpg') 0 0 no-repeat;
}

#blueBox h4 {
	margin:10px 0 0 22px;
	color:#fff;
	font:10px/10px Verdana, Arial, sans-serif;
}

#siembra h3, #recipes h3 {
	margin:6px 0 0 10px;
	color:#fff;
	font:10px/10px Verdana, Arial, sans-serif;
}

#siembra p, #recipes p {
	margin:12px 0 0 10px;;
	width:268px;
	float:left;
}

#culture a {
	text-decoration:underline;
}

#culture a:hover {
	text-decoration:underline;
}

#availability a {
	color:#005cab;
}

#availability p {
	margin-bottom:0;
}

.movie #blueBox h4 {
	text-indent: -10000px;
}

#news.events h3, #contact h3 {
	color:#005cab;
	margin:15px;
	font-size:12px;
	line-height:16px;
	width:450px;
}

#news.events p, #contact p {
	margin:0 10px 10px 15px;
	line-height:15px;
	width:450px;
}

#news.events #eventGalleryImg {
	margin-left:15px;
}

#news.events a, #contact a {
	color:#005cab;
}

#recipes .num {
	float:right;
	margin-right:10px;
}


/* Age Verification
----------------------------------------- */

#ageBox {
	border:1px solid #4084c0;
	width:300px;
	height:38px;
	margin-left:95px;
	text-align:left;
}

#ageBox p {
	padding:7px;
	float:left;
}

#yes, #no {
	width:89px;
	height:18px;
	border-left:1px solid #4084c0;
	float:right;
	text-align:left;
}

#yes {
	border-bottom:1px solid #4084c0;
}

#no {
	border-top:1px solid #4084c0;
}

#yes a, #no a {
	width:89px;
	height:18px;
	background:#4b76ba;
	color:#fff;
	display:block;
	text-indent:-10000px;
}

#yes a {
	background: url("../img/age/yes.jpg") 0 0 no-repeat;
}

#no a {
	background: url("../img/age/no.jpg") 0 0 no-repeat;
}

#yes a:hover{
	background: url("../img/age/yes.jpg") 0 -18px no-repeat;
}

#no a:hover {
	background: url("../img/age/no.jpg") 0 -18px no-repeat;
}

#disclaimer {
	margin-top:200px;
	font-size:9px;
}


/* events / contact
----------------------------------------- */

.eventImg, .contactImg {
	float:left;
	width:150px;
	height:130px;
	clear:both;
}

.eventSummary, .contactBody {
	float:left;
	width:540px;
	height:130px;
	border-left:1px solid #005cab;
	border-bottom:1px solid #005cab;
	text-align:left;
}

.eventBody {
	float:left;
	width:540px;
	border-left:1px solid #005cab;
	border-bottom:1px solid #005cab;
	text-align:left;
}

#news.events #eventGalleryContainer {
	position:relative;
	height:338px;
}

#news #loading {
	position:absolute;
	top:150px;
	left:220px;
	height:32px;
	width:32px;
}

#news.events #blueBox #thumbnails {
	width:156px;
	border-right:1px solid #fff;
	min-height:50px;
	height: 100% !important;
	height:50px;
}

#news.events #blueBox img {
	margin:0;
	padding:0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	float:left;
	width:25px;
	height:25px;
}



/* gallery
----------------------------------------- */

#gallery #loading {
	position:absolute;
	top:123px;
	left:331px;
	height:32px;
	width:32px;
}

#gallery #blueBox #thumbnails {
	width:500px;
	border-right:1px solid #fff;
	min-height:100px;
	height:100% !important;
	height:100px;
}

#gallery #blueBox img {
	margin:0;
	padding:0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	float:left;
	width:49px;
}


/* footer
----------------------------------------- */

#footer {
	width:462px;
	margin:15px 0;
	text-align:left;
	float:right;
}

#contact #footer {
	width:540px;	
}

#footer p{
	width:430px;
	margin-bottom:15px;
}

#news.press #footer .left, #news.press #footer .right {
	width:231px;
	float:left;
}

#news.press #footer .year {
	border-bottom:1px solid #666;
	margin-bottom:10px;
}

#availability #footer p{
	margin-bottom:0;
}

#availability #footer div {
	margin:0;
}

#availability #footer div p {
	margin-left:20px;
}

#availability #footer div div p {
	margin-left:40px;
}

#faq #footer a {
	font-weight:bold;
}

#faq h3, #faq p {
	margin:0;
}

#contact #footer p {
	margin: 10px 0 0 15px;
	padding:0;
}

#links #footer p, #news.press #footer p {
	line-height:14px;
}

#links #footer p {
	text-transform:uppercase;
}

input {
	margin:0 0 0 15px;
	padding:0;
	width:300px;
	height:18px;
	border:1px solid #bfd6ea;
}

textarea {
	margin:0 0 0 15px;
	padding:0;
	width:300px;
	height:60px;
	border:1px solid #bfd6ea;
}

.radio {
	width:15px;
	height: 15px;
}

#commonForm, #messageForm, #submitForm {
	display:none;
}

#commonForm {
	margin-top:20px;
}

#submitForm {
	background: url('../img/submit.gif') 0 0 no-repeat;
	width:51px;
	height:19px;
	border:none;
}

#services p {
	margin:10px 0 0 0;
}

#services p.last {
	margin-bottom:20px;
}

#services #footer a {
	color:#005cab;
}

#services #footer ul {
	margin:0 0 0 14px;
}

#services #footer ul li {
	list-style:outside disc; 
}

/* scrolling style
----------------------------------------------- */

#scrollArrows {
	width: 20px;
	float:right;
}

#scrollArrows #scrollUp {
	margin-top:35px;
}

#scrollArrows #scrollDown {
	margin-top:10px;
}