/* Imports
----------------------------------------*/
@import url("../css/reset.css");
@import url("../css/externalLinks.css");
/* Elements
----------------------------------------*/
html {
	min-width:960px;
}


body {

width:100%;
z-index:-1;
background-image: url(../images/bg_repeater.jpg) ;
background-repeat:repeat-x;
position: absolute;
top: 0px;
left: 0px;

}
body, p, td, th, li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height:1.5em;
	color:#634b34;
	font-weight:400;
}
p {
	margin: 0 0 1.5em 0.25em;
}
/*--- Link Styles ---*/
a:link, a:visited {
	color:#634b34;
}
a:hover, a:active {
	color:#a28c76;
	text-decoration:none;
}
h1 {
	color:#634b34 ;
	margin:.825em 0 1em 0;
	font-size:2.125em;
}
h2 {
	color:#634b34;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
	font-weight:bold;
}
h3 {
	color:#634b34;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}
h4 {
	color:#634b34;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}
h5 {
	color:#634b34;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}
h6 {
	color:#634b34;
	margin:.825em 0 .5em 0;
	font-size:1em;
}
ul {
	margin-left:25px;
	list-style-type:none;
}
ol {
	margin-left:25px;
}
blockquote {
	margin: 0 0 18px 18px;
	color:#634c35;
	font-style: italic;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* Standard Definitions
----------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearThis {
	clear:both;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.small {
	font-size:.625em;
}
.large {
	font-size:1em;
}
.soft {
	color:#D3D3D3;
}
.hide {
	display:none;
}
p.last {
	margin-bottom:0px;
}
/* Nav
----------------------------------------*/
#nav {
	float:right;
	width:179px;
	margin-top: 32px;
}
#nav ul {
	padding:0px;
	margin:0px
}
#nav ul li {
	text-indent:-9999px;
	display:inline;
}
#nav ul li a {
	background-image:url(../images/nav/nav.gif);
	display:block;
	width:179px;
	;
}
/* Nav Rollover (Sprites)!
	----------------------------------------*/
	
	/* Nav Menu Sprites in Natural State !*/
	li#nav_home a {
	height:40px;
	width:47px;
	background-position:0 -43px;
}
li#nav_about a {
	height:38px;
	background-position:0 -83px;
}
li#nav_food a {
	height:40px;
	background-position:0 -127px;
}
li#nav_van a {
	height:39px;
	background-position:0 -169px;
}
li#nav_news a {
	height:36px;
	background-position:0 -204px;
}
li#nav_find a {
	height:36px;
	background-position:0 -240px;
}
li#nav_contact a {
	height:32px;
	background-position:0 -273px;
}


/* Nav Menu Sprites in Hover State !*/
li#nav_home a:hover {
	background-position:0 -1px;
}
li#nav_about a:hover {
	background-position:0 -541px;
}
li#nav_food a:hover {
	background-position:0 -580px;
}
li#nav_van a:hover {
	background-position:0 -622px;
}
li#nav_news a:hover {
	background-position:0 -662px;
}
li#nav_find a:hover {
	background-position:0 -698px;
}
li#nav_contact a:hover {
	background-position:0 -731px;
}
/*This keeps the Current Page Highlighted (Remember to change the Body ID!!!!!!!)*/	
	#home li#nav_home a {
	height:38px
}
#about li#nav_about a {
	background-position:0 -316px;
}
#food li#nav_food a {
	background-position:0 -356px;
}
#van li#nav_van a {
	background-position:0 -398px;
}
#news li#nav_news a {
	background-position:0 -435px;
}
#find li#nav_find a {
	background-position:0 -471px;
}
#contact li#nav_contact a {
	background-position:0 -504px;
}

/* Main Content
----------------------------------------*/

#outerContainer
{
	background-color: #fff;
	background-image: url(../images/main-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    min-width: 980px;

} 

#mainContainer {
	width:960px;
	margin: 0px auto;
}

#content {

float:right;
width:600px;
margin-top:25px;
margin-bottom:50px;
margin-left:35px;
float:left;
display:inline;

}

#sidebar {
margin-top:50px;
padding-bottom:25px;
float:right;
width:310px;
height:530px;

}

#sidebar_main{
width:305px;
height:550px;
background-image:url(../images/sidebar_main.gif);
text-indent:-9999px;
margin-top:0px;
}

#about_us{
width:209px;
height:35px;
background-image:url(../images/h1_about_us.gif);
text-indent:-9999px;
}

#our_food{
width:222px;
height:35px;
background-image:url(../images/h1_our_food.gif);
text-indent:-9999px;
}

#food_drink{
width:325px;
height:35px;
background-image:url(../images/h1_food_drink.gif);
text-indent:-9999px;
}

#food_drink{
width:325px;
height:35px;
background-image:url(../images/h1_food_drink.gif);
text-indent:-9999px;
}

#sandwich_van{
width:335px;
height:35px;
background-image:url(../images/h1_sandwich_van.gif);
text-indent:-9999px;
}

#news_offers{
width:300px;
height:35px;
background-image:url(../images/h1_news.gif);
text-indent:-9999px;
}

#contact_us{
width:300px;
height:35px;
background-image:url(../images/h1_contact_us.gif);
text-indent:-9999px;
}

#find_us{
width:300px;
height:35px;
background-image:url(../images/h1_find_us.gif);
text-indent:-9999px;
}

#welcome{
width:300px;
height:35px;
background-image:url(../images/h1_welcome.gif);
text-indent:-9999px;
}
/* Header
----------------------------------------*/
#header {
	margin: 0px auto;
	width:900px;
}
#picture {
	width:216px;
	height:197px;
	margin-top:38px;
	margin-right:16px;
	border:solid medium #fff;
	float:right;
}
#but_wrap {
	width:98px;
	margin-right:38px;
	margin-top:24px;
	float:right;
}
#socialmedia {
	
	margin-top:29px;
	margin-right:156px;
	float:right;
}




/* Footer
----------------------------------------*/
#footer {
margin-top:5px;
	width:100%;
	height:30px;
	border-top:thin solid #634b34;
	
}
#footer p {
margin-top:20px;
	font-size:.625em;
	text-align:center;
}
/* Classes
----------------------------------------*/
 .pt16 {
	padding-top:16px;
}
/* Tooltip
----------------------------------------*/
.tooltip{
background-color:#634b34;
border: 2px solid #fff;
color:#fff;
padding:10px; 
-webkit-border-radius: 4px;    /* for Safari */
-moz-border-radius: 4px;       /* for Firefox */
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}


/* IE PNG Fix
----------------------------------------*/


img, div, a {
	behavior: url(js/iepngfix.htc)
}
* Forms */
form p { position:relative }



form legend {
width:100%;
font-size:1em;
line-height:1.5;
text-transform:uppercase;
border-bottom: 1px solid #ad8f71;
margin-bottom:20px;
color: #634b34
}

#submit { 
-moz-border-radius:2px 2px 2px 2px;
border:1px solid #634b34;
clear:both;
color:#634b34;
font:italic 18px Georgia;
margin:0.4em 0;
padding:8px 9px;}

form, form fieldset input, form fieldset textarea, form label {
font-family:Georgia, serif;
font-style:italic;
font-size:1em;
}
form p {
margin:10px 0;
position:relative;
}
form p label {
left:0;
position:absolute;
top:-3px;
}
form p br {
display:none;
}
form fieldset p input, form fieldset p textarea {
display:block;
margin:0;
padding:4px 0 4px 4px;
width:584px;
}
form fieldset p label {
display:block;
margin:5px 5px 5px 6px;
padding:0;

}
form fieldset p textarea {
padding:2px;
width:584px;
overflow:hidden;
}
form fieldset p textarea, form fieldset p input {
border:1px solid #634c35;
}
form fieldset p label {
color:#634c35;
}
form input:focus, form textarea:focus
{background-color:#f6faff; border-color:#ad8f71; color:634c35;}


.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:1em;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#847356;
				color:#fff;
				width:150px;
				font-family:georgia;
				font-size:0.785em;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#847356;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}