/*GLOBAL ELEMENTS*/

html	{
	min-width: 1008px;
}

body{
	color: #fff;
	background-color: #231502;
	margin: 0;
	padding: 0;
	font-size: .8em;
	font-family: Verdana;
}

* html body{ /* smaller font size forIE6 */
	font-size: .75em;
	}

a{
	color: #b3cb34;
}

a img	{
	border: none;
	}


/*MISC. CLASSES*/

img.download	{
	border: 1px solid #572600;
	float: left;
	display: inline;
	}

.replace{ /* used to hide text of graphic components */
	position: absolute;
	top: -100em;
	width: 50em;
}

/*OVERLAY IMAGE(S)*/

#overlay, #overlay_sub {
	position: absolute;
	top: 0;
	left: 550px;
}

#overlay_sub {
	left: 500px;
	width: 100%; /*Keeps small window sizes from wrapping images*/
}

#overlay_sub img {
	margin-right: 46px;
}

#container{ /*HOLDS ALL CONTENT*/
	width: 1008px;
	margin: 0;
	padding: 0;
}


/*HEADER: SABOR LOGO AND TOP NAVIGATION BUTTONS*/

#header{
	float: left;
	width: 958px; /*container width minus left padding*/
	border-bottom: 1px solid #becb34;
	padding: 73px 0 0 50px;/*Sets top margin for logo and left margin for logo and top_nav*/
}

* html #header{
	width: 1008px;
}

#header h1{
	margin: 0;
	padding: 0;
}

#header h1 a	{ /* placing the image in the background of the link allows the "hand" to appear */
	display: block;
	background: url(images/sabor_logo.gif) no-repeat;
	height: 46px;
	width: 213px;
}

ul#top_nav{
	float: left;
	margin: 28px 0 0 -5px; /*left margin aligns text of buttons with left edge of logo. IE 6 needs -2px*/
	padding: 0;
	color: #becb34;
	height: 33px;
	/*width: 495px;*/
	display: inline;
	overflow: hidden;
	list-style: none;
}

ul#top_nav li{
	float: left;
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0;
}

ul#top_nav a, #foot_nav a{
	float: left;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:33px; /* for IE5/Win only */
}

#top_nav a:hover, #top_nav a:active, #top_nav a.selected, #foot_nav a:hover, #foot_nav a:active, #foot_nav a.selected {
	background-position: 0 -33px; /*hover state is in the lower half of the stacked image*/
	}

#top_nav01 a{
	background-image: url(images/top_nav01.gif);
	width: 102px;
}

#top_nav02 a{
	background-image: url(images/top_nav02.gif);
	width: 148px;
}

#top_nav03 a{
	background-image: url(images/top_nav03.gif);
	width: 160px;
 }

#top_nav04 a{
	background-image: url(images/top_nav04.gif);
	width: 85px;
}

#top_nav05 a{
	background-image: url(images/top_nav05.gif);
	width: 121px;
}

#top_nav06 a{
	background-image: url(images/top_nav06.gif);
	width: 135px;
}


/*MAIN CONTENT AREAS*/

#main{/*is this needed after adding container?*/
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #becb34;
}

#sub_main{/*is this needed after adding container?*/
	float: left;
	color: #000;
	background-image: url(images/sub_main_back.gif);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-color: #ebe0d1;
	border-bottom: 1px solid #becb34;
	margin: 0;
	padding: 0;
}

#main_left{/*If main div is not needed rename this div main*/
	float: left;
	width: 564px;
	background-image: url(images/main_back1.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

#sub_left{
	float: left;
	width: 574px;
	padding: 0;
	margin: 0;
}

#sub_left_image{
	float: left;
	width: 1008px;
	padding: 0;
	margin: 0;
}

#sub_left_newsletter{
	float: left;
	width: 720px;
	padding: 0;
	margin: 0;
}

#main h2, #sub_main h2{
	float: left;
	background-image: url(images/main_home_wide.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 50px;
	margin: 17px 0 0;
	padding: 0;
}

#main_copy{
	float: left;
	margin: 0 0 56px 3px;/*margin and width of main H2 accounted for in left margin*/
	width: 260px;
	padding: 0;
}

#sub_main_copy{
	float: left;
	margin: 0 0 0 3px;/*margin and width of main H2 accounted for in left margin*/
	width: 310px;
	padding: 0 0 30px;
}

#sub_main_copy sub{
	margin: 1.4em 0 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-size: .9em;
	color: #666;
	border-bottom: 1px solid #999;
	}

#sub_main_image{
	float: left;
	margin: 10px 0 30px 3px;
	width: 800px;
	padding: 0;
}

#sub_main_image.wide	{
	width: 875px;
	}

#sub_wide_copy, #events_wide {
	float: left;
	margin: 0 0 30px 3px;/*margin and width of main H2 accounted for in left margin*/
	width: 485px;
	padding: 0;
	text-align: left;
}

#sub_wide_copy h3, #sub_main_copy h3	{
	color: #666;
	font-weight: bold;
	font-size: .9em;
	}

#sub_main_copy h4	{
	color: #231502;
	font-weight: bold;
	font-size: .8em;
	margin-left: 1em;
	}

#main_copy p, #sub_main_copy p, #sub_wide_copy p, #form_right p, #events_wide p	{
	font-size: .8em;
	line-height: 1.7em;
	padding: 12px 0 0;
	margin: 0;
}

#main_copy a, #sub_main_copy a, #sub_wide_copy a, #events_wide a	{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#sub_main_copy p.list	{
	padding: 4px 0 0 6px;
	line-height: 1.2em;
}

#sub_main_copy blockquote	{
	font-family: Georgia;
	font-style:italic;
	font-size: 1em;
	color: #666;
	line-height: 1.7em;
	margin: 0;
	padding: 1em 0 0;
}

#sub_main_copy blockquote.question	{
	/* padding-left: 1.5em; */
	font-style: normal;
	font-size: .9em;
	}

#sub_main_copy blockquote.answer	{
	/* color: #444; */
	/* padding-left: 1.5em; */
	padding-bottom: 1em;
	border-bottom: 1px solid #becb34;
	font-size: .9em;
}

span.qanda	{
	/*
margin-left: -1.4em;
	margin-right: .4em;
*/
	font-size: 130%;
	font-style: normal;
	color: #231502;
	}

#sub_main_image p.button	{
	display: inline;
	font-size: .8em;
	z-index: 10;
	padding-right: 6px;
	margin: 0;
	position: relative;
	top: 10px;
	}

#sub_main_image a	{
	color: #666;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
	padding: 6px;
	border: 1px solid #666;
	background-color: #fff;
	z-index: 10;
	}
	
#sub_main_image a:hover	{
	background-color: #b3cb34;
	color: #000;
	border-color: #000;
	z-index: 10;
	}

#main_copy a:hover, #sub_main_copy a:hover, #sub_wide_copy a:hover{
	border-bottom: 1px solid #666;
	}

#sub_main ul{
	margin: 0 0 0 20px;
	padding: 0;
}

#sub_main li{
	font-size: .8em;
	line-height: 1.3em;
	padding: 6px 0 0;
	margin: 0;
}

p#attention	{
	font-size: .9em;
	font-weight:bold;
	text-align: center;
	background-color: #BECB34;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #BECB34;
	}

#please_note	{
	font-size: .9em;
	}

#please_note h3	{
	color: #000;
	margin-bottom: .25em;
	}

#please_note ul	{
	margin-top: 0;
	}

#please_note ul li	{
	padding: .25em;
	}

p.date	{
	font-size: .8em;
	color: #666;
	font-style: italic;
	}

/*RECIPES*/

#recipe table	{
	font-size: .8em;
	width: 100%;
	line-height: 1.3em;
	}

#recipe table td	{
	padding: 5px 10px 5px 5px;
	}

#recipe table td.amount	{
	text-align: right;
	width: 10%;
	}

tr.odd	{
	background-color: #f5efe7;
	}

#recipe p	{
	margin: 1em 0 0 0;
	padding: 0;
	line-height: 1.3em;
	}

#recipe ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#recipe ul li	{
	padding: .3em 0 0;
	}

#recipe h4	{
	margin: 1.2em 0 .5em 0;
	padding: 0;
	font-weight: bold;
	color: #333;
	}

span.bigfrac	{
	font-size: larger;
	}


/*HIGHLIGHT NAVIGATION*/

ul#highlights{
	float: left;
	margin: 5px 0 0 30px;
	width: 175px;
	padding: 0;
	list-style: none;
}

#highlights li a{
	display: block;
	height: 30px;
	padding: 0;
	margin: 5px 0 0;
}

#highlights li.quote, #highlights li.quote a{
	height: 120px;
}

#highlights01 a{
	background-image: url(images/highlights01.gif);
}

#highlights02 a{
	background-image: url(images/hl-currentevents-g.gif);
}

#highlights03 a{
	background-image: url(images/hl-giftcards-c.gif);
}

#highlights04 a{
	background-image: url(images/highlights04.gif);
}

ul#files	{
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
	}

#files li	{
	float: left;
	width: 80px;
	margin: 0 15px 0 0;
	list-style: none;
	text-align: center;
	}

#files a img	{
	border: none;
	}

#files a:hover	{
	border-bottom: none;
	}

#files img	{
	/* border: 1px solid #becb34; */
}

#files p{
	margin: 0;
	padding: 5px 0 0;
	font-size: 1em;
	}

/*RIGHT-HAND BACKGROUND IMAGE AREA*/

#main_right{
	float: left;
	width: 444px;
	height: 292px;
	background-image: url(images/main_back2.jpg);
	background-repeat: no-repeat;
}

#sub_right{
	float: left;
	width: 434px;
	height: 287px;
	background-image: url(images/desserts_back.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #becb34;
}

#form_right{
	float: right;
	width: 150px;
	height: 287px;
	border: 1px solid #becb34;
	margin: 10px 20px 0 35px;
	padding: 15px;
	background-color: #eee;
}

#form_right h3	{
	color: #666;
	font-weight: bold;
	font-size: 1em;
	margin:0;
	}

#form_right p	{
	font-size: .8em;
	line-height: 1.2em;
	padding: .5em 0 0;
	margin: 0 10px 0 0;
}


/*CONTENT BOTTOM SUB-NAVIGATION*/

ul#sections{
	margin: -51px 0 0 0;/*negative top allows top border to split the images*/
	padding: 0 0 20px 50px;
	float: left;
	border-bottom: 1px solid #becb34;
}

ul#sub_sections{
	margin: 0;
	padding: 0 0 20px 50px;
	float: left;
	clear: both;
	width: 550px;
}
#sections li, #sub_sections li{
	float: left;
	width: 102px;
	margin-right: 20px;
	list-style: none;
}

#sections img, #sub_sections img{
	border: 1px solid #becb34;
}

#sections h3, #sub_sections h3{
	margin: 0 0 4px 0;
	font-size: .9em;
	width: 102px;
	height: 27px;
}

h3#sect_title01{
	 background-image: url(images/sect_dining.gif);
}

h3#sect_title02{
	 background-image: url(images/sect_desserts.gif);
}

h3#sect_title03{
	 background-image: url(images/sect_catering.gif);
}

h3#sect_title04{
	 background-image: url(images/sect_special.gif);
	height: 40px;
}

h3#sect_title05{
	background-image: url(images/sect_askvinicio.gif);
}

#sections p{
	margin: 0;
	font-size: .75em;
	width: 102px;
}


/*FOOTER NAVIGATION*/

#ornament{/*ORNAMENT AT END OF HORIZONTAL LINE*/
	background-image: url(images/ornament.gif);
	float: left;
	width: 44px;
	height: 23px;
	margin: -12px 0 -12px 650px;
	padding: 0;
}

* html #ornament{
	margin-left: 330px;
}

ul#foot_nav{
	float: left;
	clear: both;
	margin: 0 0 0 43px;
	padding: 0;
	color: #becb34;
	height: 33px;
	width: 478px;
	display: inline;
	overflow: hidden;
	list-style: none;
}

ul#foot_nav li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#foot_nav01 a{
	background-image: url(images/foot_nav01.gif);
	width: 89px;
}

#foot_nav02 a{
	background-image: url(images/foot_nav02.gif);
	width: 103px;
}

#foot_nav03 a{
	background-image: url(images/foot_nav03.gif);
	width: 179px;
}

#foot_nav04 a{
	background-image: url(images/foot_nav04.gif);
	width: 107px;
}


/*HOME PAGE ONLY. TEXT UNDER MAIN PHOTO.*/

#join_us{ 
	float: right;
	margin: 10px;
}

#join_us h3, #join_us p{
	text-align: right;
	font-size: .9em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#join_us p{
	font-size: .8em;
	margin-top: 2px;
}

#caption{ /*CAPTION AREA FOR MAIN IMAGES*/
	color: #666;
	float: right;
	text-align: right;
	margin: 5px 50px 0 0;
	padding: 0;
}

#market	{
	float: right;
	text-align: center;
	margin: 25px 80px 0 0;
	padding: 0;
	font-family: "trebuchet MS";
	}

#market img	{
	border: 1px solid #becb34;
	}

#market a:hover	{
	text-decoration: none;
	border: none;
	}

#market h3	{
	color: #becb34;
	font-size: 120%;
	font-weight: bold;
	margin: 5px;
	}

#market p	{
	font-weight: normal;
	margin: 0;
	padding: 0;
	}


/*FOOTER AREA/ADDRESS*/

#footer{
	clear: both;
	margin: 0 0 20px 50px;
	padding: 15px 0 0;
}

#footer p{
	font-size: .8em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

/* CURRENT EVENTS SPECIFIC TAGS */

#events_wide	{
	float: left;
	width: 300px;
	}

#events_wide h3	{
	font-size: .9em;
	color: #666;
	margin: 13px 0 0;
	}

#events_wide h4	{
	margin: 8px 0 -8px;
	padding: 0;
	display: block;
	width: 250px;
	height: 44px;
	background: url(images/flavor_of_paper.gif) no-repeat;
	}

#events_wide hr	{
	margin-top: 1.5em;
	}

#events_wide p.artists	{
	margin: 6px 0 0;
	padding: 0;
	font-size: 1.1em;
	color: #666;
	font-style: italic;
	}

#events_wide p.date	{
	margin: 3px 0 0;
	padding: 0;
	font-style: normal;
	font-size: 1em;
	}

#events_wide .time	{
	font-size: 1.25em;
	}

img#beachtime	{
	float: right;
	margin: 15px 10px 0 0;
	border: 1px solid #becb34;
	}

img#tri_all	{
	float: right;
	margin: -15px 10px 30px 0;
	border: 1px solid #becb34;
	}
	
/* GIFT CARDS */

#giftcards	{
	float: left;
	width: 450px;
	}

#giftcards h3	{
	font-size: .9em;
	color: #666;
	margin: 13px 0 0;
	}

#giftcards h4	{
	font-size: .9em;
	color: #666;
	margin: .5em 0 0;
	padding: 0;
	}

#giftcards h5	{
	font-size: .9em;
	font-weight:bold;
	margin: .7em	0	0	1em;
	padding: 0;
	}

#giftcards p	{
	color: #666;
	font-size: .8em;
	line-height: 1.5em;
	}

#giftcards p.note	{
	font-size: .7em;
	color: #666;
	font-style: italic;
	margin: 1.3em	0	2em	2em;
	}

#giftcards ul	{
	margin: 0 0 0 3em;
	padding: 0;
	}

#giftcards li	{
	margin: .4em 0 0 0;
	padding: 0;
	}

/*****************************************************************************************************************/

div#social_container {
	position:relative;
}
p#facebook, p#twitter {
	padding-top: 10px;
	padding-bottom: 5px;
	float:right;
	margin-left:5px;
}