/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
        

    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
       #Splash {display: none;}
        
        .contact {font-size: 2em; margin-left: 12px;}
        .BottomNav {
            display: none;   
        }
        
        
        .LeftNav a, .home .LeftNav a, .home .LeftSocial a { 
            font-size: 280%;
        }
        
        .footlogo {
            width: 90%
        }
        
        hr.home {
            left: -80px;
        }
        
        .home .footer p {
            font-size: 1em !important;   
        }
        footer p {
            color: #fff;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 90%;
            line-height: 120%;
        }
		h2 { line-height: 1em; margin-bottom: 0.3em !important;}
		.email-sub {display: block; margin-top: 20px !important;}
		
        
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #Splash {display: none;}
    
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        
        img.homelogo {
            width: 80%;
            text-align: center;
            margin-bottom: 20px;
        }   
        
        .hours {
            width: 100%;
            margin: 0 auto;
    
        }
        
        .contact {
            font-size: 1.8em;
            margin-top: -18px
        }
        
        #Home .alpha, #Home .omega {
            text-align: center;
        }
        
        #Splash {display: none;}
        
        h1 {
            text-align: center;
        }
        .LeftNav {
            display: none;   
        }
        
        menu.Menus, menu.AboutUs {
            text-align: center;
            display: block;
            margin: 0 auto;
            width: 100%;
        }
        
        .BottomNav {
            display: block;
            margin: 30px auto 0 ; 
        }
        
        .home .LeftNav a {
            text-align: left;
            display: block;
            border: 0px;
        }
        
        hr.home{margin: 0 0 20px 100px; width: 100%}
        
        .footlogo {
            display: none;
        }
        
        .LeftNav, .BottomNav {
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 3px solid #ddd;
        }
        .LeftNav a, .BottomNav a { 
            display:inline;
            font-size: 280%;
            margin-left: 5px;
            padding-right: 5px;
            border-right: 3px solid #ddd;
        }
        
        .LeftNav a:nth-child(3), .BottomNav a:nth-child(3) {
            border-right: 0px solid;
        }
        .Imagetopper {
            position: relative;
            margin-left: -20px;
            width:110%
        }
        .logo {
            width: 50%;
            margin-left: 26%;
            margin-bottom: -50px
        }
        footer .alpha, footer .omega {
            text-align: center;
        }
        
        footer .omega p{
            display: block;
            text-align: left;
        }
        footer img.logo {
            width: 60%;
            margin:0 auto 15px;
            
        }
        footer p, footer p.cred {
            color: #fff;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 70%;
            line-height: 120%;
        }
		.MainContent p {
		    color: #fff;
			font-size: 110%;
			line-height: 1.2em;

		}
		h2 { line-height: 1em; margin-bottom: 0.3em !important;}
		.email-sub {display: block; margin-top: 20px !important;}
        
        .mobile-closed {display: block !important;
           
            width: 100%;}
		
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
        img.homelogo {
            width: 80%;
            text-align: center;
            margin-bottom: 20px;
        }   
        
        .hours {
            width: 100%;
            margin: 0 auto;
    
        }
        
        .contact {
            font-size: 1.3em;
            margin-top: -18px
        }
        
        #Home .alpha, #Home .omega {
            text-align: center;
        }
        
        #Splash {display: none;}
        
        h1 {
            text-align: center;
        }
        .LeftNav {
            display: none;   
        }
        
        menu.Menus, menu.AboutUs {
            text-align: center;
            display: block;
            margin: 0 auto;
            width: 100%;
        }

		menu.Menus a, menu.AboutUs a {
			margin-right: 2%;
			width: auto;
		}
        
        .BottomNav {
            display: block;
            margin: 30px auto 0 ; 
        }
        
        .home .LeftNav a {
            text-align: left;
            display: block;
            border: 0px;
        }
        
        hr.home{margin: 0 0 20px 100px; width: 100%}
        
        .footlogo {
            display: none;
        }
        
        .LeftNav, .BottomNav {
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 3px solid #ddd;
        }
        .LeftNav a, .BottomNav a { 
            display:inline;
            font-size: 180%;
            margin-left: 5px;
            padding-right: 5px;
            border-right: 3px solid #ddd;
        }
        
        .LeftNav a:nth-child(3), .BottomNav a:nth-child(3) {
            border-right: 0px solid;
        }
        .Imagetopper {
            position: relative;
            margin-left: -20px;
            width:110%
        }
        .logo {
            width: 50%;
            margin-left: 26%;
            margin-bottom: -50px
        }
        footer .alpha, footer .omega {
            text-align: center;
        }
        
        footer .omega p{
            display: block;
            text-align: left;
        }
        footer img.logo {
            width: 60%;
            margin:0 auto 15px;
            
        }
        footer p, footer p.cred {
            color: #fff;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 0.5em !important;
            line-height: 120%;
        }
		.MainContent p {
		    color: #fff;
			font-size: 100%;
			line-height: 1.2em;

		}
		h2 { line-height: 1em; margin-bottom: 0.3em !important;}
		.email-sub {display: block; margin-top: 20px !important;}
        
        .mobile-closed {display: block !important;
           
            width: 100%;}
    }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/