@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,600,300,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

body {
	border:0px;
	padding:0px;
	margin:0px;
	background-color:white;
	font-family: 'Droid', sans-serif;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
}

body {
	font-size: 15px;
	padding: 20px 0 40px;
}

#header {
	width:1000px;
	height:200px;
	margin:0px auto;
}

#tagline {
	/*width:790px;*/
	padding-top:30px;
	font-family: 'Oswald', sans serif;
	color:white;
	font-weight:bold;
	float:left;
	font-size:14.2px;
	text-align:right;
}

#logoheader {
	width:205px;
	height:200px;
	background:none;
	float:left;
}


.linkmenu a {
	color: #FFFFFF;
	text-decoration: none;
	padding:0px 10px 0px 10px;
	font-size:14px; 
	font-weight:bold;
	font-family: 'Oswald', sans-serif;
}
.linkmenu a:hover {
	text-decoration: none;
	color:red;
}

.header {
	width:100%;
	height:124px;
	border-top:5px solid red;
	background-color:#faf7f7;
}

.phoner {
	height:55px;
	width:700px;
	float:left;
}

.menunavi {
	height:25px;
	width:790px;
	float:left;
	position: relative;
	right: -40px;
}

.linkmenu {
	width:760px;
	height:20px;
	color:white;
	margin-top:20px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.logohead {
	width:242px;
	height:120px;
	float:left;
}


.main h1 {
	font-weight: normal;
	text-align: center;
}
.main h2 {
	padding: 20px 0 0;
	font-weight: normal;
	text-align: center;
}
.main p {
	overflow: hidden;
	text-align: justify;
	font-size:14px;
	line-height:22px;
}
.main {
	padding: 5px 10px;
}


div .mainnav {
	text-align:center;
}
.footerlinks {
	padding-top:10px;
	font-size:12px;
	color:#666666;

}
.footerlinks li {
	padding:10px;
	border-bottom:1px solid #333333;
            border-bottom:solid #c9c9c9 1px;
            background:url(images/bullet.gif) no-repeat 5px 15px;
            list-style:none;
            margin:0;
            padding-left:20px;
}

.footerlinks li a{
	text-decoration:none;
	}
	
.footerlinks2 {
	padding-top:10px;
	font-size:12px;
	color:#666666;

}
	
.footerlinks2 li a{
	text-decoration:none;
	}
	
.footerlinks2 li {
	padding:10px;
	border-bottom:1px solid #333333;
            border-bottom:solid #c9c9c9 1px;
            list-style:none;
            margin:0;
			padding-top:10px;
			vertical-align: middle;
}
	
.testimonialbox {
		border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#e7e7e7;
	padding:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	text-align:center;
}

#nav{
	list-style:none;
}
#nav li{
	float:left;
	position:relative;
	padding:0px;
	margin:2px;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding:0px;
	margin:0px;
}
#nav ul li{
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background-color:#3f3546;
	width:150px;
	text-align:left;
}

#nav li:hover ul {
	margin-top:0px;
}

#nav li:hover ul li a {
		float:left;
		margin-top:0px;
}

#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:#666666;
}
.button {
   border-top: 1px solid #f23f3f;
   background: #610202;
   background: -webkit-gradient(linear, left top, left bottom, from(#b50000), to(#610202));
   background: -webkit-linear-gradient(top, #b50000, #610202);
   background: -moz-linear-gradient(top, #b50000, #610202);
   background: -ms-linear-gradient(top, #b50000, #610202);
   background: -o-linear-gradient(top, #b50000, #610202);
   padding: 5px 10px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   text-decoration: none;
   vertical-align: middle;
   font-family: 'Josefin Sans', sans-serif;
   font-size: 13px;
   }
.button:hover {
   border-top-color: #211819;
   background: #211819;
   color: #ccc;
   }
.button:active {
   border-top-color: #030303;
   background: #030303;
   }
   
.formtext {
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	padding:8px;
	width:270px;
	margin-bottom:3px;
	border:1px solid #cccccc;
	background-color:#dde0e0;
	-moz-box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	-webkit-box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	color:#333333;

}

.formtextsmall {
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	padding:8px;
	width:50px;
	margin-right:10px;
	margin-bottom:3px;
	border:1px solid #cccccc;
	background-color:#dde0e0;
	-moz-box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	-webkit-box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	box-shadow:inset 0px 0px 3px 2px rgba(119, 119, 119, 0.2);
	color:#333333;

}

#headerslide {
  margin-top: -10px;
  max-width: 1000px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.rolly img:hover {
  -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
     -moz-transform: scale(1.1);  /* FF3.5+ */
      -ms-transform: scale(1.1);  /* IE9 */
       -o-transform: scale(1.1);  /* Opera 10.5+ */
          transform: scale(1.1);
}

.rolly img {
transition: transform .25s ease;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}

.menuborder {
	border-right:2px solid red;
}

.foodname {color:#9a1702; font-weight:bold; font-size:1.1em;}
.foodprice {font-weight:bold; font-size:1.1em;}
.fooddesc {font-size:0.9em;}
.fooddescb {font-size:0.9em; text-align:center; margin-bottom:10px;}
.topspacer {margin-top:50px;}

.menutable td {
	padding:10px 5px 10px 30px; border-bottom:1px dashed #ff3333;
}
.menutable tr:nth-child(odd)	{ background-color:#f2f2f2; }
.menutable tr:nth-child(even)		{ background-color:#e6e6e6; }   
.menutable tr:hover {background-color:#FFA246;}

.celebtable td {
	padding:5px; 
	text-align:center;
	}

.menutit {
	color:white !important;
	text-align:center;
	background-color:#CC0000;
	padding:10px;
	margin-bottom:0px !important;
	margin-top:40px !important;
}

.lightboxframe {width:180px; height:196px; padding:20px 0px 0px 20px; background-image:url('gallery/frame.png'); float:left; display:block; margin:10px 15px;}
.lightboxframe a:hover {filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}
.lightboxframe a { filter: alpha(opacity=80);  -moz-opacity: 0.8;  -khtml-opacity: 0.8;  opacity: 0.8;}
.lightboxframe .tagger {width:160px; text-align:center; font-size:11px;}



/*custom css*/
/*@media (min-width: 1200px){
.container {
  width: 1076px!important;
}
}*/
@media(min-width: 991px) and (max-width: 1200px){
			.navbar-nav {
  float: right!important;
}
}
@media(min-width: 768px) and (max-width: 990px){
		.navbar-nav {
   margin-left: -20px!important; 
padding-left: 0px!important;}
}
@media(max-width: 767px){
	.social-icon1{text-align: center;}
	.navbar-nav {
	padding-left: 20px!important;}
	}

@media(max-width: 430px){
	.pad-10-40{ padding:0px!important; }
	#tagline{padding-top: 0px!important;}
	.social-icons{ 
	 display: inline-block;
	 /*padding-bottom: 20px!important;*/
  margin-right: auto;
  width:80px;
  margin-left: auto;}
}
@media(max-width: 350px){
	.social-icons{ 
	 /*padding-bottom: 20px!important;*/

  width:70px!important;

}
}
@media(max-width: 315px){
	.social-icons{ 
	 /*padding-bottom: 20px!important;*/

  width:60px!important;

}
}
@media(max-width: 285px){
	.social-icons{ 
	 /*padding-bottom: 20px!important;*/

  width:50px!important;

}
}
@media(max-width: 255px){
	.social-icons{ 
	 /*padding-bottom: 20px!important;*/

  width:40px!important;

}
}


.social-icons{ 
	 display: inline-block;
	 /*padding-bottom: 20px!important;*/
  margin-right: auto;
  margin-left: auto;}
.social-icon1{margin:10px!important;}
blockquote {border-left: none!important;}


.theme-default .nivo-controlNav {
	display: none!important;
}
.pad-t-20{padding-top: 20px;}
.pad-20-disposable{padding:20px;}
.pad-0{padding: 0px;}
.table td{border-bottom: 1px dashed red;}
.pad-10-40{padding: 10px 40px;}


@media (max-width: 991px) {
	.container{width: 100%!important;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        width: 100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/**/