/* 
  Background pattern from subtlepatterns.com
*/

@import url(normalize.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,800);

.contact-form .privacy label {
  width:80%;
}

.contact-form .privacy {
  margin:20px 0;
}


body {
  background-color: #e3f0f9;
  color: #5f5f5f;
  font-family: 'Open Sans', sans-serif;
  font-size: 87.5%;
}

/* HYPERLINKS */

a {
  text-decoration: underline;
  color:#fff;
}


a:hover, a:focus {
    text-decoration: none;
}

/* HEADER */

.head {
  text-align: center;
  margin-bottom: 20px;
}

.head h1 {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 10px;
}

.head p {
  font-size: 30px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 10px;
}
.head p.smaller {
    font-size: 18px;
}

/* CONTENT */

.content {
  background-color: #254262;
  color: white;
  width: 720px;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 5px 5px 10px #323232;}

/* CONTACT-FORM */

.form-header p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  background-color: #122942;
  box-shadow: 0 1px 2px #323232;
  padding: 20px 20px; 
  border-radius: 10px 10px 0 0;
}
.form-header p .smaller {
    font-size:16px;
    color: #c3c3c3;
}

.contact-form {
    line-height: 1.2;
    min-width:320px;
    max-width:600px;
    padding: 1em;
    margin: 1em 0 2em 0;
}

.contact-form label {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 80px;
  cursor: pointer;
  padding-top: 8px;
  margin-left: 80px;
}

.contact-form select,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  width: 400px;
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid lightgray;
  border-radius: 5px;
}
.contact-form select {
    width:230px;
}

.contact-form textarea {
  resize: none;
  max-width: 100%;
  min-height: 7em;
}

.contact-form input[type="submit"] {
  font-size: 100%;
  font-family: 'Arial', sans-serif;
  color: white;
  font-weight: bold;
  background: #1BB855;
  padding: 10px 40px;
  border: 1px solid #1BB855;
  border-radius: 8px;
}

.contact-form input[type="submit"]:hover,
.contact-form input[type="submit"]:focus {
  background-color: #57C480;
}

#form_offer_price {
    width:200px;
    margin-right:10px;
}

/* FOOTER */
.footer li {
  list-style-type: none;
  text-align: center;
}

/* IMPRESS */

.impress {
  padding: 10px;
}

/* SUBMITTED */

.submitted {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  background-color: #736A4E;
  box-shadow: 0 1px 2px #323232;
  padding: 5px; 
  border-radius: 10px;
}

/* ERROR */
.error {
    display:block;
    text-align:center;
    color:#900;
    font-weight:bold;
    padding:5px;
}
.error ul {
    list-style:none;
     display:inline;
}
.error ul li {
    display:inline;
    padding:5px;
}

/* Domain List */
.domain-list {
    width: 720px;
    margin: 10px auto;
    padding:15px;
    box-sizing:border-box;
    
    background-color: #ccc;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #323232;
    color:#666;
}
.domain-list h3 {
    margin: 5px 0;
    font-weight:400;
}
.domain-list a{
    white-space:nowrap;
    color:#666;
    margin-right:10px;
}
footer a {
    color:#999;
}