/* Sababa Grill stylesheets by EnonAvital.com */

.clearfix:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden;	}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(/images/bg.png) repeat;
	margin: 0; /* impt! */
	padding: 0;
	text-align: center; /* centers container in IE 5* browsers. text left aligned default in #container selector */
	color: #000000;
}

#wrap { width:775px; margin:0 auto; text-align:center; }
#header { text-align:left; height: 196px; }
#header p { border: 0px; margin: 0px auto; padding:0; }
#mainContent { background: #c5d09d; width:775px; text-align:center; padding-bottom:18px; }
#mainContent p { border: 0px; margin: 0px auto; padding:0; }
#footer { background:#7a7c51; }
#footer p {
	color: #FFFFFF;
	border: 0px; 
	margin: 0 auto;/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#left { width:384px; height:auto; float:left; text-align:left;  }
#right { width:383px; height:auto; float:right; vertical-align:top; text-align:left; }
#leftdirect { width:500px; height:auto; float:left; text-align:left;  }
#rightdirect { width:240px; height:auto; float:right; vertical-align:top; text-align:left; }


.padleft { padding-left:18px; padding-right:20px; }
.padright { padding-right:18px; }
.padcenter { padding-right:40px; padding-left:40px; text-align:left; }

.homeaboutleft {width: 167px; float:left; text-align:left; padding-right:10px; }
.homeaboutright {float:right; text-align:left; }

.homecontactleft { float:left; text-align:right; padding-left:10px; padding-right:10px;}
.homecontactright {float:right; text-align:left; }

/* main nav */
div#navwrap	{height:49px; border: 0; text-align:left; position:relative; padding-top:0px; }
div#navwrap ul#nav	{ height: 49px; width: 775px; background: transparent url(/images/btns.png) top left no-repeat; position: absolute; }
div#navwrap ul#nav li {list-style: none; position: absolute; top: 0;}
ul#menu li, ul#nav a {height: 49px; width: 160px; display: block;}
div#navwrap ul#nav li a { text-decoration: none; }
div#navwrap ul#nav li a span { display:none; }

#navhome {left: 0;}
#navmenu {left: 161px;}
#navshab {left: 268px;}
#navdirections {left: 453px;}
#navcontact {left: 588px;}

#navhome a:hover {background: transparent url(/images/btns.png) 0 -49px no-repeat;}
#navmenu a:hover {background: transparent url(/images/btns.png) -161px -49px no-repeat;}
#navshab a:hover {background: transparent url(/images/btns.png) -268px -98px no-repeat;}
#navdirections a:hover {background: transparent url(/images/btns.png) -453px -49px no-repeat;}
#navcontact a:hover {background: transparent url(/images/btns.png)  -588px -49px no-repeat;}
/* end main nav */

/* styles */
img { border-color:#FFCCCC }

.style1 {
	font-size: 10px
}
.style2 { font-size:14px; color:#1f5467; }
.style3 { font-size:12px; color:#c4700c; }
.style4 { color:#003366; }
.stylemenutitle { font-size:13px; color:#003366; }
.stylemenuitems { font-size:12px; color:#993300; }
/* end styles */

/* links */
a, a:link, a:visited, a:active { color:#CB4B1D; }
a:hover { background-color:#CB4B1D; color:#FFFFFF; }

#footer a, #footer a:link, #footer a:visited, #footer a:active { color:#FFFFFF; text-decoration:none; }
#footer a:hover { background-color:#b1b05c; color:#FFFFFF; text-decoration:none; }
/* end links */