/*DEV*/


html, body {height:100%;}

p.test {display:block;}

/* CITY TEMPLATE - MOBILE FIRST - DESKTOP STYLES ARE IN MEDIA QUEIES TOWARDS THE BOTTOM */

.ssw {width: 100%; min-width:320px; background-color: #EDEDED; min-height:100%;overflow: hidden;}

.ssw_outer_wrapper {text-align:center; margin:0px auto; position:relative; color:#444; padding:0px; font-family: Arial,Sans-Serif; font-weight:400; font-size:14px;}
.ssw_outer_wrapper a { color: #FFFFFF;text-decoration:none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; font-size:16px;}
.ssw_outer_wrapper a:hover { color:#666; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}

.ssw_outer_wrapper .ssw-btn {color:#FFF; background:#00A3D9; padding:10px;}
.ssw_outer_wrapper .ssw-btn:hover {color:#00A3D9; background:#EFEFEF;}

.ssw_takeover {width:100%; min-width: 320px;  background: #BCBCBC; background-size:cover; padding-bottom:32px; margin-bottom:32px;}
.ssw_takeover h2 {letter-spacing:-0.06em;}
img.banner {border: solid 5px #FFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    
    
    
      /* Chrome, Safari 3.1+ */
       /* Firefox 3.5-15 */
        /* IE 9 */
         /* Opera 10.50-12.00 */
            /* Firefox 16+, IE 10+, Opera 12.10+ */
}
.ssw_contact {position:absolute; top:0px; text-align:center; width:100%; left:0px;}
.ssw_social {padding:0px 9%;}
.ssw_social ul {text-align:center;}

.ssw_contact ul li span.icon {display:none;}

.ssw_contact ul,
.ssw_social ul,
.ssw_nav ul {margin-top:20px;}

.ssw_nav ul {display:block;}
.ssw_nav select {display:none;}
.ssw_nav a.active { color: #000!important;}

.ssw_contact ul li,
.ssw_social ul li {margin:0px 5px 8px 5px;}


.ssw_contact li span.icon,
.ssw_social li a {
    background-color: #BCBCBC;
    border: 1px solid #FFF;
}

.ssw_contact ul li .sup {font-size:inherit; position:relative; top:-11px; display:inline-block; background-color:transparent; width:auto; height:auto;}

.ssw_contact ul li {position:absolute;}
.ssw_contact ul li.email {left:6px;}
.ssw_contact ul li.telephone {right:6px;}
.ssw_contact ul li a {color:#666;}
.ssw_contact ul li a:hover {color:#00A3D9;}


footer {padding:12px 0px;}

.ssw_header {padding-top:72px; padding-bottom: 4px;}
.ssw_logo_text h1, .ssw_logo_text div {font-family: Arial,Sans-Serif; font-size:32px; line-height:32px; position:relative; font-weight:normal; margin:0px;}

.ssw_inner_wrapper h2 {color: #444444; font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:300; margin:0px 0px 10px;}
.ssw_inner_wrapper p, .content li {line-height:24px; font-weight:300;}
.ssw_inner_wrapper blockquote {font-size:20px; line-height:28px;}

.ssw_takeover h2 {font-size:42px; line-height:42px; font-weight: 400;}
.ssw_takeover p {font-weight:400;}

.ssw_block_wrapper {background:#FFF;
    
    
    
    padding: 30px;
}
#ssw_region_hero {clear: both;}
#ssw_region_hero .ssw_block_wrapper  {
    padding:0px;
    background:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}


.ssw_footer_container {margin-top:64px; text-align:center; font-size:14px;}


.ssw_contact_us .ssw_map {}

@media  (min-width: 320px) {

    p.test:before { content: "min-width: 320-479px - Mobile";}
    .ssw_header {padding-top:48px;}
    .ssw_nav ul {text-align:center;}

}


@media  (min-width: 480px) {

    p.test:before { content: "min-width: 480 - 767px - Smartphone";}

    .ssw_outer_wrapper {text-align:left;}

    .ssw_header {padding-top:72px;}
    .ssw_logo_text h1, .ssw_logo_text div  {font-size:44px; line-height:1em; text-align:center;}
    #ssw_region_hero h2 {font-size:38px; line-height:38px; margin-bottom:0.5em;}
    .ssw_contact ul li span.icon {display:inline-block;}
    .ssw_takeover p {font-size:16px; line-height:24px;}
    .ssw_footer_container footer {
        margin-bottom: 30px;
    }
}


@media  (min-width: 768px) {

    p.test:before { content: "min-width: 768 - 1023 - Tablet Portrait";}

    .ssw_header {padding-top:94px; position:relative;}

    .ssw_logo_text h1, .ssw_logo_text div  {font-size:32px; line-height:32px; text-align:left; letter-spacing: -1px; font-weight: 400;}

    .ssw_takeover {margin-bottom:0px;}
    .ssw_takeover h2 {font-size: 36px; line-height: 36px; }

    #ssw_region_hero {margin-top:24px;}

    .ssw_contact {text-align:left; width:auto; left:12px;}

    .ssw_logo {float: left;}
    .ssw_nav {float: right; right: 0; width: 55%; clear: none;}

    .ssw_nav ul {margin:0px; padding:0px; display:block; text-align: right;}
    .ss_nav select {display:none;}

    .ssw_contact ul li.telephone {right:36px;}

    .ssw_contact ul li {position:static;}

    .ssw_social {position:absolute; right:0px; top:0px; padding-right:18px;}

    .ssw_about_us #ssw_region_main,
    .ssw_contact_us #ssw_region_main {width:66%; float:right; text-align:left;}

    .ssw_about_us .ssw_sidebar,
    .ssw_contact_us .ssw_sidebar {width:33%; float:left; text-align:left; padding-bottom:24px;}

    .ssw_logo {max-width: 40%;}
    .ssw_nav {max-width: 60%;}
    .ssw_footer_container footer {
        margin-bottom: 0px;
    }
}

@media  (min-width: 1024px) {

    p.test:before { content: "min-width: 1024 - 1139 - Tablet Landscape";}
    .ssw_outer_wrapper {max-width:960px}

}

@media  (min-width: 1392px) {

    p.test:before { content: "min-width: 1392 and up - Large Desktop";}
    .ssw_takeover p {font-size:18px; line-height:24px;}

}
.adds {
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
}

.infoserveLink {
    text-transform: none;
    color:#666 !important;
}
.infoserveLink :visited{
    color:#666;
}