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


/*--------------------------
BROWSER FIXERS
--------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



/* Navigation*/
#navlist
{
	font-size: 1.3em;
	background-color: #ffffff;
	height:22px;
    width: 100%;;
	padding-top: 4px;
	padding-right: 0;
	padding-left: 0px;
	font-weight: bold;
	
	
}



#navlist li
{
	list-style: none;
	padding: 0px;
	padding-left: 4px;
	background-color: #ffffff;	
	height: 36px;		
	width: 750px;	
	display: inline;
	
	
	
	
}

#navlist li a
{
	height:34px;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	float: center;
	margin-right: 1px;
	


}

/* buttons

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

/* navigation

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



a#about { 
	display: inline;
	width: 107px;
	height: 43px;
	background-image: url(../images/nav/nav_01.jpg); }

a#portfolio { 
	display: inline;
	background-image: url(images/button_contact.jpg); }

a#products { background-image: url(images/button_products.jpg); }

a#home:hover,

a#about:hover {
	background-position: 0 -24px;
	background-image: url(../images/nav/nav_01.jpg);  }

a#contact:hover,

a#products:hover { 
	background-position: 0 -24px; }



#navlist li a:link, #navlist li a:visited { 
	color: #ffffff; 
}






/*------------------------------
JAZZ NAVAGATION
------------------------------*/

#navcontainer  {
	padding-left: 108px;
	margin-left:auto;
	margin-right:auto; 
	text-align: center;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif; }

/*Start button 1*/


/*--------------------------
STRUCTURE
--------------------------*/

html {
	text-align: center;
	float: left;
	
	
	margin: 0 auto; }
	
body {
	position: absolute;
	margin : 0 auto;	
	width: 100%;
	height: 100%;	
    background-color: #523722;
    background-image: url("http://neborestaurant.com/assets/images/nebo_bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; }
	
	
div#site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 40px;	
	position: relative;
	width: 848px;
	height: 537px;
	text-align: center;  
	}
	
div#site_box {
    font-family: verdana; 
	position: relative;
	width: 848px;
	height: 537px;
	text-align: center;  
	}

div#home {
    font-family: verdana; 
	background: #ffffff;
        
	margin: 0 auto;
	margin-top: 0px;
	
	position: relative;
	float: left;
	width: 848px;
	height: 507px;
	text-align: center; 
  
	}
	
div#home_logo2 {
    font-family: verdana; 
	background: #ffffff;
        
	margin: 0 auto;
	margin-left: 8px;
	margin-top: 7px;
	background-image:url(../images/nebo_image2.gif);
	position: relative;
	float: left;
	width: 831px;
	height: 407px;
	text-align: center; 
  
	}
	
div#home_logo2_con {
    font-family: verdana; 
	background: #ffffff;        
	margin: 0 auto;
	margin-right: 8px;
	margin-left: 8px;
	margin-top: 7px;
	position: relative;
	float: left;
	width: 831px;
	height: 407px;
	text-align: center; 
  
	}
	
div#logo_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	background: #ffffff;
	position: relative;
	float: right;
	width: 422px;
	height: 507px;	
	text-align: right;  
	}
	
div#nebo_logo {
    font-family: verdana; 
	
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	float: center;
	width: 288px;
	height: 331px;
	background-image:url(../images/nebo_logo.gif);
	text-align: center;  
	}
		
div#nebo_logo2 {
    font-family: verdana; 
	
	margin: 0 auto;
	margin-top:8px;
	margin-left: 36px;
	position: relative;
	float: left;
	width: 289px;
	height: 79px;
	background-image:url(../images/nebo_logo2.gif);
	text-align: center;  
	}
	
div#nebo_logo2_con {
    font-family: verdana; 
	
	margin: 0 auto;
	margin-top:8px;
	margin-left: 36px;
	position: relative;
	float: left;
	width: 289px;
	height: 79px;
	text-align: center;  
	}

div#button_container2 {
 
	
	margin: 0 auto;
	margin-left: 8px;
	float: center;
	
	position: center;
	float: left;
	width: 831px;
	height: 95px;
	text-align: center; 
	}
				
div#opentable {
 
	
	margin: 0 auto;
	float: left;	
	margin-left:36px;
	margin-top:28px;
	background-image:url(../images/opentable2.gif);
	width: 200px;
	height: 32px;

	}	
	
div#opentable_con {
 
	
	margin: 0 auto;
	float: left;	
	margin-left:36px;
	margin-top:28px;
	width: 200px;
	height: 32px;

	}	
	
div#opentable  a:focus, div#opentable a:active {
	outline: 0 none;
	-moz-outline: 0 none;
	 }
	 
div#mailinglist  a:focus, div#mailinglist a:active {
	outline: 0 none;
	-moz-outline: 0 none;
	 } 

	
div#mailinglist {
 
	
	margin: 0 auto;
        float: left;
	margin-top:28px;
	background-image:url(../images/mailing2.gif);
	margin-left:36px;
	width: 200px;
	height: 32px;

	}	
	
div#mailinglist_con {
 
	
	margin: 0 auto;
        float: left;
	margin-top:28px;
	background-image:url(../images/mailing2.gif);
	margin-left:36px;
	width: 200px;
	height: 32px;

	}	
		
div#info {
 
	color: #693818;
	margin: 0 auto;
	padding-top: 0px;	
	width: 350px;
	height: 20px;
	font-family: vernada, helvetica, sans-serif; 
	text-align: center;
	
	}
	
			
		
div#nav_container	{
	
	margin-top: 0px;
	margin-right: 20px;
	height: 30px;
	width: 648px;		 
	text-align: center;
	float: right;	
	font-family: arial, helvetica, sans-serif; }
	
div#footer	{
	color: #ffffff;
	margin-top: 15px;
	height: 40px;
	width: 848px;		 
	float: right;	
	font-family: vernada , helvetica, sans-serif; }
	
div#footer_info {
	color: #ffffff;
	height: 20px;
	width: 848px;		 
	float: left;	
	font-family: vernada , helvetica, sans-serif; }
	
div#social_footer	{
	color: #ffffff;	
	height: 16px;
	padding-top: 16px;
	margin-bottom: 16px;
	width: 848px;		 
	float:left;
	font-family: vernada , helvetica, sans-serif; }
	
	
div#footer	a{
	color: #ffffff;}
	
a:link{
	text-decoration:none;
	}
	
a:hover {
text-decoration:underline;
		}


ul {
		
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	padding
	line-height: 1.7em;
	color: #4d4b4d;

	
	
	}
	
/*--------------------------
ABOUT
--------------------------*/	
		
div#about_box {
    font-family: verdana; 
	position: relative;
	width: 848px;
	height: 660px;
	float:left;
	text-align: center;  
	}


div#about_whitebox {
    font-family: verdana; 
	position: relative;
	width: 848px;
	height: 660px;
	background-color:#ffffff;
	float:left;
	text-align: center;  
	}
	
#about_textbox	{
    font-family: verdana; 
	position: relative;
	width: 400px;
	height: 507px;
	background-color:#ffffff;
	text-align: center;  
	float:left;
	}
	
#about_text {
    font-family: verdana;
	font-size:12px;
	line-height: 14px;
	margin-top: 25px;
	margin-right: 15px;
	float: right;
	width: 338px;
	height: 315px;
	color: #693818;
	text-align: left; 
	background-color: #ffffff;
	
	
	}
	
	
#about_image_container	{
    font-family: verdana; 
	position: relative;
	float:right;
	width: 420px;
	height: 466px;
	background-color:#ffffff;
	text-align: center;  
	}
	
#about_image	{
    font-family: verdana; 
	margin-top: 10px;
	position: relative;
	align:center;
	
	width: 397px;
	height: 466px;
	background-color:#ffffff;
	text-align: center;  
	}
	
#about_footer	{
    font-family: verdana; 
	position: relative;
	background-image:url(../images/aboutus_footer.jpg);
	width: 848px;
	height: 153px;
	
	text-align: center; 
	float:left; 
	}


/*--------------------------
menu
--------------------------*/

div#menu_whitebox {
    font-family: verdana; 
	position: relative;
	width: 848px;
	height: 660px;
	background-color:#ffffff;
	float:left;
	text-align: center;  
	}
	
div#menu_textbox	{
    font-family: verdana; 
	position: relative;
	width: 400px;
	height: 507px;
	background-color:#ffffff;
	text-align: center;  
	float:left;
	}
	
div#menu_gluten_btn {
	width: 175px;
	height: 85px;
	background-color: #ffffff;
	position: relative;
	float: right;
	margin-right: 20px;
	background-position: left;
	background-image: url(../images/gluten_menu_btn.jpg);
	background-repeat: no-repeat;
	margin-top: 75px;
	}
	
div#menu_reg_btn {
	width: 175px;
	height: 85px;
	background-color: #fffff;
	position: relative;
	float:right;
	background-position: right;
	background-image: url(../images/reg_menu_btn.jpg);
	background-repeat: no-repeat;
	margin-top: 75px;
	}
	

	
div#menu_image_container	{
    font-family: verdana; 
	position: relative;
	float:right;
	width: 446px;
	height: 507px;
	background-color:#ffffff;
	text-align: center;

	}
	
div#menu_image	{
    font-family: verdana; 
	margin-top: 75px;
	position: relative;
	align:center;
	background-repeat: no-repeat;
	width: 420px;
	height: 289px;
	background-color:#ffffff;
	text-align: center;  
	}
	
div#menu_quote_container	{
	margin-top: 20px;
    font-family: verdana; 
	position: relative;
	float:left;
	width: 438px;
	height: 100px;
	padding-right:15px;
	background-repeat: no-repeat;
	
	text-align: center;  
	}
	
div#menu_footer	{
    font-family: verdana; 
	position: relative;
	background-image:url(../images/menu_footer.jpg);
	width: 848px;
	height: 153px;
	
	text-align: center; 
	float:left; 
	}
	
#menu_text {
    font-family: verdana;
	font-size:12px; 
	line-height: 14px;
	margin-top: 40px;
	margin-right: 55px;
	float: right;
	position: relative;
	width: 275px;
	height: 125px;
	color: #693818;
	text-align: left; 
	background-color:#ffffff;
	
	
	}
	
#menu_text2 {
    font-family: verdana;
	font-size:13px; 
	margin-top: 10px;
	margin-right: 35px;
	float: right;
	position: relative;
	width: 338px;
	height: 20px;
	color: #693818;
	text-align: center; 
	background-color: #ffffff;
	
	
	}
	
/*--------------------------
EVENTS
--------------------------*/	
	
div#events_image {
    font-family: verdana; 
	background: #ffffff;
	margin: 0 auto;
	margin-top: 0px;
	background-image:url(../images/events_image.gif);
	position: relative;
	float: left;
	width: 457px;
	height: 507px;
	text-align: center; 
  
	}
	
div#events_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	background: #ffffff;
	position: relative;
	float: left;
	width: 391px;
	height: 507px;	
	text-align: right;  
	}	
	
div#nebo_logo_md {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	background: #ffffff;
	margin-top:30px;
	background-image:url(../images/nebo_logo_md.gif);
	margin-left: 41px;
	float: center;
	width: 338px;
	height: 100px;	
	text-align: right;  
	}	
	
div#events_text {
    font-family: verdana; 	
	margin: 0 auto;
	color: #693818;
	padding-top: 35px;
	font-size: 12px;
	line-height: 14px;
	background: #ffffff;
	position: relative;
	margin-top:20px;
	float: center;
	width: 200px;
	text-align: left;
	 
	}	
	
/*--------------------------
FIND US
--------------------------*/
div#google_container {
    font-family: verdana; 
	background: #ffffff;
	margin: 0 auto;
	margin-top: 0px;
	
	position: relative;
	float: left;
	width: 571px;
	height: 507px;
	text-align: center; 
  
	}
	
div#google {
    font-family: verdana; 
	background: #ffffff;
	margin: 0 auto;
	margin-top: 45px;
	margin-left: 25px;
	background-image:url(../images/google.gif);
	position: center;
	float: left;
	width: 528px;
	height: 423px;
	text-align: center; 
  
	}
	
div#info_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	padding-right:0px;
	background: #ffffff;
	position: relative;
	float: right;
	width: 277px;
	height: 507px;	
	text-align: right;  
	}
	
div#nebo_logo_sm {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	background: #ffffff;
	margin-top:30px;
	background-image:url(../images/nebo_logo_sm.gif);
	float: center;
	width: 244px;
	height: 74px;	
	text-align: right;  
	}
	
div#text {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 0px;
	line-height: 14px;
	font-size:12px;
	color: #693818;
	background: #ffffff;
	position: relative;
	margin-top:10px;
	float: center;
	width: 234px;
		
	 
	}
	

/*---------------
	HORIZONTAL NAV
--------------------*/


div.nav1 {
float: left;
height: 30px;
width: 105px;
padding:0;
background-image: url(../images/nav/nav_on_01.png);
}

div.nav1 a, div.nav1 a:link, div.nav1 a:visited {display:block;}

div.nav1 img {width:100%;height:100%;border:0;}

div.nav1 a:hover img {visibility:hidden;}



/*End button 1*/

/*Start button 2*/
div.nav2 {
float: left;
height: 30px;
width: 110px;
padding:0;
background-image: url(../images/nav/nav_on_02.png);  
}

div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}

div.nav2 img {width:100%;height:100%;border:0;}

div.nav2 a:hover img {visibility:hidden;}

/*End button 2*/

/*Start button 3*/
div.nav3 {
float: left;
height: 30px;
width: 108px;
padding:0;
background-image: url(../images/nav/nav_on_03.png);
}

div.nav3 a, div.nav3 a:link, div.nav3 a:visited {display:block;}

div.nav3 img {width:100%;height:100%;border:0;}

div.nav3 a:hover img {visibility:hidden;}


/*End button 3*/

/*Start button */
div.nav4 {
float: left;
height: 30px;
width: 109px;
padding:0;
background-image: url(../images/nav/nav_on_04.png);  
}

div.nav4 a, div.nav4 a:link, div.nav4 a:visited {display:block;}

div.nav4 img {width:100%;height:100%;border:0;}

div.nav4 a:hover img {visibility:hidden;}
/*End button 4*/

div.nav5 {
float: left;
height: 30px;
width: 106px;
padding:0;
background-image: url(../images/nav/nav_on_05.png);  
}
div.nav5 a, div.nav5 a:link, div.nav5 a:visited {display:block;}

div.nav_container a:active {
	background-image: url(../images/nav/nav_on_05.png)
	}

div.nav5 img {width:100%;height:100%;border:0;}

div.nav5 a:hover img {visibility:hidden;}

div.nav6 {
float: left;
height: 30px;
width: 106px;
padding:0;
background-image: url(../images/nav/nav_on_06.png);  
}
div.nav6 a, div.nav6 a:link, div.nav6 a:visited {display:block;}

div.nav_container a:active {
	background-image: url(../images/nav/nav_on_06.png)
	}

div.nav6 img {width:100%;height:100%;border:0;}

div.nav6 a:hover img {visibility:hidden;}




/*---------------
	More
--------------------*/

	
	




	

	
	

/*--------------------------
TYPOGRAPHY
--------------------------*/


h1 {
	padding-top: 100px;
	text-transform: uppercase;
	position: relative;
	font-size: 50px;  }

h2 {
	color: #666666;
	padding-left: 30px;
	font-size: 26px;  }
	
h3 {
	color: #666666;
	padding-left: 30px;
	font-size: 18px;  }
	
p {
	font-family: arial,helvetica,san-serif;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 15px;  }
	



	
	
	
	--------------------------*/
	
/*--------------------------
LIGHTBOX
--------------------------*/

	
	
	
#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0; }
	
#lightbox img {
	width: auto; 
	height: auto;  }
	
#lightbox a img { 
	border: none; }

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; }
	
#imageContainer{ padding: 10px; }

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; }
	
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; }

#imageContainer>#hoverNav { 
	left: 0;  }

#hoverNav a { 
	outline: none;}

#prevLink, #nextLink { 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }

#prevLink { 
	left: 0; 
	float: left;  }

#nextLink { 
	right: 0; 
	float: right;  }

#prevLink:hover, #prevLink:visited:hover { 
	background: url(file://C:/Users/Adam/Desktop/CSS/Alisa_Website/assets/mages/lightbox/prevlabel.gif) left 15% no-repeat; }
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(file://C:/Users/Adam/Desktop/CSS/Alisa_Website/assets/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; }

#imageData {	
	padding:0 10px; 
	color: #666; }

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; }	

#imageData #caption { 
	font-weight: bold;	}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}	
			
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;  }	 	

#overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; }
	
	
	
	
#mask {
  position:absolute;
  left:0;
  top:0;
  
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  
  background-color:#caa890;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

