* {
    padding:0;
    margin:0;
}
html {
    font-size:100%;
    line-height:1.5;
}

body {
    color: #000;
    background-color: #ffffff;
  /*  background:url(../images/bkgd_128-216.jpg) repeat 25%;    */
    font-family: 'Arial Sans', sans-serif;
    /*font-weight: 400;   */
    /*font-size:10px;  trick for applying easy font-size throughout rest of site */
}
.container {
    max-width: 90%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
}
h1{
    text-align:center;
    margin-bottom: .5em; /* 8px */
    font-family: 'Arial Sans', sans-serif;
    font-size: 1em;
    font-weight: 100;
    letter-spacing: 0.1em;
    color:#5a5858;
   
   }

.imageHolder {
    max-width: 252px;
    margin-left: auto;
    margin-right: auto;

}

.imageHolder a {
    text-align: center;
    text-decoration: none;  
}
.imageHolder a img {
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px #BBBBBB solid;
    margin-top: 15px;
    
 
}
.imageHolder figure {
    max-width: 252px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: 100;
    line-height: 1.5em;
    text-align: center; 
    color: #666666;
    margin-bottom: 15px;
}

.contactButton{
    text-align: center;
}



.codeBtn{
    margin-bottom: 10px;
    width: 200px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:90%;
    text-decoration:none;
    text-align:center;
    padding: .64em 2em;
    color:#001f33;
    border: solid 2px #9D9D9D;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-weight:normal;
    background-color:#CACACA;
    background-image:linear-gradient(top,#0099FF 0%, #007Acc 100%);
    box-shadow: 2px 2px 4px #706f6f, inset 2px 1px 8px #ffffff;
    text-shadow: 1px 1px 3px #383737;
    filter: dropshadow(color=#383737, offx=1, offy=1);
}
.codeBtn:hover{
    text-decoration:none;
    color:#f5f3da;
    background-color:#CACACA;
    background-image:linear-gradient(top,#19a584 0%, #1982A5 100%);
    box-shadow: 2px 2px 4px #706f6f, inset -2px -1px 8px #ffffff;
    cursor: pointer;
}
.codeBtn span {
    display: block;
}

.textContainer {
    background-color: white; 
}

.textbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
}
   
p{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #666666;
}


@media screen and (min-width:600px) {
  h1{
    margin-bottom: .75em; /* 12px */
    font-size:2em;
   } 
 .demo-gallery a {
    float:left;
}

.imageHolder {
    /*max-width: 540px;*/
    max-width: 810px;
}

.imageHolder a img {
    
}

.demo-gallery a img {
    margin-right: 15px;
}

.demo-gallery a img.thirdImg {
    margin-right: 0;
    
}
 
}