/* ----------------------------------------------

        St Georgio's

--------------------------------------------- */


    /* Main */

        html,body{
            width: 100%;
            background-color: #FFFFFF;
            font-family: 'museo-sans', sans-serif;
            font-size: 16px;
        }
        a {
            text-decoration: none;
            color: #FFF;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        a:hover {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        .sep { margin: 0 15px; color: #8e654d; }
        .left { float: left; }
        .right { float: right; }
        .clear { clear: both; }
        .hover {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        .round {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        .logo {
            padding-top: 20px;
            float: left;
        }

        .clearfix:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    /* Basics */

        #wrapper {
            width: 100%;
            background-color: #FFF;
        }
        #wrapper > .content {

        }
        .content {
            width: 100%;
            padding: 20px 0 30px 0;
            margin: 0 auto;
        }
        .inner {
            width: 1280px;
            margin: 0 auto;
            position: relative;
        }

    /* Header */

        #banner {
            width: 100%;
            height: 190px;
            position: relative;
            overflow: hidden;
            background: url('../images/banner.jpg') center center no-repeat;
        }
        #CafeHomePage #banner {
            height: 750px;
        }
        #header {
            width: 100%;
            height: 190px;
            color: #FFF6D7;
            font-size: 13px;
            font-weight: 500;
            font-style: italic;
            text-transform: uppercase;
            background: rgba(0, 0, 0, 0.4) url('../images/header-bg.png') repeat-x top left;
            font-family: 'museo-sans', sans-serif;
        }
        #header #hours {
            float: right;
            margin-top: 70px;
        }
        #banner-content {
            display: table;
            height: 436px;
            padding: 30px 0;
            margin: 30px auto;
            color: #fff6d7;
            border-top: 2px solid #fff6d7;
            border-bottom: 2px solid #fff6d7;
        }
        #banner-content > .inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-family: "Calligraffitti", sans-serif;
        }
        #banner-content > .inner > h1 {
            width: 650px;
            font-size: 72px;
            line-height: 90px;
            display: inline-block;
        }

    /* Navigation */

        .nav {
            float: right;
            clear: right;
            margin-top: 25px;
        }
        .nav > li {
            list-style-type: none;
            display: inline-block;
        }
        .nav > li > a {
            font-size: 13px;
            color: #f5b48d;
            padding-bottom: 10px;
        }
        .nav > li > a:hover {
            color: #FFF;
            text-decoration: none;
        }
        .nav > ul {
            display: none;
            z-index: 999;
            background-color: rgba(131,130,161, 0.8);
            border: 2px solid #646389;
            padding: 5px;
        }
        .nav > li:hover ul {
            position: absolute;
            display: block;
        }
        .nav > li:hover ul li {
            display: block;
            vertical-align: middle;
            padding: 0 3px;
        }
        .nav > li:hover ul li a:hover {
            color: #FFF;
        }
        .nav .current a, .nav .section a {
            color: #FFF !important;
        }

        .subNav {
            width: 100%;
            height: 40px;
            margin-top: -20px;
            border-top: 1px solid #f5b48d;
            background: #201816;
            text-align: center;
        }
        .subNav > ul > li {
            height: 40px;
            line-height: 40px;
            list-style-type: none;
            display: inline-block;
        }
        .subNav > ul > li > a {
            width: 100%;
            height: 100%;
            color: #f5b48d;
            display: block;
            text-transform: uppercase;
            font-style: italic;
        }
        .subNav > ul > li:hover a, .subNav .current a, .subNav .section a {
            color: #FFF;
        }

    /* Page */

        #title {
            margin: 15px 0;
            padding: 15px 0;
            border-top: 2px solid #9C8F88;
            border-bottom: 2px solid #9C8F88;
        }
        #intro p {
            color: #6a4e40;
            font-weight: 500;
            font-size: 18px;
            font-style: italic;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #9C8F88;
        }

        /* HomePage */

        #homeTiles {
            margin-top: 15px;
            position: relative;
			text-align: center;
        }
        .tile {
            width: 415px;
            display: inline-block;
            margin-right: 13px;
        }
        .tile:last-of-type {
            margin-right: 0;
        }
        .tile img {
            border-bottom: 2px solid #42281b;
        }
        .tileContent {

        }
        .tileContent > h2 {
            padding-top: 8px;
        }
        .tileContent > p {
            color: #6a5a54;
            margin: 15px 0;
            padding: 15px 0;
            border-top: 2px dotted #42281b;
            border-bottom: 2px dotted #42281b;
            font-family: "proxima-nova",sans-serif;
            font-weight: 600;
        }
        .tileContent > a {
            font-size: 14px;
            display: block;
            color: #54301e;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #42281b;
            font-family: "proxima-nova",sans-serif;
            font-weight: 600;
            font-style: italic;
        }
        .tileArrows {position:absolute; left:0px; top:50%; margin-top:-28px; width:12px; height:57px; background:url(../images/tilesArrow.png) left top no-repeat; opacity:0.4; cursor:pointer; display:none;}
        #next {left:auto; right:0px; background-position:right top;}
        .tileArrows:hover {opacity:0.8;}

    /* MenuPage */

        #MenuHolder #intro p {
            margin-bottom: 0px;
        }
        #MenuHolder h3 {
            font-size: 22px;
            padding: 15px 0;
            font-weight: bold;
        }
        #MenuHolder h4 {
            font-size: 18px;
        }
        .menuItem {
            width: 48%;
            min-height: 65px;
            float: left;
            margin: 15px 0;
            padding-bottom: 15px;
            border-bottom: 2px dotted #42281b;
        }
        .menuItem.eol {
            margin-left: 4%;
        }
        #MenuPage #title, #MenuHolder #title {
            border-top: none;
        }
        .menuItem p {
            height: 50px;
        }
        .menuCategory > #subintro {
            margin-bottom: 15px;
            padding: 15px 0;
            border-bottom: 2px solid #9C8F88;
        }
        .menuCategory > #subintro > p {
            color: #000;
            font-size: 16px;
            font-style: italic;
        }

    /* Gallery */

        a.galImage {
            width: 415px;
            height: 230px;
            overflow: hidden;
            margin: 0 13px 13px 0;
            position: relative;
            display: inline-block;
        }

        a.galImage:nth-of-type(3n) {
            margin-right: 0;
        }

        .galImage img {
          -webkit-transition: all 0.6s linear;
          -moz-transition: all 0.6s linear;
          -o-transition: all 0.6s linear;
          -ms-transition: all 0.6s linear;
          transition: all 0.6s linear;
        }

        .galImage:hover img {
          -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
          -moz-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
          -o-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
          -ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
          transform: matrix(1.05, 0, 0, 1.05, 0, 0);
        }
        #fancybox-content {
            border: 10px solid #FFF6D7 !important;
        }

    /* Footer */

        #footer {
            width: 100%;
            height: 277px;
            background: url('../images/footer.png') repeat-x;
            font-family: 'museo-sans', sans-serif;
        }
        #footer > .inner {
            width: 1280px;
            height: auto;
        }
        #footer .footer-column {
            width: 280px;
            margin: 25px 0 0 30px;;
            display: inline-block;
            vertical-align: top;
        }
        #footer .footer-column.fol {
            margin-left: 120px;
        }
        #footer .footer-column h3 {
            color: #FFF;
            padding: 10px 0;
            margin-bottom: 15px;
            border-top: 2px solid #C18351;
            border-bottom: 2px solid #C18351;
        }
        #footer .footer-column p {
            color: #FFF;
            font-size: 10px;
            font-weight: 300;
            margin-bottom: 7px;
            text-transform: uppercase;
        }
        #footer .copy {
            display: block;
            margin-top: 30px;
            text-align: center;
        }
        #footer .copy, #footer .copy a {
            font-size: 11px;
            color: #895c48;
        }

    /* Contact Override */

        .leftContent {
            width: 48%;
            float: left;
        }

        .rightContent {
            width: 48%;
            float: right;
        }

        form label.left {
            color: #42281B !important;
            font-family: 'museo-sans', sans-serif !important;
            float: none;
        }

        input[type="submit"] {
            border: 1px solid #42281B !important;
            color: #42281B !important;
        }
        input[type="submit"]:hover {
            border: 1px solid #FFF !important;
            color: #FFF !important;
            background-color: #42281B !important;
        }
        form input[type=text], form input[type=email], form input[type=password], form textarea, form .textajaxuniquetext, form select {
            width: 100% !important;
            padding: 7px !important;
        }
        .map {
            width: 100%;
            height: 400px;
        }

    /* Media */

        @media (max-width: 1300px) {
            .inner, #footer > .inner {
                width: 100%;
                width: calc(100% - 40px);
                padding: 0 20px;
            }
            #footer .footer-column, #footer .footer-column.fol {
                margin-left: 0;
                width: 200px;
            }
        }

        @media (max-width: 1024px) {
            .logo {
                width: 180px;
                margin-top: 10px;
            }
            #banner-content > .inner > span {
                width: 80%;
                font-size: 40px;
            }
            #homeTilesInner {
                width: 415px;
                margin: 0px auto;
            }
        }

        @media (max-width: 670px) {
            .nav {
                float: none;
                margin: 0 auto;
            }
            .logo {
                float: none;
                width: 180px;
                margin-top: 0;
            }
            #header #hours {
                float: none;
                margin: 10px 0;
                display: block;
            }
            #footer .footer-column.eol {
                display: none;
            }
        }