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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#ded2bc url("../images/body-bg.jpg") top;
	text-align:center; 
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10pt;
	color:#6f675c;
	margin-top:20px;
	}
	body a:link, body a:visited {
		font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
		font-size:10pt;
		color:#6f675c;
		text-decoration:underline;
		}
	body a:hover, body a:active {
		font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
		font-size:10pt;
		color:#501A31;
		text-decoration:none;
		}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ 	
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:12pt;
	color:#6f675c;
	font-weight:500;
	margin-left:24px;
	}
h2	{ font-size:1.1em; color:#B7665D; }
h3	{ font-size:1.0em; color:#FFF6EF; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#EEE1D6; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#FFFFFF; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
div.clear-h2	{ 
	height:10px; 
	overflow:hidden; 
	}
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:0px 0px 0px 0px;
	}

img.img-right { 
	float:right; 
	margin:0px 0px 0px 0px; 
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/wrap-bg.jpg") repeat-y;
	width:776px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ header framework ------------------------ */
#header { 
	width:776px;
	}

/*------------------------ Navigation Framework ---------------------------- */
#nav	{
	background:url("../images/nav.jpg") no-repeat;
	width:776px;
	height:42px;
	padding:0px;
	margin:0px;
	}
#nav li { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	position:absolute;
}

#nav li, #nav a { 
	height: 50px;
	display: block;
}

#nav span { 
	display: none;
}

#nav-1 { width: 130px; left: 350px; }
#nav-2 { width: 110px; left: 480px;}
#nav-3 { width: 70px; left: 590px;}
#nav-4 { width: 70px; left: 660px;}
#nav-5 { width: 70px; left: 740px;}

#nav-1 a:hover { background: transparent url(../images/index/nav.jpg) -474px -50px no-repeat;}
#nav-2 a:hover { background: transparent url(../images/index/nav.jpg) -128px -38px no-repeat;}
#nav-3 a:hover { background: transparent url(../images/index/nav.jpg) -214px -38px no-repeat;}
/* ------------------- Top Navigation -------------------- */
#menubar {
	width:776px;
	position:relative;
	}
	
#topnav	{
	padding:0px;
	width:776px;
	height:50px;
	margin:0px;
	background:url("../images/nav-top.jpg") no-repeat;
	position:relative;
	}
	
#topnav li { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	top: 2px;
	position: absolute;
}

#topnav li, #topnav a { 
	height: 50px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#topnav span { 
	display: none;
}

#topnav1 { width: 87px; left: 474px; }
#topnav2 { width: 78px; left: 560px;}
#topnav3 { width: 100px; left: 638px;}

#topnav1 a:hover { background: transparent url(../images/index/nav.jpg) -474px -50px no-repeat;}
#topnav2 a:hover { background: transparent url(../images/index/nav.jpg) -128px -38px no-repeat;}
#topnav3 a:hover { background: transparent url(../images/index/nav.jpg) -214px -38px no-repeat;}

/* ------------------------ Left Column Framework ------------------------ */

#left-content	{
	float:left;
	width:268px;
	}
	#left-content	p{
	font-size:10pt;
	padding-left:40px;
	padding-right:40px;
	}
/*-------------------------- Right Column Framework --------------------- */
#right-content	{
	float:left;
	position:relative;
	width:500px;
	}
#main-content	{
	width:495px;
	margin:0px;
	padding-top:15px;
	background:url("../images/home-subhead.jpg") no-repeat;
	}
#right-content #main-content p	{
	width:460px;
	padding-left:25px;
	margin:0px;
	}
/* --------------------------- Subhead Framework -------------------------- */
#subhead {
	width:768px;
}

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:776px; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#bottom {
	width:776px;
	background:url("../images/footer-bg.jpg") no-repeat;
	height:60px;
	}

#bottom p {
	color:#C6B7AC;
	margin-bottom:10px;
	padding-left:265px;
	padding-top:16px;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	font-size: 8pt;
	color:#6f675c;
	}
	
#footer {
	width:750px;
	margin: 0 auto;
	padding:0;
	}
#footer p {
	color:#6b625b;
	margin-top:10px;
	padding:0px;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	font-size:10pt;
	color:#6f675c;
	}

#footer a:link, #footer a:visited { color:#6b625b; text-decoration:underline; }
#footer a:hover, #footer a:active { color:#C6B7AC; text-decoration: underline;}

#footer ul {margin-bottom:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		}
	#footer li.first { border: none; }
	
/* ------------------------- Line Break -------------------------------- */
.line-break	{
	background:url("../images/line-break.gif") top center no-repeat;
	padding-top:5px;
	width:400px;
	margin-left:55px;
	margin-top:10px;
	}
/* Side Nav */
#pairing	{
	width:209px;
	height:190px;
	background:url("../images/temecula-wine-pairing.jpg") no-repeat;
	margin-left:33px;
	padding-top:10px;
	}
#pairing p {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	margin:0;
	font-size: 8pt;
	color:#6f675c;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	}
	
#types	{
	width:209px;
	height:190px;
	background:url("../images/types-of-wine.jpg") no-repeat;
	margin-left:33px;
	padding-top:10px;
	}
#types p {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	margin:0;
	font-size: 8pt;
	color:#6f675c;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	}
	
#festival	{
	width:209px;
	height:110px;
	background:url("../images/festival.jpg") no-repeat;
	margin-left:33px;
	padding-top:30px;
	padding-left:8px;
	padding-right:12px;
	}
#festival p {
	padding-top:10px;
	padding-left:10px;
	padding-right:22px;
	padding-bottom:0px;
	margin:0;
	font-size: 8pt;
	color:#6f675c;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	}
	
#wine-list	{
	margin-left:50px;
	padding:0;
	list-style-type:none;
	font-size: 8pt;
	color:#6f675c;
	font-family:"trechubrat ms", helvetica, arial, Sans-serif;
	}
	#wine-list li	{
		height:12px;
		font-size: 8pt;
		color:#6f675c;
		font-family:"trechubrat ms", helvetica, arial, Sans-serif;
		}