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


/*  em, strong, button,  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol{
	list-style:decimal;
	margin-left:30px;		
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */


/* FONT STYLES*/

body{
	background:url(../images/bg/body-bg.jpg) repeat fixed ;
	/*background-color:#;*/
	font-family: 'muliregular';
	color:#333;
	font-size:17px !important;
	line-height:27px;
	

}

/* FIX */
.MainWrapper {
	margin: 0 auto;
	padding: 0;
	width:1100px;
}
.MinHeight {
	height:57px;
}
/* END FIX */

/* TOP */
.TopMainWrapper {
	width:1200px;
	margin:0 auto;
	
}
.Address{
	float:left;
	color:#fff;
	padding:10px 0px;
	line-height:30px;
	font-size:13px;
}
.Address span{
	padding:0px 2px;
}
.Logo {
	float:left;
	width:415px;
	
}
.Logo a {
	display:block;
	width:415px;
	height:132px;
	background:url(../images/imgs/the-skillet-restaurant-header-logo.png) no-repeat left top;
	text-indent:-999999px;
}
.TopMainRight {
	float:right;
	display:block;
	width:51%;
}
.Phone {
	color:#dd5e00;
	font-size:30px;
	line-height:32px;
	float:right;
	font-family: 'open_sansbold';
	text-align:right;
	margin-left:50px;
}
.Phone a {
	color:#dd5e00;
}
.Phone a:hover {
	color:#3496e2;
}
.Phone i{
	width:28px;
	height:28px;
	background-color:transparent;
	border:2px solid #3496e2;
	color:#3496e2;
	font-size:18px;
	line-height:30px;
	text-align:center;
	border-radius: 50%;
	display:inline-block;
	vertical-align:top;
	
}
/*  End  */

/*   Nav   */
.FParagraph1 p:last-child{
	margin-bottom:0px;
}
img{
	max-width:100%;
	margin:0px auto;	
}
.Nav {
	
	/*float:right;*/
}
.Table {
	display:table;
	margin:0px auto;
	width:100%;
}
.Cell{
	display:table-cell;
	vertical-align:top;
}
/*   End   */

/*   Header   */

.Header {
	width:100%;
	position:absolute;
	left:0px;
	bottom:120px;
	text-align:center;
	z-index:11;
}
.DownArrow{
	background:url(../images/arrow1.png) no-repeat center;
	height:49px;
	width:49px;
	position:absolute;
	bottom:20px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
}
.Header  h2{
	font-size:42px;
	line-height:55px;
}
.Header  h1{
	font-size:70px;
	line-height:75px;
}

.InnerHeader {
	width:100%;
	position:absolute;
	left:0px;
	bottom:50px;
	text-align:center;
	z-index:11;
}
.InnerHeader h1{
	font-size:62px;
	line-height:60px;
	text-transform:capitalize;
	
}
.InnerHeaderBg .Logo{
	top:65px;
}

/*  End   */

/*   Contain  Wrapper   */

.IdxContainWrapper {
	width:1100px;
	margin:0 auto;
	padding:40px 0px 40px 0px;
}
.InnerContainWrapper {
	width:1200px;
	margin:0 auto;
	padding:40px 0px 20px 0px;
}
.InnerContainWrapper h1 {
	font-size:30px; font-weight:normal;line-height:40px
}
.InnerContainWrapper h2 {
	font-size:28px; font-weight:normal;line-height:40px;
}
.InnerContainWrapper  #SubHeading2 h2 {
	font-size:56px; font-weight:normal; line-height:62px;
}
.InnerContainWrapper h3 {
	font-size:24px; font-weight:normal;line-height:34px;
}
.InnerContainWrapper #SubHeading3 h3 {
	font-size:48px; font-weight:normal; line-height:52px;
}
.InnerContainWrapper h4 {
	font-size:22px; font-weight:normal;line-height:34px;
}
.InnerContainWrapper #SubHeading4 h5 {
	font-size:20px; font-weight:normal; line-height:32px;
}
.InnerContainWrapper h5 {
	font-size:18px; font-weight:normal;line-height:28px;
}
.InnerContainWrapper h6 {
	font-size:16px; font-weight:normal;line-height:26px;
}


/*   End   */

/*   Footer   */

.Footer {
	width:1100px;
	margin:0 auto;
	padding:90px 0px;
	text-align:center;
	color:#fff;
}
.Footer a {
	color:#fff;
}
.Footer a:hover {
	color:#d22127;
}
.FSocialIcon {
	margin:15px auto 0px;
	text-align:center;
}
.FSocialIcon li{
	background-image:none;
	padding:0px;
	margin:0px -1px;
	display:inline-block;
	vertical-align:top;
}
.FSocialIcon .fa-stack {
	width:57px;
	height:57px;
	line-height:57px;
}
.FSocialIcon  .fa-stack-2x {
    font-size:57px;
	top:0px;
}
.FSocialIcon .fa-stack-1x {
	top:2px;
}
.FSocialIcon .fa-lg {
    font-size:28px;
    line-height:57px;
}
.FSocialIcon a{
	color:#cccccc;
}
.FSocialIcon a:hover{
	color:#5488c2;
}
.FSocialIcon a .fa-inverse{
	color:#fff;
}
.FSocialIcon a:hover .fa-inverse{
	color:#fff;
}
.FooterLink {
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;	
}
.FooterLink span{
	padding:0px 5px;
	color:#fff;
}
.copy{
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	margin:12px 0px 15px;
	letter-spacing:0.5px;
}
.DevelopedBy {
    font-size: 12px;
    text-transform: uppercase;
	letter-spacing:0.5px;
	color:#fff;
}
.DevelopedBy img{
	margin-left:7px;	
}
.FooterLogo {
	margin:30px 0px 30px;
}

/*   End   */
/**index page**/
.TopMainRight address{
	font-family: 'muliregular';
	font-size:15px;
	color:#333;
	padding:22px 0px;
	/*border-bottom:1px solid #d22127;*/	
	text-align:right;
}
.PhoneImg {
    color: #040707;
    font-size: 25px;
    line-height: 30px;
    font-family: 'mulibold';
	float:right;
}
.PhoneImg a {
	color: #040707;
}
.PhoneImg a:hover {
	color: #d22127;
}
.PhoneImg i {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 2px solid #d22127;
    color: #d22127;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.TopMainRight .Nav{
	float:left;	
}
.TopMainRight .TopLinks{
	padding-top:12px;	
    border-top: 1px solid #d22127;
}
/**footer**/
.FooterWrap{
	background:url(../images/bg/footer-bg.jpg) repeat;
}
.SepLine1{
	color:#000;
	border-bottom:3px solid #000;
	width:215px;
	margin:22px 0px;	
}
.YourDinnerWrap .IdxContainWrapper{
	padding:60px 0px 20px;	
}
/*.YourDinnerDescWrap{
	float:left;
	width:50%;	
}*/
.YourDinnerImg{
	float:right;
	width:459px;
	text-align:center;
	margin:0px 0px 25px 110px;	
}
img{
	max-width:100%;
	margin:0px auto;	
}
.YourDinnerImg img{
	border:10px solid #fff;
	border-bottom:42px solid #fff;	
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);	
}
/*.BreakfastLunchImg img{
	margin-bottom:-7px;
}*/
.BreakfastLunchImg {
	background:url(../images/imgs/idx-img2.jpg) no-repeat top center;
	height:425px;	
	background-size:cover;
	float:left;
	width:50%;/*688px*/
}
.BreakfastLunchRedBgWrap{
	float:right;
	/*display:inline-block;*/
	width:49%;/*698px*/
	border-left:12px solid #fff;	
}
.BreakfastLunchRedBgWrapper{
	padding:70px 165px 20px 80px;	
}
.SepLine2{
	color:#fff;
	border-bottom:3px solid #fff;
	width:215px;
	margin:22px auto;
}
.BreakfastLunchDesc{
	text-align:center;
	color:#fff;	
}
.BreakfastLunchDesc,.YourDinerDesc {
	line-height:32px;	
}
.BreakfastLunchRedBgWrap .Button1{
	margin-top:30px;	
}
.BreakfastLunchWrap{
	border-bottom:10px solid #fff;	
}
.IdxMapWrap .ContactInfoWrap{
	float:left;
	width:50%;	
/*	border-bottom:1px solid #f5f5f5;*/
}
.IdxMapWrap .ContactInfoWrapper{
	padding:85px 80px 20px 160px;
	text-align:center;
	float:right;	
}
.ContactInfoWrap .SepLine1{
	margin:15px auto 18px;	
}
.ContactInfoWrap{
	font-size:18px;
	line-height:28px;
	color:#000;
	font-family: 'muliregular';
}
.ContactInfoWrap span{
	text-transform:uppercase;
	font-family: 'mulibold';	
}
.ContactInfoWrap .PhoneImg{
	float:none;
	margin-top:20px;	
}
.IdxMapWrap .MapWrap{
	background:url(../images/imgs/idx-map1.jpg) no-repeat top center;
	min-height:381px;
	background-size:cover;
	float:right;
	width:49%;	/*700px*/
    border-left: 12px solid #fff;
}
.SpreadTheWorldWrap,
.OpeningTimesWrap{
	display:inline-block;
	width:351px;
	background-color:#f5f5f4;
	vertical-align:top;
	height:344px;
    border-right: 18px solid #fff;	
}
.MeetTheStaffImgWrap{
	display:inline-block;
	width:351px;
	height:344px;	
}
.SpreadTheWorldWrapper,.OpeningTimesWrapper{
	padding:45px 45px 30px 45px;	
}
.MeetTheStaffWrap .IdxContainWrapper{
	padding:25px 0px 32px; 	
}
.DottedLineImg{
	background:url(../images/icons/line1.png) repeat-x;
	height:14px;	
}
.SpreadTheWorldWrap .FSocialIcon li.Facebook a{
	color:#3a589b !important;
}
.SpreadTheWorldWrap .FSocialIcon li.Yelp a{
	color:#ca4638 !important;
}
.SpreadTheWorldWrap .FSocialIcon li.Googleplus a{
	color:#b80c0c !important;
}
.SpreadTheWorldWrap .FSocialIcon li.Facebook a:hover,
.SpreadTheWorldWrap .FSocialIcon li.Yelp a:hover,
.SpreadTheWorldWrap .FSocialIcon li.Googleplus a:hover{
	color:#000 !important;
}
.OpeningTimesWrap .Button2{
	margin-top:20px;	
}
.HeadingWrap{
	float:left;
	width:47%;
	height:244px;
	border-right:12px solid #fff;	
}
.HeadingWrapper{
	padding:92px 55px 92px 103px;
	float:right;	
}
.HeadingWrap h2,.FaqTitle h2{
	padding:0px 18px;
	display:inline-block;	
}
.FaqTitle h2{
	padding:0px 12px;	
}
.LineImg1{
	background:url(../images/icons/line-img1.png) no-repeat top center;
	height:39px;
	width:124px;
	display:inline-block;	
}
.LineImg2{
	background:url(../images/icons/line-img2.png) no-repeat top center;
	height:39px;
	width:124px;
	display:inline-block;	
}
.LineImg3{
	background:url(../images/icons/line-img3.png) no-repeat top center;
	width:60px;
	height:20px;
	display:inline-block;	
}
.LineImg4{
	background:url(../images/icons/line-img4.png) no-repeat top center;
	width:60px;
	height:20px;
	display:inline-block;	
}
.InnerHeaderImgWrap{
	height:244px;
	width:52%;/*700px*/
	float:right;	
}
.ContactFormWrap .IdxContainWrapper{
	width:940px;
	margin:0px auto;
	padding:45px 0px 40px;	
}
.ContactFormWrap .SepLine1{
	margin:18px auto;	
}
.ContactFormWrap label{
	color:#232323;
	font-size:17px;
	line-height:27px;
	font-family: 'muliextralight';
	display:block;	
}
.ContactFormWrap .Col2{
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 8px 9px;
}
.ContactFormWrap .Col1{
    width: 98%;
    margin: 8px 9px;
}
.ContactFormWrap input,
.ContactFormWrap textarea {
    width: 91%;
    /* padding: 15px 12px; */
    padding: 11px 12px;
    border: 1px solid #eeecec;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    background-color: #f9f9f9;
    box-shadow: none;
    border-radius: 5px;
	line-height:28px;
}
.ContactFormWrap textarea{
	width:97%;	
	height:130px;
}
.ContactFormWrapper{
	padding-top:55px;
}
.ContactFormWrap .Button2{
	width:165px;
	margin-top:35px;	
}
.ContactFormWrap .Button2 a{
	padding:0px 0px;
}	
.FAQsWrapper .qus{
	background-color:#000;
	height:50px;	
}
/*.EggsOrderWrap{
	float:left;
	width:49%;	
}*/
.SepLine3{
	color:#5a5a5a;
	border-bottom:1px solid #5a5a5a;
	width:auto;
	margin:0px 0px 8px;	
}
.EggsOrderWrap table tr td:last-child{
	width:10%;	
}
.EggsOrderWrap table td{
	font-size:16px;
	line-height:26px;
	width:15%;
	text-align:left;
	padding:0px 15px;	
}
.EggsOrderWrap li,.MenuFAQUL li,.OmelestWrap li{
	background-image:none;
	padding:0px;
	margin-bottom:20px;	
}
.EggsOrderWrap li h2{
	float:left;	
}
.PriceWrap{
	float:right;
	color:#d12127;
	font-size:22px;
	line-height:32px;
	font-family: 'mulibold';	
}
.EggsOrderWrap table tr td:first-child{
	padding-left:0px;	
}
.EggsOrderWrap table tr td:last-child{
	padding-right:0px;	
}
.EggsOrderWrap li:last-child{
	margin-bottom:0px;	
}
.EggsOrderWrap #li_container1 ul.EggsOrderUL.li_cont1,
.OurMenuTabWrap #li_container2 ul.MenuFAQUL.li_cont1,
.OmelestWrap #li_container3 .OmelestUL.li_cont1,
.LunchMenuWrap #li_container2 ul.LunchMenuWrapUL.li_cont1,
.LunchMenuWrap #li_container3 ul.LunchMenuWrapUL.li_cont1,
.LunchMenuWrap #li_container4 ul.LunchMenuWrapUL.li_cont1,
.LunchMenuWrap #li_container5 ul.LunchMenuWrapUL.li_cont1,

.OurMenuExtras #li_container1 ul.LunchMenuWrapUL.li_cont1{
	padding-right:45px;	
}
.EggsOrderWrap .SepLine1{
	width:auto;	
}
.MenuFAQUL h2,.OmelestUL h2,.LunchMenuWrapUL h2{
	float:left;	
}
.LunchMenuWrapUL h2 span{
	font-family: 'muliregular';
	font-size:17px;
	color:#333;
	text-transform:none;
}
.MenuPriceWrap{
	float:right;
	color:#d12127;
	font-size:18px;
	line-height:30px;
	font-family: 'mulibold';	
}
.MenuFAQUL .MenuPriceWrap i{
	padding:0px 5px;	
}
.MenuFAQUL li h6{
	float:left;	
}
.OmelestWrap ,.LunchMenuWrap{
	margin-top:32px;	
}
.OmelestWrap .SepLine1,
.LunchMenuWrap .SepLine1{
	margin:15px 0px;
	width:auto;	
}
.BreakfastSidesUL li{
	color:#d12127;
	font-size:20px;
	line-height:32px;
	font-family: 'mulibold';
	background-image:none;
	padding:0px;
	margin:0px 0px 8px 0px;	
}
.LunchMenuWrapUL li{
	background-image:none;
	padding:0px;
	margin:0px 0px 8px 0px;	
}
.BreakfastSidesUL li h6,
.LunchMenuWrapUL li h6{
	float:left;
	font-size:19px;
	line-height:32px;
	font-family: 'mulibold';	
}
.MenuPriceWrap{
	float:right;
}
.BreakfastSidesWrap .SepLine1{
	width:auto;	
}
.BreakfastSidesWrap #li_container9 ul.BreakfastSidesUL.li_cont1,
.BreakfastSidesWrap #li_container9 ul.BreakfastSidesUL.li_cont2,

.BreakfastSidesWrap #li_container4 ul.BreakfastSidesUL.li_cont1,
.BreakfastSidesWrap #li_container4 ul.BreakfastSidesUL.li_cont2,

.BreakfastSidesWrap #li_container3 ul.BreakfastSidesUL.li_cont1,
.BreakfastSidesWrap #li_container3 ul.BreakfastSidesUL.li_cont2{
	padding-right:70px;	
}
.ThankyouWrap{
	text-align:center;
}
.ThankyouWrap .IdxContainWrapper{
	width:1050px;
	padding:0px 0px 125px;	
}
.ThankyouDesc{
	font-size:19px;
	line-height:34px;
	width:900px;
	margin:0px auto;
}
.TabMenuHeadingWrap li h2 img{
	vertical-align:middle;	
}
.TabMenuHeadingWrap li{
	display:inline-block;
	width:41%;
	position:relative;
	padding-bottom:20px;
	letter-spacing:1px;	
}
.TabMenuHeadingWrap li.Icon1{
	position:relative;
}
.TabMenuHeadingWrap li.Icon2{
	width:36% !important;
	position:relative;
}
.TabMenuHeadingWrap li.Icon3{
	width:22% !important;
	position:relative;	
}
.TabMenuHeadingWrap li.Icon1 a h2{
	background:url(../images/icons/our-menu-icon1.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#000;	
}
.TabMenuHeadingWrap li.Icon1 a:hover h2,
.TabMenuHeadingWrap li.Icon1 a.on h2{
	background:url(../images/icons/our-menu-icon1-hover.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#d22127;	
}
.TabMenuHeadingWrap li.Icon2 a h2{
	background:url(../images/icons/our-menu-icon2.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#000;	
}
.TabMenuHeadingWrap li.Icon2 a:hover h2,
.TabMenuHeadingWrap li.Icon2 a.on h2{
	background:url(../images/icons/our-menu-icon2-hover.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#d22127;	
}
.TabMenuHeadingWrap li.Icon3 a h2{
	background:url(../images/icons/our-menu-icon3.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#000;	
}
.TabMenuHeadingWrap li.Icon3 a:hover h2,
.TabMenuHeadingWrap li.Icon3 a.on h2{
	background:url(../images/icons/our-menu-icon3-hover.png) no-repeat left center;
	height:88px;
	padding-left:102px;
	vertical-align:middle;
	display:table-cell;
	color:#d22127;	
}
.SepLine4{
	color:#d22127;
	border-bottom:4px solid #d22127;
	width:auto;
	margin:22px 0px;	
}
.TabMenuHeadingWrap ul{
	border-bottom:4px solid #d22127;
    margin-bottom: 20px;	
}
.TabMenuHeadingWrap li.Icon1 a.on:after,
.TabMenuHeadingWrap li.Icon1 a:hover:after{
	content:' ';
	background:url(../images/icons/tabmenu-down-arrow.png) no-repeat top center;
	width:13px;
	height:7px;	
	position:absolute;
	bottom:-17px;
	left:42%;
	margin-left:-6.5px;
}
.TabMenuHeadingWrap li.Icon2 a.on:after,
.TabMenuHeadingWrap li.Icon2 a:hover:after{
	content:' ';
	background:url(../images/icons/tabmenu-down-arrow.png) no-repeat top center;
	width:13px;
	height:7px;	
	position:absolute;
	bottom:-17px;
	left:38%;
	margin-left:-6.5px;
}
.TabMenuHeadingWrap li.Icon3 a.on:after,
.TabMenuHeadingWrap li.Icon3 a:hover:after{
	content:' ';
	background:url(../images/icons/tabmenu-down-arrow.png) no-repeat top center;
	width:13px;
	height:7px;	
	position:absolute;
	bottom:-17px;
	left:68%;
	margin-left:-6.5px;
}
.OMTabWrap > h2{
	padding:25px 0px 35px;	
}
.TabMenuWrap #li_container3 ul.MenuFAQUL.li_cont1,
.OmelestWrap #li_container6 ul.OmelestUL.li_cont1,

.TabMenuWrap #li_container1 ul.MenuFAQUL.li_cont1,
.OmelestWrap #li_container2 ul.OmelestUL.li_cont1 {
	padding-right:45px;	
}
.LunchMenuWrap h2+h6{
	font-family: 'mulibold';
	font-size:18px;	
}
.YourDinnerDescWrap .SepLine1{
	text-align:left;	
}













/* CLEAR FIX */
.group:after {
  content: "";
  display: table;
  clear: both;
}

.ClearBoth {
  clear: both;
  min-height:1px;
}
/* END FIX */

/* Float Nav */

.HomeTop {
	background-color:#7fcb31;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding:5px 0px;
	z-index:1111;
}