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

body{
	font-family: 'whitney_htfmedium';
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	margin-right:0;
	background-image:url(../images/pattern.jpg);

}


h1 {
	font-size: 30px;
	color: #0C6;
	margin-top: -40px;
	padding-bottom: 18px;
}


h3 {
	font-size:18px;
	color:rgb(129,64,13);
	margin-left:5%;
	font-family:'whitney_htfbold_condensed';
}

h4 {
	color:rgb(64,85,21);
	font-family:'whitney_htfsemibold';
}

#padcontainer {
	display:none;
}



#top {
	background-image: url(../images/hero_1.jpg);
	background-size: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:-20px;
	text-align:center;
}




#ipad {
	
}


#nav {
	
	margin-top:36px;
	text-align: center;
	width: 100%;
	clear: both;
	
	
	
}	

#desktop {
	display:none;
}

#nav ul li{
	border-style: solid;
	border-width: 1px;
	height: 50px;
	text-transform: uppercase;
	font-size: 13pt;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 3em;
	margin-left:-40px;
	background-color:#FFF;
	
}

#press {
	background-image: url(../images/brown.jpg);
}

}

.top {
	display:none;
}

#nav a {
	text-decoration: none;
	color:rgb(129,64,13);
	display: block;
	font-family:'whitney_htfbold_condensed';
}

#nav a:hover{
	border-width: 1px;
	color: rgb(129,64,13);
	display: block;
	background-color:rgb(240,240,240);
}
	
#navcontainer {
}

#deskcontainer {

}


#social1 {
	
background-image:url(../images/facebook.png);

}

li.link2 {
	background:url('../images/twitter.png');
}


#menu {
	font-size:14px;
	padding-bottom:5%;
	background-image:url(../images/pattern.jpg);
	padding-top:7%;
	position:relative;
}

.info {
	color:rgb(71,71,71);
	margin-top:-15px;
	font-family:'whitney_htfmedium_italic';
	margin-right:2%;
}

#prep {
	text-align: center;

}

.hours {
	margin-left:20px;
}

.top ul li {
	display:inline;
}
#filter {
    margin: 0px auto;
	margin-top: -20px;
	background-color: rgb(64,85,21);
}

.menufilter {
	text-align:center;
	padding:0;
}

.menufilter li {
	cursor: pointer;
	display: inline;
	color:#FFF;
	padding: 20px;
	margin: 0;
	text-align:center;
	display:inline-block;
	
}
.menufilter li:hover {
	color:#CCC;
}

.menufilter li.selected {
	color: #CCC;
	cursor: auto;
}



.extra {
	color:rgb(70,70,70);
	margin-top: -17px;
	padding-bottom: 2px;
}

#home h1{
	color:#FFF;
	font-family:BookmanBT-Italic;
	font-size:17px;
	margin-top:-20px;
	position:relative;
	top:25%;
	margin-bottom:30px;
		
}



#hoursb{
	display: block;
	width: 100px;
	height: 100px; 
    line-height: 60px;
  	background-image: url(../images/circle1.png);
	background-repeat: no-repeat;
    color: white;
    text-align: center;
	margin-left:-50px;
	left:50%;
	position: relative;
	top: 8%;
	font-family:'whitney_htfmedium';
}


#menub{
	display: block;
	width: 100px;
	height: 100px; 
    line-height: 60px;
   	background-image: url(../images/circles2.png);
	background-repeat: no-repeat;
    color: white;
    text-align: center;
    left:50%;
	margin-left:-50px;
	position: relative;
	margin-bottom:10%;
	font-family:'whitney_htfmedium';
}


#home {
	display: block;
	width: 150px;
	height: 150px; 
	position:relative;
	top:25px;
	left:50%;
	margin-left:-75px;
	background-image:url(../images/orange2.png);
	background-repeat:no-repeat;
    color: white;
	text-align:center;


}


	
		
#home a {
	color: #FFF;
	font-size:16px;
	margin-top:20%;
}

#home ul li{
	text-align:center;
	font-size:16px;
	list-style-type: none;
	
}


#contact a:hover {
	color:rgb(226,226,226);
}



#contact {
	float:left;
	position:relative;
	font-size:16px;
	text-align:center;
	width:100%;
	background-color:rgb(255,130,0);
	box-shadow: 2px 2px 2px 2px #888888;
	margin-top:36px;
	padding-top:18px;

}

#contact a {
	padding-left:1px;
	padding-right:1px;
	font-size:14px;
	width:100%;
	color:#FFF;
	background-color:rgb(255,130,0);

	
	
	
}

#contact p {
	background-color:rgb(255,130,0);
	font-family:'whitney_htfsemibold';
	color:#FFF;
	font-size:18px;
	padding-left:1px;
	padding-right:1px;
	width:100%;
	line-height:0.3em;
	

}

.summary {
	
	font-size:16px;
}

#hours {
	height: 375px;
	font-size:25px;
	margin-top: -16px;
	background-image:url(../images/wood.jpg);
	margin-top: 195px;

}

#hoursc {
	margin-top:-225px;
	font-size:16px;
	font-family:'whitney_htfbold_condensed';
	color:rgb(129,64,13);

	
}

#hoursc ul .day {
	width:50%;
	display:inline-block;
	font-size:16px;
	letter-spacing: 0px;
}

#hoursc h3{
	margin-left:0;
}



#takeout {
	text-align:center;
	margin-top:7%;
	
}

#takeout p{
	color:rgb(53,53,53);
	font-size:14px;
	font-family: 'whitney_htfsemibold';
	color:rgb(64,85,21);
	letter-spacing: 0.5px;
	
}

#hoursc ul li{
	font-size:14px;
	color:rgb(129,64,13);
	letter-spacing: 1px;
	margin-left:-5%;


}
#

ul {
}


li {
	list-style-type: none;
}


a {
	text-decoration: none;
	color: #006;
}
a:hover {
	color: #930;
}
img {
	width: 100%;
}



#media {
	margin-top: -30px;
	padding-top: 30px;
	padding-bottom:15%;
	font-size:20px;
	text-align:center;
	color:rgb(64,85,21);
	background-image:url(../images/curves.png);
}
}



#mediab{
	display: block;
	width: 100px;
	height: 100px; 
    line-height: 60px;
   	background-image: url(../images/circles3.png);
	background-repeat: no-repeat;
	background-position:center; 
    color: white;
    text-align: center;
    left:50%;
    margin-left:-50px;
	position: relative;
	margin-bottom:10%;
	font-family:'whitney_htfmedium';
}

#media p{
	margin-top:-20px;
	margin-bottom:35px;
	font-family:'whitney_htfbold_condensed';
	color:rgb(129,64,13);
}


#hours h2 {
	color: #FFF;
}


input {
	color:#999;
	font-size:14px;
	font-family:'whitney_htfmedium';
	padding-left:3%;
	padding-right:3%;
	padding-bottom:2%;
	padding-top:2%;
	background-color:rgb(230,230,230);
	margin-bottom:5%;
	border-radius:12%;
	border-width:2px;
	border-color:rgb(230,230,230);
}

input[type="submit"] {
	background-color:rgb(255,130,0);
	color:#FFF;
	border-radius:12%;
	border-width:2px;
	border-color:rgb(255,130,0);

}

/*#email {
	background-color: rgb(230,230,230);
	color: rgb(90,90,90);
	border-radius:12%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:5px;
	padding-right:5px;
	margin-left:20%;
	margin-right:20%;
	font-size:14px;
}*/
	
#align{
	text-align:center;
}

#submit {
	text-align:center;
	margin-top:10%;
	font-size: 16px;
	background-color:#FFF;
	color: #000;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:20px;
	padding-right:20px;


}

#submit:hover {
	color: rgb(237,171,105);
	cursor: pointer;
	border-width:2px;
	border-color: rgb(255,130,105);
	background-color:#FFF;
}

#texture {
	background-image:url(../images/texture.jpg);
	width:100%;
}

#about {
	text-align:center;
	width:100%;
	background-image:url(../images/texture.jpg);

}

#squiggle {
	width:100%;
	margin-bottom:2%;
	height:25px;
	background-image: url(../images/texture1.jpg);
	background-image:no-repeat;
	text-align:center;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

#aboutb{
	display: block;
	width: 100px;
	height: 100px; 
    line-height: 60px;
   	background-image: url(../images/circles4.png);
	background-repeat: no-repeat;
	background-position:center; 
    color: white;
    text-align: center;
    left:50%;
    margin-left:-50px;
	position: relative;
	font-family:'whitney_htfmedium';
}


.slideshow { 
	height: 174px; 
	width: 100%; 
	margin: auto;
	position:relative;
	z-index:50;

}

.slideshow img {  
	height:200px;
	width:100%;
	z-index:50;


} 

#align {
	text-decoration:underline;
}

#caption p {
	font-size:14px;
	text-align:left;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right:5%;
	color:#FFF;	
	margin-top:-5%;
}

#caption {
	background-image:url(../images/brown.jpg);
	padding-top:8%;
	text-align:center;
	margin-top:-5%;
	height:825px;
	padding-bottom:20%;


}

#caption h3 {
	margin-bottom:12%;
	color:#FFF;
}
	


#change ul li {
	z-index:150;
	list-style-type:none;
	

} 

#change li a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:150;

 }

#change {
	

} 


#prev a {
    background:url(../images/prev.png);
    width:58px;
    height:102px;
    position:absolute;
    top:220px;
    left:50px;
}
#next a {
    background:url(../images/next2.png);
    width:50px;
    height:50px;
    position:absolute;
  	bottom:10px;
    right:20px;
}
#next a:hover {
    background:url(../images/next_over2.png);
}
#prev a:hover {
    background:url(../images/prev_over.png);
}

#footer {
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top: 2%;
	position:relative;
	padding-bottom:5%;
	margin-left:-10%;
	background-image:url(../images/dark2.jpg);
	}


#footer p {
	color:#FFF;
	font-size:10px;
	font-family:'whitney_htfbold_condensed';
	padding-top:5px;
	
}

#footer ul li {
display: inline;
text-align: right;
color:#FFF;
font-size:12px;
}

#footer a {
	color:#FFF;

}

#footer a:hover {
	color:rgb(255,130,105);
}

#footer img {
height: 30px;
width: 30px;
padding-bottom:5px;
padding-left:5px;

}

#hoursnav {
	position:relative;
	margin-bottom:5%;
}


.top {
	display:none;
}

.fb {
	display:none;
}


.story {
	margin-top:-8%;
	background-color:rgb(129,64,13);
	background-image: url(../images/brown.jpg);
}

.story h3{
	font-family: 'whitney_htfsemibold';;
	color:#FFF;
	letter-spacing:1px;
	padding-top: 5%;
}

.story ul li{
	position:relative;
	text-align:left;
	padding-top:3%;
	margin-right:5%;
	font-size:12px;

}

#slideshowcontainer {
	position:relative;

}

#squigglec {
	width:220px;
	height:20px;
	background-image: url(../images/mobilesq-03.png);
	background-image:no-repeat;
	text-align:center;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom: 13%;
	margin-top:-10%;

}

.navtarget {
	position:relative;
	top:-50px;

}


#press h4{
	color:#FFF;
}

.press ul {
	margin-top:-5%;
}

.mag {
	color:#FFF;
}


.story a{
	color:#FFF;
	margin-top:2%;
	text-align: left;
}

.story a:hover{
	color: rgb(255,130,0);
}