/* structure **************************************** */

body {
	background: #001c30 url(imgs/main_bg.jpg) top no-repeat;
	font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
	margin: 0;
	padding: 0;
}

#verify_page {
	background: #001c30 url(imgs/verify_bg.jpg) top no-repeat;
}

#home_page {
	background: #001c30 url(imgs/home_bg.jpg) top no-repeat;
}

#map_page {
	background: #001c30 url(imgs/map_bg.jpg) top no-repeat;
}

#about_page {
	background: #001c30 url(imgs/about_bg.jpg) top no-repeat;
}

#recipes_page {
	background: #001c30 url(imgs/recipes_bg.jpg) top no-repeat;
}

#tequila_101_page {
	background: #001c30 url(imgs/tequila_101_bg.jpg) top no-repeat;
}

#contact_page {
	background: #001c30 url(imgs/contact_bg.jpg) top no-repeat;
}

#blanco_page {
	background: #001c30 url(imgs/blanco_bg.jpg) top no-repeat;
}

#reposado_page {
	background: #001c30 url(imgs/reposado_bg.jpg) top no-repeat;
}

#anejo_page {
	background: #001c30 url(imgs/anejo_bg.jpg) top no-repeat;
}

#making_page {
	background: #001c30 url(imgs/making_bg.jpg) top no-repeat;
}

#events_page {
	background: #001c30 url(imgs/events_bg.jpg) top no-repeat;
}

/* ----------container -------------- */
#container {
width: 980px;
padding:0px;
margin: 0px 0 0 0px ;
margin-left: auto;
margin-right: auto;

}


#header {
	height: 140px;
	xbackground: red;
	xmargin-bottom:57px;
}


/* global link styles **************************************** */

A:LINK {
	color: #ffcc60; /* default blue */
	text-decoration : none;
	}
	
A:VISITED {
	color : #ffba27;
	text-decoration : none;
	}
	
A:HOVER {
	color: #000;
	xtext-decoration : underline;
	xbackground: #eaeaea;
	}
	
A:ACTIVE {
	xtext-decoration : underline;
	color : #000;
	}


.topLinks A:link {color : #666;}
.topLinks A:visited {color : #666; text-decoration: none;}
.topLinks A:hover {color : #000; text-decoration: none;}

.navBread A:link {color : #fe5e00; font-size: 10px;}
.navBread A:visited {color : #fe5e00; text-decoration: none; font-size: 10px;}
.navBread A:hover {color : #000; text-decoration: none; font-size: 10px;}

.footer A:link {color : #8abbd5; font-size: 11px; padding: 1px 10px 0 10px}
.footer A:visited {color : #8abbd5; text-decoration: none; font-size: 11px; padding: 1px 10px 0 10px}
.footer A:hover {color : #fff; text-decoration: none; font-size: 11px; padding: 1px 10px 0 10px}


a img{ border:0px}



/* ---------- CONTENT STYLES -------------- */



h1 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size:36px;
	color:#1f1000;
	margin: 0 -30px 0 -80px;
	background: whitesmoke;
	padding: 5px 0 5px 30px;
}

h2 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size:16px;
	color:#1f1000;
}

h3 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size:14px;
	color:#1f1000;
	margin: 0px;
}


#lower h2 {
	color:#fff;
	border-left: 6px solid #fff;
	padding-left: 6px;
	margin: 0 0 10px 0;
}

.largeW {
	color: #f5f5f5;
	font-size: 24px;
	line-height: 26px;

}

.mediumW {
	color: #f5f5f5;
	font-size: 18px;

}

.smallG {
	color: #f5f5f5;
	font-size: 12px;
	line-height: 18px;
}


.smallW {
	color: #fff;
	font-size: 12px;

}


.ctaBox {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: #8abbd5;
	font-size: 11px;
	line-height: 16px;
	margin:0 0 0 35px;
	padding: 10px 0 10px 15px;
	border-left: 1px dotted #8abbd5;
	font-weight: bold;

}


.ctaHead {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;

}

.caption {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	color: #8abbd5;
	font-size: 10px;
	line-height: 11px;
	margin-top:5px;

}



.floatR {
	float:right; margin: 10px 0 10px 10px;
}

.floatL {
	float:left; margin: 10px 15px 10px 0;
}


.recipes {
	xfont-family: Tahoma;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

.navBread {
	color: #474843;
	font-size: 10px;
}

.credit {
	color: #a2a2a2;
	font-size: 10px;
	line-height: 20px;
}



.footer {
	color: #8abbd5;
	font-size: 10px;
	background: url(imgs/lower_cap.jpg) top no-repeat;
	padding: 0px 50px;
	line-height: 20px;
	
}




/* buttons **************************************** */
			
			
				
				
div.but1 a {
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	top:0px;
	left: 0px;
	display:block;
	padding: 5px 20px;
	margin: 0 25px 5px 0;
	xborder: 1px dotted #333;
	text-decoration: none;
	background: #41abec;
	}
	
div.but1 a:visited {
	color: #fff;
	}
	
div.but1 a:hover {
	background-color: #fff;
	color: #000;
	xborder: 1px solid #ccc;
	text-decoration: none;
	}
	
	

	
div.sub a {
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 11px;
	color: #ffcc60;
	font-weight: bold;
	line-height: 16px;
	top:0px;
	left: 0px;
	display:block;
	padding: 5px 5px;
	margin: 0 25px 0px 0;
	border-top: 1px dotted #ccc;
	text-decoration: none;
	xbackground: #ffcc60;
	}
	
div.sub a:visited {
	color: #000;
	}
	
div.sub a:hover {
	xbackground-color: #fff;
	color: #000;
	xborder: 1px solid #ccc;
	text-decoration: none;
	}
	
	

	
div.sub2 a {
	font-family: 'X', Arial, Helvetica, Verdana, Sans-serif, 'X';
	font-size: 11px;
	color: #ffcc60;
	font-weight: bold;
	line-height: 16px;
	top:0px;
	left: 0px;
	display:block;
	padding: 2px 5px 2px 15px;
	margin: 0 25px 0px 0;
	xborder: 1px dotted #000;
	text-decoration: none;
	xbackground: #ffba27;
	}
	
div.sub2 a:visited {
	color: #000;
	}
	
div.sub2 a:hover {
	xbackground-color: #fff;
	color: #000;
	xborder: 1px solid #ccc;
	text-decoration: none;
	}

	
#scrollDiv1 {
	position:relative;
	width:390px;
	height:380px;
	z-index:1;
	xleft: 451px;
	xtop: 151px;
	padding-right: 15px;
	xbackground-color: red;
	overflow: visible;
	overflow-x: hidden;
}
	

BODY 
{ 
scrollbar-face-color: #EAEAEA; 
scrollbar-shadow-color: #EAEAEA; 
scrollbar-highlight-color: #EAEAEA; 
scrollbar-3dlight-color: #EAEAEA; 
scrollbar-darkshadow-color: #697074; 
scrollbar-track-color: #F7F7F7; 
scrollbar-arrow-color: #666666; 
}