@font-face{
        font-family: 'Roboto';
        src: url('http://mirorestaurant.com/fonts/Roboto-Regular-webfont.eot');
        src: url('http://mirorestaurant.com/fonts/Roboto-Regular-webfont.eot?iefix') format('eot'),
             url('http://mirorestaurant.com/fonts/Roboto-Regular-webfont.woff') format('woff'),
             url('http://mirorestaurant.com/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
             url('http://mirorestaurant.com/fonts/Roboto-Regular-webfont.svg#webfont') format('svg');
}
@font-face{
    font-family: 'MyriadPro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?iefix') format('eot'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg') format('svg');
}
body {
	background: #fff;
	font-family: 'MyriadPro', arial;
	margin: 0px;
	padding: 0px;
}
body img {max-width: 100%;}
input {-webkit-appearance: none;}
h1 {
    color: #000000;
    text-decoration: none;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}
a {
    color: #000;
    text-decoration: none;
}
a:active, a:hover, a:focus { 
    color: #000;
    text-decoration: underline;
}


.simpletable {display: table; width: 100%;}
.row {display: table-row;}
.simplecell {display: table-cell;}
.simpleinline-container {width: 100%; text-align: center;}
.simpleinline {display: inline-block;}
.simpleinline-third {
    display: inline-block;
    width: 31%;
    margin: 0% 1%;
    vertical-align: top;
}
.simpleinline-two-third {
    display: inline-block;
    width: 64.4%;
    margin: 0% 1%;
    vertical-align: top;
}
.simpleinline-fifth {
    display: inline-block;
    width: 18.60%; 
    padding: 0% 0.5%;
    vertical-align: top;
}
.norightmargin {margin-right: 0px; width: 32%;}
.space8 {height: 8px;}
.space10 {height: 10px;}
.space20 {height: 20px;}
.space30 {height: 30px;}
.space40 {height: 40px;}
.space50 {height: 50px;}
.tinyhome {
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: text-bottom;
    margin: 0 5px 0 0;
    background-image: url('http://mirorestaurant.com/images/home-icon.png');
    background-repeat: no-repeat;
}


#hdr-container {
    width: 100%;
    background: #fff;
    margin-bottom: 0px;
}

#hdr {
    width: 990px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.hdr-cll1 {
    text-align: left;
    width: 40%;
    padding: 2%;
    padding-top: 30px;
    vertical-align: middle;
}
#ftr img {
    max-width: 150px;
}
.hdr-cll2 {
    text-align: right;
    width: 69%;
    vertical-align: top;
}
#hdr-index {
    width: 990px;
    margin: 0 auto;
    top: 0px;
    z-index: 1000;
    padding-bottom: 10px;
    position: relative;
}
#wowslider-container1 {
    position: static;
    margin: 0px;
    margin-top: -148px;
}
.hdr-index-cll1 {
    text-align: left;
    width: 40%;
    padding: 2%;
    padding-top: 30px;
    vertical-align: middle;
}
.hdr-index-cll2 {
    text-align: right;
    width: 69%;
    vertical-align: top;
}
#hdr-mob {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 4px solid #ff0000;
    display: none;
}
.mobiletable {
    display: table;
    width: 100%;
}
.mobilerow {display: table-row;}
.mobilecell {display: table-cell;}
.hdr-mob-cll1, .hdr-mob-cll3 {
    width: 15%;
    vertical-align: middle;
}
.hdr-mob-cll2 {
    width: 70%;
    vertical-align: middle;
}
#bdy-container {width: 100%;}
#bdy {
    width: 970px;
    margin: 0px auto;
    padding: 10px;
    background: #fff;
}
#ftr-container {
    width: 100%;
    background: #535353;
    padding: 20px 0px;
    font-size: .8em;
    color: #000;
    text-decoration: none;
    text-align: center;
}
#ftr {
    width: 990px;
    margin: 0 auto;
    padding: 40px 0px;
    font-size: 15px;
}
#ftr-mob {
    display: none;
    width: 100%;
    text-align: center;
}
#ftr a {
    padding: 0px 15px;
    display: inline-block;
}
.topnav a {
    font-size: 18px;
    color: #121212;
    text-decoration: none;
    margin-left: 20px;
}
.topnav a:hover {
    font-size: 18px;
    color: #000;
    text-decoration: underline;
}




/* index.php */
#bdy-index {
    width: 990px;
    margin: 20px auto;
}
.index-inline-top1 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-top1.jpg');
    height: 387px;
    vertical-align: top;
}
.index-inline-top2 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-top2.jpg');
    height: 387px;
    vertical-align: top;
}
.index-inline-top3 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-top3.jpg');
    height: 387px;
    vertical-align: top;
}
.index-inline-title {
    background: url('http://mirorestaurant.com/images/graybar.png');
    line-height: 50px;
    height: 50px;
    color: #fff;
    text-align: left;
    padding-left: 15px;
    font-size: 20px;
}
.social-cll1 {
    display: table-cell;
    text-align: left;
    padding-left: 1%;
    font-size: 28px;
    color: #fff;
}
.social-cll2 {
    display: table-cell;
    text-align: right;
    padding-right: 1%;
    color: #fff;
}
.social-cll2 img {
    vertical-align: middle;
}
.index-inline-bot1 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-bot1.jpg');
    height: 232px;
    vertical-align: top;
}
.index-inline-bot2 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-bot2.jpg');
    height: 232px;
    vertical-align: top;
}
.index-inline-bot3 {
    display: inline-block;
    width: 31.1%;
    margin: 30px 1%;
    background: url('http://mirorestaurant.com/images/index-bot3.jpg');
    height: 232px;
    vertical-align: top;
}





















/*contact.php*/
.formwrapper {
    width:94%;
    padding: 3%;
    background: #eaeaea;
}
.formtitle {
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
}
.index3-form .formrow {
    padding: 5px 0px;
}
.formlabel {
    font-size: 12px;
}
.formbox {

}
.formbox input {
    width: 95%;
    margin-bottom: 5px;
    padding: 5px 2%;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.formbox textarea {
    width: 95%;
    height: 90px;
    margin-bottom: 5px;
    padding: 5px 2%;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.formbtn input {
    width: 100%;
    margin-bottom: 5px;
    padding: 10px 0px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #0a3b76;
    color: #fff;
}
.formhuman {
    font-size: 12px;
    margin-bottom: 5px;
}
.iframeWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.formwrapper-contact {
    width: 80%;
    margin: 0 auto;
}
.leftside-contact {
    width: 50%;
    padding-right: 2%;
}
.rightside-contact {
    width: 44%;
    padding-right: 4%;
    vertical-align: top;
}
.justmobile {display: none;}
.contact-gray {
    background: #ccc;
    padding: 10px;
}
.contact-white {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
}
.contact-white p {
    margin: 10px 0px;
}

@media (max-width: 400px) {
    body img {max-width: 100%;}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.3em;}
    .simpletable {display: block;}
    .row {display: block;}
    .simplecell {display: block;}
    #hdr {display: none;}
    #hdr-index {display: none;}
    #wowslider-container1 {margin: 0px;}
    #hdr-mob {display: block;}
    #bdy {
        width: 94%;
        padding: 3%;
        margin-bottom: 0px;
    }
    #ftr-container {margin-top: 0px; box-shadow:none;}
    #ftr {display: none;}
    #ftr-mob {display: block;}
    .leftside-contact {
        width: 100%;
        padding: 0px;
        padding-bottom: 30px;
    }
    .rightside-contact {width: 100%;}
    .formlabel {
        width: 100%;
        text-align: left;
    }
    .formbox {width: 100%;}
    .iframeWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .iframeWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .simpleinline-fifth, .simpleinline-third, .simpleinline-two-third {width: 100%; margin:0px;}
    
    .formwrapper-contact {width: 100%;}



    /* index.php */
    #bdy-index {
        margin: 0px;
        width: 94%;
        padding: 3%;
    }
    .index-inline-top1, .index-inline-top2, .index-inline-top3 {
        width: 90%; 
        height: 387px; 
        margin: 20px auto;
        background-position: center;
    }
    .index-inline-bot1, .index-inline-bot2, .index-inline-bot3 {
        width: 90%; 
        height: 250px; 
        margin: 20px auto;
        background-position: center;
    }
    .social-cll1, .social-cll2 {
        display: block; 
        text-align: left; 
        width: 90%; 
        margin: 0 auto;
        padding: 0px;
    }
    .nomobile {display: none;}
    .justmobile {display: block;}
}