/*global styles*/

* {
  text-decoration:none;
   font-family: 'Ubuntu', sans-serif;
}
body {
  background-color:#333;
  margin:0;
  padding:0;
}
img {
  border:0;
}
h3 {
  color:#175e8f;
  padding-top:0;
  margin-top:0;
  font-size:20pt;
  font-weight:300;
}
h4 {
  color:#175e8f;
  padding-top:0;
  margin-top:0;
}
hr {
  background-color:#bebebe;
  color:#bebebe;
  height:1px;
  border:0px;
  margin-top:20px;
  margin-bottom:20px;
}
dd {
  margin-left:0px;
}
ul {
  list-style-type:square;
}

/*---------------------------------------------*/

#nav-wrapper-width {
  position:relative;
  width:100%;
  background-color:#2595e4;
  box-shadow: 0px 0px 4px #222;
}
#nav-wrapper {
  max-width:934px;
  margin-left:auto;
  margin-right:auto;
}
#head-banner {
  background-color:#175e8f;
}
    #head-banner-content-wrapper {
    position:relative;
    max-width:934px;
    margin-left:auto;
    margin-right:auto;
    }
        #logoWrap {
        position:relative;
        max-width:846px;
        padding-left:44px;
        padding-right:44px;
        }
        @media screen and (max-width: 600px) {
        #logoWrap {
            padding-left:22px;
            padding-right:22px;
        }
        }
        #logo {
        margin-top:20px;
        margin-bottom:20px;
        width:100%;
        }
        #motto {
        color:#fff;
        }
#head-banner-underline {
  z-index:40;
  width:100%;
  position:relative;
  height:9px;
  background-color:#2595e4;
  box-shadow:0px 2px 2px #222;
  margin-bottom:20px;
}
#head-banner-sub {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  border-radius:2px 2px 2px 2px;
  max-width:934px;
}
#buyTheirHouse {
    width:100%;
}
#wrapper-parent {
  position:relative;
  max-width:934px;
  margin-left:auto;
  margin-right:auto;
}
    #wrapper-child {
    position:relative;
    width:100%;
    float:left;
    padding-bottom:26px;
    background-color:#fff;
    box-shadow:0px 0px 4px #222;
    border-radius:2px 2px 2px 2px;
    }
        #main {
        position:relative;
        margin-left:auto;
        margin-right:auto;
        padding-top:44px;
        color:#4d4d4f;
        }
        #main a:link {color:#175e8f; text-decoration:none;}
        #main a:visited {color:#175e8f; text-decoration:none}
        #main a:hover {color:#175e8f; text-decoration:underline}
        #main a:active {color:#175e8f; text-decoration:underline}
            #left-content {
            position:relative;
            float:left;
            padding-left:44px;
            padding-right:44px;
            }
            @media screen and (max-width: 600px) {
            #left-content {
                padding-left:22px;
                padding-right:22px;
            }
            }

/*---------------------------------------------*/
            
#wrapper-news {
  position:relative;
  float:left;
  width:100%;
  padding-bottom:26px;
  background-color:#2595e4;
  border-radius:2px 2px 2px 2px;
}
#register {
  width:100%;
  background-color:yellow;
  text-align:center;
  padding:10px 0px 10px 0px;
}
#register a {text-decoration:none;color:#000;}
#register a:hover {text-decoration:underline;color:#000;}
#blue-box {
  position:relative;
  background-color:#2595e4;
  /*box-shadow:0px 0px 4px #222;*/
  /*border-radius:2px 2px 2px 2px;*/
}
#blue-box-contact {
  position:relative;
  background-color:#2595e4;
  box-shadow:0px 0px 4px #222;
  border-radius:2px 2px 2px 2px;
}
.contact {
  border:1px solid #ccc;
  color:#2b2b2b;
  border-radius: 2px 2px 2px 2px;
  height:26px;
  font-size:12pt;
}
.contact-textarea {
  border:1px solid #ccc;
  color:#2b2b2b;
  border-radius: 2px 2px 2px 2px;
  font-size:12pt;
}
#blue-box-content {
  position:relative;
  color:#fff;
}
#blue-box-content h4 {
  margin-bottom:0px;
  padding-top:12px;
  padding-bottom:6px;
  font-weight:bold;
}
#blue-box-content h4 a, #blue-box-content h4 a:link, #blue-box-content h4 a:visited {
  text-decoration:none;
}
#blue-box-content h4 a:focus, #blue-box-content h4 a:hover, #blue-box-content h4 a:active {
  text-decoration:underline;
}
#blue-box-content br {
  line-height:8px;
}
#blue-box-content a:link {color:#fff; text-decoration:none;}
#blue-box-content a:visited {color:#fff; text-decoration:none;}
#blue-box-content a:hover {color:#fff; text-decoration:underline;}
#blue-box-content a:active {color:#fff; text-decoration:underline;}
#blue-box-bottom {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:12px;
}
#blue-box-content img {
  width:100%;
}
#blue-box-content hr {
  background-color:#fff;
  color:#fff;
  height:1px;
  border:0px;
  margin-top:20px;
  margin-bottom:20px;
}
#article-items p {
  margin-bottom:0px;
}
#article-items h4 {
  margin-bottom:12px;
  padding-top:12px;
}
#article-items img {
  width:100%;
}
a.readmore-white {
  background:url('/images/arrow-white.png') no-repeat right center;
  padding-right:25px;
}
a.readmore-blue {
  background:url('/images/arrow-blue.png') no-repeat right center;
  padding-right:25px;
  font-size:1.2em;
}
a.readmore-grey {
  background:url('/images/arrow-grey.png') no-repeat right center;
  padding-right:25px;
}
.read-more-left {
  color:#fff;
  font-weight:bold;
  font-size:0.7em;
  margin-top:4px;
  padding-bottom:10px;
}
#news-nav {
  text-align:right;
  margin-top:12px;
  color:#fff;
  background-color:#175e8f;
  padding:2px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  /*box-shadow:0px 0px 4px #888;*/
  border-radius:2px 2px 2px 2px;
}
#news-nav a:link {text-decoration:none;color:#fff;}
#news-nav a:visited {text-decoration:none;color:#fff;}
#news-nav a:hover {text-decoration:underline;color:#fff;}
#news-nav a:active {text-decoration:underline;color:#fff;}
#map {
  width:100%;
  margin-top:20px;
  border:0;
  height:350px;
}

/*bottom section*/

#footer {
  float:left;
  width:100%;
  background-color:#175e8f;
  box-shadow:0px -2px 4px #222;
  margin-top:20px;
  padding-bottom:40px;
  color:#fff;
}
#footer a:link {text-decoration:none;color:#a3d9ff;}
#footer a:visited {text-decoration:none;color:#a3d9ff;}
#footer a:hover {text-decoration:none;color:#fff;}
#footer a:active {text-decoration:none;color:#fff;}
#footer h3 {
  color:#fff;
}
#footer hr {
    background-color:#a3d9ff;
}
#leftFooter {
  position:relative;
  padding-left:44px;
  padding-right:44px;
  padding-top:26px;
  margin-bottom:20px;
}
@media screen and (max-width: 600px) {
#leftFooter {
    padding-left:22px;
    padding-right:22px;
}
}
#footer-content-wrapper {
  position:relative;
  max-width:934px;
  margin-left:auto;
  margin-right:auto;
}
#footer-links {
  position:relative;
  padding-left:44px;
  padding-right:44px;
  padding-top:26px;
  max-width:934px;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 600px) {
#footer-links {
    padding-left:22px;
    padding-right:22px;
}
}
#footer-copy {
  position:relative;
  padding-left:44px;
  padding-right:44px;
  padding-top:88px;
  color:#fff;
  max-width: 934px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
#footer-copy {
    padding-left:22px;
    padding-right:22px;
}
}
#search input {
border:1px solid #ccc;
color:#2b2b2b;
border-radius:2px 2px 2px 2px;
height:26px;
margin-top:22px;
}

/*miscellaneous*/

#login-form {
  border:0;
  margin:0;
  padding:0;
}
#contact-form .text {
  text-align:right;
}
#news-content {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:44px;
  padding-left:44px;
  padding-right:44px;
}
@media screen and (max-width: 600px) {
#news-content {
    padding-left:22px;
    padding-right:22px;
}
}
.button {
  color:#175e8f;
  border:1px solid #175e8f;
  padding:12px;
  font-size:1em;
  background-color:#fff;
  transition: all 0.30s ease-in-out;
}
.button:hover {
    color:#fff;
    background-color:#175e8f;
}
.blue-news-heading {
  font-weight:bold;
}
.mainImg {
  margin-top:20px;
  width:100%;
  border-radius:2px;
}
.newsPaginate {
    text-transform:lowercase;
    color:#175e8f;
    text-align:center;
}
.contactResultTable td {
    vertical-align:baseline;
}
.topnav {
  overflow: hidden;
  background-color: #2595e4;
  padding-left:44px;
  padding-right:44px;
}
@media screen and (max-width: 600px) {
  .topnav {
    padding-left:22px;
    padding-right:22px;
  }
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.topnav a:hover {
  background-color:#175e8f;
}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right:22px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

input[type=text], textarea, input[type=email] {
  transition: all 0.30s ease-in-out;
  background-color:#eee;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus {
  box-shadow: 0 0 5px #fff;
  background-color:#fff;
}