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


/*
light olive = #C4B853 #C4B853
darker olive = #7F700D
brown olive = #3D3729
*/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body {
	background:#000 url(../images/bg2.jpg) repeat-x top left;
	text-align:center;
	xborder-top:4px solid white;
	margin:0; padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em; 
	line-height:1.2em;
}

#header {
	margin:0; padding:0;
	background:url(../images/zaytountheolive-header-bg-new_03.png) no-repeat top right;
	height:490px;/*400px;*/
  
	text-align:center;
	position:relative;
}

#splash {
	margin:0 auto;
  width:750px;
	padding:20px 0px 20px 0px;
	font-weight:bold;
	color:white;/*#000000;*/
	height:250px;
	
}
x#splash p {}
x#splash img{float:right; padding:2px; margin-left:1em; border:1px solid #FFFFFF; background-color:#efefef;}

h1 {
	font-size:1.5em; font-weight:bold; letter-spacing:-1px; color:white;
	margin-bottom:1em;
	line-height:1.2em;
}

h2 {
	font-size:1.3em; font-weight:bold; letter-spacing:-1px; color:#867859; 
	margin-bottom:1em;
	line-height:1.2em;
}

p {
	line-height:1.4em;
	margin-bottom:1em;
	
}

.tweetbutton {
  float:left; width:50px; margin-right:10px;
}

p.social {background:white; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; padding:3px; float:left; width:100%;}

#main p.social a {display:block; width:100%; line-height:29px; color:#3B5998; border:none;}
#main p.social a img {float:left; margin-right:10px; padding:0;}


#page-title {
	margin:0 auto; padding-top:20px;
	xbackground:url(../images/black-tree.png) no-repeat top right;
	height:106px;
	width:750px;
	text-align:center;
}
#page-title img {
	border:1px solid #ccc; padding:1px; background:white;
}

#main {

	xbackground:url(../images/zaytountheolive-smaller-2_05.png) no-repeat top left;
	margin:20px auto 0px auto;
	color:white;
	width:450px;
	padding:1em auto;	
	position:relative;
}

#footer {
	width:750px;
	margin:0 auto;
	padding-top:1em;
	color:#867859;
	font-size:0.7em;
	text-align:center;
	text-align:center;
	font-family:Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-top:1px dotted #867859;
	position:relative;
}

#footer p {
	text-align:left;
}

#footer address {
	display:inline;
	font-style:normal;
}

.breaker {
	clear:both;
	float:none;
}

form {
	width:100%;
}

form input {
	clear:both;
	float:none;
}


/******* NAVIGATION *********************************************************/

ul#main-navigation {
	list-style:none;
	margin:0 auto;
	padding-top:260px;/*220px;*/
	height:35px !important;
	/*width:490px;*/
	width:570px;
	position:relative
}

ul#main-navigation li { 
		float:left;
    margin-right: 10px;
		height:30px; 
		width:80px;
		position:relative;

}

ul#main-navigation a {
		display:block;
		height:30px; 
		width:80px;
		position:relative
}

ul#main-navigation a:focus {
    outline: none;
}

li.the-olive a { background:url(../images/tabs/sm-the-olive-normal.png) no-repeat center center;}
li.our-menu a { background: url(../images/tabs/sm-our-menu-normal.png) no-repeat center center; }
li.find-us a { background:url(../images/tabs/sm-find-us-normal.png) no-repeat center center; }
li.events a { background:url(../images/tabs/sm-events-normal.png) no-repeat center center; }
li.contact-us a { background:url(../images/tabs/sm-contact-us-normal.png) no-repeat center center; }
li.order a { background:url(../images/tabs/sm-order-normal.png) no-repeat center center; }

li.the-olive { background:url(../images/tabs/sm-the-olive-over.png) no-repeat center center;}
li.our-menu { background: url(../images/tabs/sm-our-menu-over.png) no-repeat center center; }
li.find-us { background:url(../images/tabs/sm-find-us-over.png) no-repeat center center; }
li.events { background:url(../images/tabs/sm-events-over.png) no-repeat center center; }
li.contact-us { background:url(../images/tabs/sm-contact-us-over.png) no-repeat center center; }
li.order { background:url(../images/tabs/sm-order-over.png) no-repeat center center; }

li a:hover, li a.selected { background:transparent;}
li a span {display:none;}

/*order button bit bigger*/
ul#main-navigation li.order, ul#main-navigation li.order a {width:110px;}

#splash a { border-bottom:1px dotted silver; color:silver; text-decoration:none; font-weight:bold; }
#splash a:hover { border-bottom:1px dotted #3D3729; background-color:#3D3729; color:white; text-decoration:none; font-weight:bold; }

#main a, #footer a { border-bottom:1px dotted #ACC5FD; color:#ACC5FD; text-decoration:none; font-weight:bold; background:none}
#main a:hover, #footer a:hover { background-color:#ACC5FD; color:#000; text-decoration:none; font-weight:bold;}
	
/******* END NAVIGATION *****************************************************/	




/******* FORM ***************************************************************/
#main form {
	width:100%;
	padding-top:1em;
}

#main form fieldset{margin:0; padding:0; border:0; text-align:left; width:100%;}



#main form label span {
	xmargin-left:-9000px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	letter-spacing:-2px;
	color:#3D3729;
  color:#CDC6B4;
	
	}
	
#main form input.text-entry , #main form textarea{
	color:white;

	width:100%;
	border:1px solid #666666;
	height:1.5em;
	padding:2px;
	margin:5px 0 8px 0;
	background-color:#3D3729 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	letter-spacing:-1px;	
}

#main form textarea {
	height:5em;
}

#main form input.text-entry:focus, #main form textarea:focus {
	background-color:#5A523D !important;
}

.blur{
	background:url(../images/bg-input-blur.png) repeat top left  !important;
}

.focus{
	background:#333333 !important;
}

#main form input#submit-button {
	float:right;
}

#main form input#submit-button:hover{
	xborder:1px solid #666666;

}



/******* END FORM ***********************************************************/


/** Column layouts **/
#main.one-column{
	width:750px;
	padding:1em auto;
}

#main.wide {
	width:750px;
	padding:1em auto;	
}

/*MENU STYLES*/
.stripViewer .panelContainer .panel ul.menu-listing {
margin-left:0; padding-left:0;
}
.stripViewer .panelContainer .panel h3{ color:#999966; font-size:14px; font-weight:bold; padding:1em auto; width:100%; display:block; margin:1em auto; text-align:center; border-bottom:1px solid #999966; text-transform:capitalize}

ul.menu-listing li {color:#fff; margin-bottom:15px; xborder-bottom:1px solid #666666;text-transform:capitalize; font-weight:bold; font-size:12px;}
ul.menu-listing .price, ul.menu-listing .jug, ul.menu-listing .glass {float:right; margin-top:0; padding-left:0.5em; }
ul.menu-listing .jug span, ul.menu-listing .glass span { font-size:10px; color:#999999}
ul.menu-listing .description {display:block; width:100%; text-transform:lowercase; color:#999999; 
font-family:Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/*HOME PAGE LAYOUT*/
#main div.three-columns{ width:225px; margin-right:20px; float:left}


/*Paragraph font*/
#main p {	font-size:0.7em;

	font-family:Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#main img {padding-bottom:1em;}
.float-left {float:left;}

#main strong {font-weight:bold; font-size:110%;}