@charset "utf-8";
/* CSS Document */

.clear {clear:both;}
body { background-color:#edf5fb; font-family: 'Quattrocento Sans', sans-serif;}

h1 {font-size: 52px; color: #000; text-transform:uppercase; font-weight:700; padding: 0; margin:23px 0 0 0; }

h2 { font-size:40px; color:#000; text-transform:uppercase; font-weight:700; margin-top:0px; margin-bottom:20px;}

h3 { font-size:14px; font-weight:300; text-transform:uppercase; color:#941b12}

h4 { font-size:19px; font-weight:600; color:#16899e; padding: 0 0 0 20px; text-transform:uppercase; margin-bottom:10px;}

p {font-size:15px; color:#000; font-weight:300; line-height:22px; padding:10px 0 0 0s; margin:0px;}s

#title { width:940px; max-width: 100%; padding:0; margin:30px 0 0 0; display:block; line-height:10px; padding: 17px 0 0 0;}

#tagline {margin:0; padding:0; line-height:10px;}

#slogan { margin:0px; padding:0;}
#slogan p { font-size:20px; text-transform:uppercase; font-weight:400; color: #000;}

#wrap {width:940px; margin-left:auto; margin-right:auto; margin-bottom:20px; background-color:#fff;}

#hdr {background:#FFF; height:auto; width:940px; margin:0px; padding:0px; position:relative;}

#content { background:#FFF; width:940px; padding:0px; margin:0;}

#contact {float:right; padding-top:28px; margin:0px 0 0 0; text-align:right; font-size:33px; font-weight:700; color:#609fa6; width:350px}

#contact span {display:block; line-height:32px; padding:0 20px 0 0;}

#mainText {padding: 25px;}

#mainText p {text-align: center; font-size: 16px;}


#logo {padding: 17px 0 0 20px; margin-top:0;}

#underline {padding-bottom:27px;}

#form iput {font:"Open Sans"; font-size:13px;}
#form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #878787; font-size:13px; font-family:"Open Sans";
}
#form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #878787;
    opacity:  1; font-size:13px; font-family:"Open Sans";
}
#form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #878787;
    opacity:  1; font-size:13px; font-family:"Open Sans"
}
#form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #878787; font-size:13px; font-family:"Open Sans";
}

#form input
{
-moz-border-radius:4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
-khtml-border-radius: 4px; /* KHTML */
border-radius: 4px; /* CSS3 */
box-shadow:none; border:none; padding:0 0 0 2px; width:100%; margin:0 0 10px 0;  border:1px solid #CCC; line-height:30px;}

#form textarea
{
-moz-border-radius:4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
-khtml-border-radius: 4px; /* KHTML */
border-radius: 4px; /* CSS3 */
box-shadow:none; height: 71px; padding:8px 0px 0 5px; margin:0 0 0 20px; border:none; font-family:"Open Sans";font-size:13px; width:250px;  border:1px solid #CCC;
}
#form #txtComments { font-family:"Open Sans";}

#form tr td {padding:0; margin:0;}

#form input[type="image"] {border: none !important;}
#form {width: 30%; margin-left: auto; margin-right: auto; padding-top: 20px;}
#form h3 {font-size:15px; color:#666; font-weight:700; text-transform:uppercase; padding:0; margin:0; height:55px;}
#form p {font-size:12px; color:#666; line-height:20px; padding:0 20px 0 20px;}

#ftr { background:#094d7f; text-align:right; color:#FFF; font-size:10px; line-height:43px; padding:0 30px 0 0; margin:0; text-transform:uppercase;}

#ftr a {text-decoration:none; color:#fff;}

#ftr1 { color:#FFF; font-size:10px; line-height:43px; padding:0 0 0 30px; margin:0; float:left;}

table { border-collapse:collapse; width:100%; padding:0; margin:0 30px 0 0;}
tr {border:none;}
td {border:none;}

@media (max-width: 970px){
    #wrap, #content {max-width: 100%; width: auto;}
}
@media (max-width: 700px) {
    #form {width: 40%;}
}
@media (max-width: 550px) {
    #logo img {max-width: 100%;}
    h1 {font-size: 44px;}
    h2 {font-size: 30px;}
    #slogan p {font-size: 17px;}
    #form {width: 60%;}
}
@media (max-width: 400px) {
    h1 {font-size: 34px;}
    h2 {font-size: 22px;}
}