body{
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}


/* Global Header related */
.header{
   background-color: #01BFFE; 
   /*height: 319px;*/
   height: 335px;
   max-width: 100%;
   min-width: 320px;
   overflow: hidden; 
   margin-left: auto; 
   margin-right: auto;
   text-align: center;
   background-image: url(../images/backgrounds/header-background-2.png);
   background-repeat: no-repeat;
   
}

.standardheaderimg{
   margin-left: auto; 
   margin-right: auto;
   display: inline-block;
   position: relative; 
    z-index: 20; 
    top: 0px; 
    left: 0px; 
    /*width: 80%; */
    min-width: 1024px; 
    max-width: 1206px; 
    height: 335px;
}
.mobileheaderimg{
    display: none;
    margin-left: 0px;
}
.firstline{
    font-size: 50px;
    color: #f1f1f1;
    text-shadow: 1px 1px 2px #666666;
    position: absolute;
    z-index: 200;
    top: 1px;
    left: 0px;
    font-weight: normal;
    margin: 0px;
    width: 80%;
    
}
/* Global Header related */


/*Site menu styles*/
.mainmenu{
    width: 100%;
    height: 50px;
    /*background-image: url(../images/mainmenu.png);
    background-size: 1206px;
    background-position: center;
    background-repeat: no-repeat;*/
    
    background-image: url(../images/backgrounds/mainmenu-bg-repeating.jpg);
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -16px;
}
.mainmenu .elements{
    /*width: 1200px;
    height: 50px;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    height: 50px;
    min-width: 780px;
    
}
.mainmenu a{
    display: block;
    width: 18%;
    height: 32px;

    /*border: 1px solid red;*/
    border: 1px solid #3366ff;
    border-radius: 7px;
    font-size: 25px;
    text-align: center;

    color: red;
    color: #66ffcc;
    font-family: sans-serif;
    text-decoration: none;
    line-height: 34px;
    float: left;
    margin-top: 9px;
    margin-left: 20px;
}
.mainmenu a:hover{
    color: yellow;
    border: 1px solid yellow;
}
/*Site menu styles*/


.welcome{
    background-image: url(../images/ogden-carpet-cleaning-mid-background.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 376px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding-top: 25px;
    box-sizing: content-box;
    display: block;
}
.welcome-mobile{
    width: 100%;
    min-height: 35px;
    display: none;
}
.steamtimecarpetcleaningintroduction{
    font-size: 50px;
    color: #34961C;
    /*max-width: 625px;
    float: left;*/
    text-align: left;
    margin-left: auto;
    margin-right: 12%;
    vertical-align: top;
    display: inline-block;
    max-width: 550px;
    min-width: 300px;
    border: 5px solid red;
}
.steamtimecarpetcleaningintroduction h1{
    font-size: 50px;
    font-weight: normal;
    color: #34961C;
    
}

/*global page footer*/
.footer{
    min-height: 485px;
    margin-left: auto; 
    margin-right: auto; 
    width: 100%; 
    background-image: url(../images/footer.png); 
    background-repeat: no-repeat; 
    background-position: bottom;
}

.miniSitemap{
    width: 700px; 
    height: 200px; 
    position: relative; 
    left: 52%; 
    top: 210px;
}
.miniSitemap ul{
    width: 295px;
    list-style: none;
}
.miniSitemap ul li a{
    color: blue;
    text-decoration: none;
    font-size: 19px;
    font-family: sans-serif;
}
.miniSitemap ul li a:hover{
    color: yellow;
    text-shadow: 2px 2px 3px #444444;
}
/*global page footer*/


/*page content framework, use together in html*/
.pagecontent{
     width: 100%;
     min-height: 50px;
     font-family: sans-serif;
}
.contentbox{
    /*width: 1200px;*/
    min-width: 300px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.contentbox h2{
    color: #34961C;
}
.contentboxmobile{
    display: none;
    max-width: 100%;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
/*page content framework*/

/*the strip of coupon ads*/
.adcontainer{
    /*margin-top: -60px; */
    position: relative; 
    top: -75px; 
    z-index: 20; 
    text-align: center;
}
.ad{
    width: 216px;
    height: 149px;
    display: inline-block;
}
/*the strip of coupon ads*/

.carpetCleaingCommitmentMessage {
    text-align: justify;  
    margin: 20px 0px 20px 0px; 
    float: left; 
    font-size: 18px; 
    color: #333333;
}

/*utah map and city listing widget*/
.serviceAreasContainer{
    text-align: left; 
    float: left; 
    width: 36%; 
    border: 0px solid #c0c0c0; 
    border-radius: 10px; 
    margin-left: 15px;
}
.serviceAreasContainer img{
    float: left;
}
/*utah map and city listing widget*/

/*testimonials*/
.customerProfile{
    width: 150px;
    text-align: center;
}

.home-video-container-head{
    margin-left: 50px;
    display: inline-block; 
    
    vertical-align: top;
    min-height: 300px;
}
.footerNew{
    min-height: 485px;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 15px;
    width: 100%; 
    background-image: url(../images/footer.png); 
    background-repeat: no-repeat; 
    background-position: bottom;
    z-index: 100;
    position: relative;
}

.telephone-main{
     display: none; 
     height: 49px; 
     line-height: 49px; 
     background-image: url(../images/backgrounds/mainmenu-bg-repeating.jpg); 
     letter-spacing: 3px; 
     font-size: 20px;
     position: relative; 
     top: -39px; 
     z-index: 3; 
     width: 100%; 
     margin-left: auto; 
     margin-right: auto; 
     color: white;
     font-family: sans-serif;
}


@media only screen
and (min-width : 1025px)
and (max-width : 1206px){
    .standardheaderimg{
        width: 1200px;
        left: -120px;
    }
    .mainmenu a{
        font-size: 18px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
}




/*begin main mobile css media query*/
@media only screen and (max-width : 1024px) { 
    .welcomeMessage{
        margin-left: 20px;
        margin-right: 20px;
    }
    .firstline{
        display: none;
    }
    .globalServices{
        text-align: center;
        margin-right: 20px;
        margin-left: 20px;
    }
    .videoSelfHosted1{
        margin-top: 50px;
    }
    .subHeader{
        margin-left: 0px;
        text-align: center;
    }
    .missionStatementBox{        
        margin: 0px;
        display: block;
    }
    .missionStatementBoxLargetext{
        font-size: 40px;
        text-align: center;
        margin: 0px 20px 0px 20px;
    }
    .introductionVideoBox{
        width: 100%;
        max-width: 590px;
        margin-left: 0px;
        margin-right: 0px !important;
        
        /*background-color: rgba(200,200,200,.8);*/
    }
    .introductionVideoBox img{
        width: 93%;
    }
    .rotaryExtractionExample{
       width: 100%;
       margin-right: 0px !important;
    }
    .servicesBox{
        max-width: 100%;
    }
    .serviceImageHead{
        display: inline-block;        
    }
    .servicesContent{
        margin-left: 20px;
        margin-right: 20px;
        
    }
    .servicesContent .col1{
        width: 100%;
        min-width: 320px;
        margin-right: 0px !important;
    }
    
    .servicesContent .col2{
        width: 100%;
        min-width: 320px;
        margin-right: 0px !important;
    }
    .adbox{
        top: 5px;
    }
    .adCloud{
        margin-top: 130px;
        margin-left: -150px;
    }
    .hidemobile{
        display: none;
    }
    .header{
        height: 384px;
        height: 397px;
        background-image: url(../images/mobile/header_logo/mobile-header-background.png);
        background-repeat: no-repeat;
        background-position: top;
    }
    .telephone-main{
     display: inline-block;
        
    }
    
    .standardheaderimg{
        display: none;
    }
    .mobileheaderimg{
        display: block;
    }
    .header-mobile{
        
    }
    .mainmenu{
        display: none;
    }
    .contentbox{
        
    }
    .contentboxmobile{
        display: block;
        text-align: center;
    }
    .steamtimecarpetcleaningintroduction{
        text-align: center;
    }
    .mainvideocontainer{
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        text-align: center;
        display: block;
        clear: both;
    }
    .welcome-mobile{
        display: block;
    }
    .adcontainer{
        display: inline-block;
        position: relative; 
        top: -80px; 
        z-index: 100; 
        text-align: center;
    }
    .footerNew{
        min-height: 800px;
        margin-left: auto; 
        margin-right: auto;
        margin-top: 0px;
        max-width: 100%; 
        min-width: 320px;
        background-image: url(../images/backgrounds/footer-background.png); 
        background-repeat: no-repeat; 
        background-position: bottom;
        text-align: center;
    }
    .miniSitemap{
        width: 320px; 
        height: 200px; 
        position: relative; 
        top: 285px;
        left: auto;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .miniSitemap ul{
        width: 295px;
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: -16px;
    }
    .miniSitemap ul li a{
        border: 1px solid blue;
        border-radius: 10px;
        padding: 5px;
        min-width: 285px;
        line-height: 41px;
        display: inline-block;
        background-color: rgba(100,100,255,.5);
    }
}






/*@media only screen and (max-width : 1200px) {
    
    .steamtimecarpetcleaningintroduction{
        display: block;
        text-align: center;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 25px;
    }
    
    .adcontainer{
        max-width: 500px;
        margin-top: 50px;
        display: inline-block;
        text-align: left;
        width: 500px;
        
    }
    .ad{
        width: 216px;
        height: 149px;
        display: inline-block;
        margin: 10px;
        
        text-align: center;
    }
    .ad img{
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        
    }
    .home-video-container-head{
        margin-left: 50px;
        display: inline-block; 
        border: 1px solid red;
        vertical-align: top;
        min-height: 500px;
    }
    
    
}*/