@charset "utf-8";
/* CSS Document */
@import url('font/stylesheet.css');
@import url('normalize.css');
@import url('default.css');
#content {	
	margin: 0 auto;
	position:relative;	
	clear: both;
}
#box-restaurant{
	width:315px;
	padding:0px 25px 0 70px;
	font-family: 'dtacboldregular',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;
	color:#606060;
	float:left;
}
#box-restaurant a{
	color:#F00;
}
#box-promotion{
	margin:0 23px 0 0px;
	border:#e1e1e1 solid 1px;
	float:left;
}
#box-menuall{
	width:170px;
	margin:0 15px;
	float:left;
}
#box-menuall img{
	margin-bottom:10px;
}
#box-specialtise{
	float:left;
}
/********************************************************/
#slides {
	display: none;	
}
/*#slides div{
	width:auto;
	height:650px;
}*/
/* Center the slideshow */
.container {
	margin: 0 auto;
	position: relative;
}
/* Show active item in the pagination */
.slidesjs-pagination .active {
	color: red;
}

/* Media quires for a responsive layout */

/* For tablets & smart phones */
    @media (max-width: 767px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.container {
		width: auto
	}
	}

    /* For smartphones */
		@media (max-width: 480px) {
	.container {
		width: auto
	}
	}
	
		/* For smaller displays like laptops */
		@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width: 724px
	}
	}

    /* For larger displays */
    @media (min-width: 1200px) and (max-width: 1920px){
      .container {
        width: 1200px;	
      }
    }
.slidesjs-navigation {
	margin-top: 3px;
}
.slidesjs-previous {
	width: 24px;
	height: 68px;
	position: absolute;
	top: 50%;
	left: 40px;
	margin: -34px 0 0 0;
	z-index: 10;
}
.slidesjs-next {
	width: 24px;
	height: 68px;
	position: absolute;
	top: 50%;
	right: 40px;
	margin: -34px 0 0 0;
	z-index: 10;
}
.slidesjs-pagination {
	margin: 6px 0 0;
	float: right;
	list-style: none;
}
.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}
.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}