/*org css*/

html, body { margin: 0; padding: 0; }
#top-image-mobile{display:none;}
h1{ color: #FFF; font-size: 62px; font-family: verdana;     padding: 0px; margin: 0px;    }
.white_bkgrd{ background-color: #fff; height: 40px; width: 100%;     } 
body { background: #2d5ec1;font-family: Verdana;font-size: 15px;line-height: 1.6;color: #FFF;background-repeat: no-repeat; background-position:right center;}

#content { width: 900px; margin: auto;  margin-left: auto; margin-right: auto; padding: auto;  padding-left: auto; padding-right: auto;  }

h1 { margin: 0; font-size: 30px; font-weight: normal; font-family: "Museo 700", Arial;}
h1 em { font-size: 50%; letter-spacing: -0.05em;}
h2 { margin: 0; color: #0a06a3;}
hr { border: none; height: 1px; line-height: 1px; background: #D8D8D8; padding: 0;}
p { margin: 0; padding-bottom: 14px;}

a, img { text-decoration: none; border:0px;}

a:hover {  color: #ccc;}

ul { margin: -7px 0 24px 0;}
#homemobile{display:none;}
.block{width: 1100px;font-size: 12px;text-align: justify;}
#reference{float: left; padding: 15px;}
#reference a{text-decoration:none;}
#referenceMiddle{float: left; padding: 15px 95px;}
#referenceMiddle a{text-decoration:none;}
.blurb{width:1100px;font-size: 11px;text-align: justify;border: solid 1px #72a3fe;}
#header{font-weight:bold;}
#navbar { width:1100px;margin: 0; padding: 0; height: 1em;  }
#navbar li { list-style: none; float: left; }
#navbar li a { display: block; padding: 3px 32.8px; background-color: #fff; color: #5e8ce9; text-decoration: none; }
#navbar li a:hover{background-color: #8db3ff; color:#FFF;} 
#navbar li ul { display: none; width: 10em; /* Width to help Opera out */ background-color: #69f; z-index: 1200;}
#navbar li:hover ul {display: block; position: absolute; margin: 0; padding: 0; }
#navbar li:hover li {float: none; }
#navbar li:hover li a {background-color: #69f; border-bottom: 1px solid #fff; color: #fff; }
#navbar li li a:hover {background-color: #8db3ff; }

#footer {color: #FFF; font-size: 11px; text-align:left;} 
#footer a{ color: #FFF; text-decoration: none; font-size: 11px;}
#footer a:hover{color: #ffe34e;}
.hr-footer{margin-top: 15px;}
#containerResp{display:none;}
#nav{display:none;}
.materials{padding: 0 50px; width: 120px;}
#form{float: left; width: 400px;}
#gmap{width:500px; height:450px; float:left;}
.successful{font-weight:bold; color:#ffc600;}

/*mobile*/

@media screen and (max-width:675px){

#top-image-mobile{display:block; text-align:center;}
#top-image{display:none;}
#homemobile{display:block;width:100%;}
.white_bkgrd{height: auto;width: 100%;}

#containerResp{display:block;}
#containerResp img{padding: 5px 0;}

#container{display:none;}

#content{width:auto;}
.blurb{width:auto !important;}
#menu a img, #home_img{display:none;}

#about_img img {
    display: block;
    max-width: 100%;
    padding: 2%;
}

.block {
    margin: 0 !important;
    padding: 10px!important;
    text-align: justify;
    width: auto !important;
}
#header{font-weight:bold; padding:5px;}
hr{width:100%;}
#navbar {display:none;}
#nav{display:block; list-style: none; float: left; color: #fff; padding: 7px;}
#nav a {color: #FFF; text-decoration:none;}
#nav a:hover{color:#8db3ff;}

#footer{padding: 0;}

h3{padding:0;}
.img{padding: auto;}
.materials{padding: auto; margin: auto; width: auto;}

#reference, #referenceMiddle{float: none; padding-left: 5px;}
#gmap{width: auto; height: 390px; padding: 0 5px;}
#form{padding: 0 5px; width:100%;}

}