/* Auto Handler */ 
td { 
     vertical-align: top; 
}

#divMain {
     max-width: 1200px;
     min-width: 324px;
     margin-left: auto; 
     margin-right: auto; 
     min-height: 1000px;  
}

#overlay {
     position: fixed; 
     bottom:  0px; 
     left: 0px; 
     height: 0%; 
     width: 100%;  
     display: none; 
     background-image: url('/images/overlay.png'); 
}


/* Masthead */ 
#navMenu { 
     display: inline-block;
     width: 100%;
}

#navMenu > div {
     padding: 5px 10px; 
}

/* footer */ 

footer { 
     position: fixed; 
     bottom: 0px;
     left: 0px; 
     width: 100%;
     height: 20px;   
}

#ajax_spinner { 

     position: fixed; 
     top: 30%; 
     left: 50%; 
     display: none; 
}
header { 
     height: 60px;
}

header h1 { 
     margin-top: 0px; 
     margin-bottom: 0px; 
     margin-left: 0px; 
     margin-right: 0px; 

}
#selLocation { 
     width: 150px; 
}


/* FOH */
#artMain { 

}

/* index */ 


/* log in */ 
#divLogInWrapper { 
}

#divLogIn input { 
     width: 100px; 
}
#divLogIn input[type="submit"] { 
     width: 75px;  
}

/* sign up */

#divSignUp {
     position: relative;
     top: 40px;
     width: 190px;
     margin-left: 50px;
}


/* contact */
     
#asdOfficeHours { 
     float: right; 
}

#contactLeft     { width: 100px; }
#contactName, #contactCompany, #contactPhone, #contactEmail, #contactMessage  { 
     border-radius: 5px; 
     padding: 2px 5px; 
}

#contactName, #contactCompany, #contactPhone, #contactEmail { 
     width: 200px; 
}
#contactMessage { 

     width: 302px; 
     box-shadow: inset 2px 2px 0px #A0A0A0;   
     height: 75px; 

}
/* pricing */
.colPricing1   { width: 400px; }

/* Features */ 
.sampleDocument { 
     float: right;  
     margin: 0px 0px 0px 30px; 
     box-shadow: 10px 10px 35px #000000; 
}
#asdAppTiles { 
     width: 240px; 
     float: right; 
     text-align: center

}
.appTile { 

     margin: 20px 20px; 
     padding: 10px; 
     height: 160px; 
     width: 175px; 
     border: 3px solid #808080; 
     border-radius: 10px; 
     box-shadow: 10px 10px 30px #000000; 
}

#imgDispatchScreen { 

     width: 450px; 
     float: right; 
     margin: 20px; 
}
#imgDispatchGPS { 
     width: 200px;
     float:right;  
}

/* Reusables */ 
img.icon { height: 20px; }

@media only screen and (min-width:420px) {
     header {
          height: 65px;
     }
}

@media only screen and (min-width: 440px) {
     header {
          height: 75px;
     }
}

@media only screen and (min-width:975px) {
     article#artMain {
          margin-top: 1em;
     }
}

@media only screen and (min-width:1200px) {
     
}