/* CSS Document */


* {
	margin: 0 auto;
}

html, body {
	margin:0 auto; 
    padding:0 auto; 
    height:100%; 
    background-color: #333333;
    font-family: sans-serif;
    text-align: center;
}


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


@media all and (max-width: 785px) {
    nav ul {
        display: none; 
    }
    
    #header {
        width: 100%; 
        min-width: 319px;
        height: 80px; 
        margin: 0px auto; 
        padding: 0 auto;
    }
        
    #topHeader {
        display: none;
    }    
    
    .mbegaselogoHeader {
        margin-top: 20px;
        width: 150px;
    }
    
    #DivisionSecondary2{
        background-size:auto;
        background-position:top;
        min-height: 50px;
    }
    
    #DivisionSecondary{
        background-size:auto;
        background-position:top;
        min-height: 50px;
    }
}

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

@media all and (min-width: 1900px) {
    
    #DivisionSecondary2{
    }
}



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

@media screen and (max-width: 1024px) and (min-width:785px) {
    
    #header {
        width: 100%; 
        min-width: 319px;
        height: 123px; 
        margin: 0px auto; 
        padding: 0 auto;
        background-image:none;
        
    }
}

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

@media only screen and (max-width: 870px) {
    
    .headerStripLogo {
        display: none;
    }

}
    
    
/*    ----------------------------------    */

@media only screen and (max-width: 500px) {
    
    .footerSignUp {
        color: #999999; 
        font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
        float:center; 
        width:100%; 
        text-align:center;
        padding-left:0; 
        padding-top:20px; 
        background-color: #333333;
    }
    
    .signUpAlign{
        align-self: auto;
    }

    .footerCopyright{
        width:90%;   
        font-size: 8px;
        padding-left:10px; 
        padding-top:25px;
        padding-right:10px
    }
    
    .iTuneAlign{
        float:right;
        text-align: center;
        padding-left: 20px;
    }
            
    .categorySecondary {
        max-width: 100%;
        text-align: center;
        color: white; 
        font-size: 12px; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-stretch: ultra-condensed;
        font-style: normal;
        font-weight: bolder;
        margin-top: 5px;
        margin-bottom: 25px;
        padding: 5px;
        background-color: crimson;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    .categoryMain {
        color: #333333; 
        font-size: 25px; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-stretch: ultra-condensed;
        font-style: normal;
        font-weight: bolder;
    
    }
    
    #category {
        width: 100%;
        min-width: 319px;
        height: auto; 
        text-align:center;
        padding-top: 50px;
        margin: auto ;
        background-color: #0F5F9C;
        background: aliceblue; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(right, white, aliceblue , white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left, white, aliceblue, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(left, white, aliceblue, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to left, white, aliceblue , white); /* Standard syntax */
        border-bottom-color: white;
        border-bottom-style:inset;
        border-bottom-width: medium;
    }
    
    #category2 {
        width: 100%; 
        min-width: 319px;
        height: auto; 
        text-align:center;
        padding-top: 50px;
        margin: auto ;
        background-color: aliceblue;
        background: aliceblue; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, aliceblue , white, aliceblue); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, aliceblue, white, aliceblue); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, aliceblue, white, aliceblue); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, aliceblue , white, aliceblue); /* Standard syntax */
        border-bottom-color: white;
        border-bottom-style:inset;
        border-bottom-width: medium;
    }
    
    
    #header {
        width: 100%; 
        min-width: 319px;
        height: 55px; 
        margin: 0px auto; 
        padding: 0 auto;
        border-bottom-color: aliceblue;
        border-bottom-style:inset;
        border-bottom-width:medium;
        background-image: none;
    }

    #headercontent {
        width: 100%;
        max-width: 860px; 
        min-width: 319px;
        max-height: 50px; 
        text-align:left;
        padding: 20px 0 20px;
        margin: auto ;
    }
    
    #categoryContainer {
        min-height: 30px;
    }
    .mbegaselogoHeader {
        width: 100px;
        margin-top: 0px;
    }
    
    #topHeader{
        display: none;
    }
    
    .DivisionTitles2 {
        max-width:860px;;
        color:white; 
        font-size: 20px; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-stretch: ultra-condensed;
        font-style: normal;
        font-weight:normal; 
    }
    
    .DivisionMain2 {
	   font-size: 20px; 
    }
    
    .mainDivisionSecondary{
        min-height: 150px;
        margin-top: 15px;
    }
    
    .DivisionSecondary{
        height: 150px;
        margin-top: 15px;
    }

    #margin10 {
        width:auto;
        height:5px;
    }
    
    .column-left{
        display:inline-block; 
        width: 100%;
        padding-bottom: 5px;
    }
    
    .column-center{
        display: inline-block; 
        width: 100%;
    }
    
    .column-right{
        display:inline-block; 
        width: 100%;
    }
    
    .moreInfo {
        margin-top: 2px;
        margin-bottom: 15px;
        font-size: 10px; 
    }
    
    #DivisionSecondary1 {
        min-height: 250px;
        height:auto;
    }
    
    .DivisionSecondary1 {
        padding-top: 35px;
        min-height: 440px;
        height:auto;
    }
    
    #mainPageTopper {
        min-height: 50px;
        text-align:left;
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .mainPageTopperTitle {
        font-size: 25px; 
    }
    
    .columnTitle{
        font-size: 15px; 
    }
    
    .columnText{
        font-size: 12px; 
    }
    
    #columnText{
        padding-top: 10px;
    }
    
    .hide {
        display:none;
    }
    
    #bodySideBar {
        width: auto;
        margin: 50px 10px 50px 0px;
    }
    
    .reserveNow {
        border-bottom-left-radius: 10px; 
        border-bottom-right-radius: 10px; 
        padding:15px; 
        font-size:20px;
    }
    
    .reserveNow2 {
        font-size: 17px; 
        margin-top: 3px;
        margin-bottom: 10px;
        border-radius: 10px;
        padding:15px; 
    }
    
    .footerLinkContainer{
        width:80%;   
        padding-left:25px; 
        padding-top:25px;
        padding-bottom:40px;
        padding-right:25px
    }
    
    .footerLinkSection {
        width:100%; 
        padding: 10px 0px 0px 0px;
        
    }

    .footerLinkHeader {
        float:left;
        text-align: left;
        width:45%; 
        padding: 20px 0px 0px 0px;
    }

    .footerLinks {
        display:none
    }
    
    .MbegasefooterLogo {
        width:120px;
    }
}