/**********************************************************************
 * Fonts ************************************************
 *********************************************************************/
@font-face {
    font-family: 'eye_glassbold';
    src: url('fonts/eyeglass/eyeglb__-webfont.eot');
    src: url('fonts/eyeglass/eyeglb__-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/eyeglass/eyeglb__-webfont.woff') format('woff'),
         url('fonts/eyeglass/eyeglb__-webfont.ttf') format('truetype'),
         url('fonts/eyeglass/eyeglb__-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proseantiquebold';
    src: url('fonts/antique/antiqueb-webfont.eot');
    src: url('fonts/antique/antiqueb-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/antique/antiqueb-webfont.woff') format('woff'),
         url('fonts/antique/antiqueb-webfont.ttf') format('truetype'),
         url('fonts/antique/antiqueb-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


.eyeglass{
	font-family: 'eye_glassbold';
}


.antique{
	font-family: 'proseantiquebold';
}

/**********************************************************************
 * Main Body CSS ************************************************
 *********************************************************************/

body{
	 background: url(../img/elements/background.jpg) no-repeat center 0 fixed #000;
	 padding: 0;
	 margin: 0;
}

.con{
	width:1020px;
	padding: 0 10px;
	margin:0 auto;
	overflow: hidden;
}

.white{
	background-color:#fff;
	overflow: hidden;
	height:100%;
}

/**********************************************************************
 * Header & Navigation ************************************************
 *********************************************************************/

#header{
	height:196px;
	background: url(../img/elements/header-bg.jpg) repeat-x 0 0 scroll transparent;
	border-bottom: 1px #DD1B25 solid;
}

#header .con {
  height: 100%;
  position: relative;
}

#header .con .logo img{
	border: 0;
}

#header .con #menu #nav li a {
	font-family: 'eye_glassbold';
}

#menu {
  bottom: 0;
  position: absolute;
  width: 100%;
  left:0;
  padding: 0 10px;
}

#nav{
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	line-height:36px;
	color: #fff;
}

#nav li{
	display:inline-block;
	vertical-align:middle;
}

#nav li.link{
	padding-left: 17px;
}

#nav li.link.last
{
	padding-right:17px;
}

#nav li.link + li.link:before{
	display:inline-block;
	content: "/";
	padding-right:17px;
}

#nav li a{
	color: #fff;
	text-decoration:none;
	transition:color 0.25s ease;
	text-transform:uppercase;
}

#nav li a:hover{
	color: #e91d25;
}

#nav li.social + li.social{
	padding-left:3px;
}

#nav li.social a{
	display:block;
	background: url(../img/elements/social.png) no-repeat 0 0 scroll transparent;
	width:28px;
	height:28px;
}

#nav li.social a.facebook{
	background-position:0 0;
}
#nav li.social a.facebook:hover{
	background-position:0 -29px;
}

#nav li.social a.twitter{
	background-position:-31px 0;
}
#nav li.social a.twitter:hover{
	background-position:-31px -29px;
}

/**********************************************************************
 * Page ******************************************************
 *********************************************************************/

#body .black-trans{
	background-color: rgba(0,0,0,0.8);
	overflow:hidden;
}

/* **** TOP ******************************************************* */

#body .con .top{
	text-align:center;
}

#body .con .top{
	text-align:center;
}

#body .con .top p{
	color: #fff;
}

#body .con .top .fish-logo{
	padding: 1.75em 0 0.4em;
}

#intro{
	margin-bottom:0;
	margin-top:2.188em;
	text-transform:uppercase;
}

#one{
	font-size: 1.875em;
}

#two{
	color: #E91D26;
	display: inline-block;
	font-size: 2.25em;
	line-height: 0.8em;
	margin-bottom: 0.7em;
}

#three{
	font-size: 1.5em;
}

#quote{
	margin-top:0;
	font-size: 1.125em;
	line-height:2.8em;
}


/* **** MID ******************************************************* */

#body .red{
	background-color: #E91D26;
	padding: 1.875em 0;
}

/* **** BOTTOM ******************************************************* */

#body .con .bottom{
	color: #fff;
	padding:0 3.063em;
}

#body .con .bottom .text-block{
	text-align:justify;
	font-size:0.875em;
	margin-bottom: 2em;
}

#body .con .bottom .title-block{
	text-transform:uppercase;
	font-size:4.5em;
	color:#fff;
	text-align:center;
	margin: 0.208em 0;
}

#body .con .bottom .title-block span{
	color: #E91D26;
}

.boxes .box{
	width:13.438em;
	height:11.375em;
	background-color: #E91D26;
	display:inline-block;
	padding: 1.25em;
	position: relative;
}
.boxes .box-small.hov {
	top:-27px;
}
.boxes .box.hov:hover {
	background-color: #353535;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;	
}

.boxes a .box {
	color: #FFF;
}
.boxes .box a {
	color: #FFFFFF;
	height: 100%;
	left: 0;
	padding: 123px 0 0 21px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 100%;
}

.boxes .box-long{
	width:27.75em;
}

.boxes .box-small {
	position:relative;
	top:-0.1em;
}

.boxes .pad-right {
	margin-right:0.875em;
}
.boxes .pad-bottom {
	margin-bottom: 0.875em;
}

.boxes .pad-extra {
	margin-bottom:2.188em;
}

.boxes .box .title{
	font-size:3.75em;
}

.boxes .box .title .dollar{
	font-size:0.5em;
	position:relative;
	top:-1em;
}

.boxes .box .subtitle{
	display: inline-block;
	font-size: 2.25em;
	line-height: 0.5em;
	margin-bottom: .4em;
}

.boxes .box .info {
	font-size:1.125em;
}

.boxes .box-long .subtitle{
	margin-left:0.7em;
}
.boxes .box-long .info {
	margin-left:1.4em;
}

.kingsville-only{
	bottom: 17px;
    display: block;
    font-size: 80%;
    left: 44px;
    position: absolute;
}
/**********************************************************************
 * Promotion ******************************************************
 *********************************************************************/

#promo{
	color:#eee;
	text-align:center;
	background:#940007;
	padding:15px;
	margin-bottom:28px;
	font-size:1.3em;
	font-family:arial;
}

#promo .main {
	font-size: 180%;
	margin:0;
}

#promo .main span {
	font-size: 150%;
	display:block;
}

#promo .subtext{
	font-size:90%;
}

#promo .expiry {
	font-size:75%;
}

.coupon {
	width:960px;
	margin:20px;
}


/**********************************************************************
 * Footer ******************************************************
 *********************************************************************/

#footer{
	border-top: 1px #DD1B25 solid;
	height:63px;
	color:#fff;
	background-color:#000;
}

#footer .con {
	padding: 0 10px;
	position: relative;
	height: 100%;
}

#foot-left{
	font-size:1.5em;
	line-height:63px;
}

#foot-left p{
	margin:0;
	vertical-align:text-middle;
	height:100%;
}

#foot-right{
	text-align:right;
	font-size:0.625em;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px;
}
#foot-right a{
	text-decoration:none;
	color: #fff;
}

#foot-right a:hover{
	text-decoration:none;
	color: #fff;
}

/**********************************************************************
 * Catering Page ******************************************************
 *********************************************************************/
#catering {
	font-family: 'eye_glassbold';
	vertical-align:middle;
}

#catering .con{
	min-height:650px;
/*
	background-color:#fff;
*/
	overflow: hidden;
	vertical-align:middle;
	padding-top:20px;
}

#catering .con .catering-details{
	vertical-align:middle;
	display:block;
}

#catering .con .text{
	font-size:1.5em;
	padding:30px 40px;
	text-align:justify;
	color: #fff;
}
 
#catering .con .col {
	 width:50%;
	 display: inline-block;
	 vertical-align: middle;
	 padding: 20px 5px 40px;
	 text-align:center;
}

#catering .con .col>div{
	font-size:2em;
	display:inline-block;
	background-color:#E91D26;
	color:#fff;
	width:85%;
	text-align:center;
	padding: 30px 15px;
}
 
#catering .con .col>div>span{
	display:block;
}

#catering a.phone {
	display: none;
}

/**********************************************************************
 * Location Page ******************************************************
 *********************************************************************/
 
 .address_detail .col {
	 width:50%;
	 display: inline-block;
	 vertical-align: middle;
 }
 
  .address_detail .col .hours .title {
	display: inline-block;
	font-size: 1.75em;
 }
 
 .address_detail .col .hours .day {
	display: inline-block;
	width:30%;
 }
 
 .address_detail .address {
	font-size: 1.5em;
 }
 
 /**********************************************************************
 * 404 Page ******************************************************
 *********************************************************************/
 
 #page404{
	color: #fff;
	padding: 10px 50px;
 }
 
 #page404 h1{
	font-family: 'eye_glassbold';
 }
 
 #page404 p{
	font-family: 'eye_glassbold';
 }
 
 #page404 p a{
	text-decoration:none;
	color: #E91D26;
 }
 
 #page404 p a:hover{
	text-decoration:none;
	color: #E91D26;
 }