/*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:#F7F7F7; min-height:100%;}

.ssw_outer_wrapper {text-align:center; margin:0px auto; position:relative; color:#444; padding:0px; font-family: 'Roboto Slab', serif; font-weight:400; font-size:14px;}
.ssw_outer_wrapper a { color:#00A3D9;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; overflow: hidden;  background:#F7F7F7 url(../img/takeover.jpg) 60% 45%; background-size:cover; padding-bottom:32px; margin-bottom:32px;}
.ssw_takeover h2 {letter-spacing:-0.06em;}
img.banner {border:solid 10px #FFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    -webkit-box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    3px 3px 8px rgba(50, 50, 50, 0.5);
    box-shadow:         3px 3px 8px rgba(50, 50, 50, 0.5);
    -webkit-transform: rotate(-1deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(-1deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-1deg);  /* IE 9 */
       -o-transform: rotate(-1deg);  /* Opera 10.50-12.00 */
          transform: rotate(-1deg);  /* 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,
.ssw_nav ul li {margin:0px 5px 8px 5px;}

.ssw_contact li span.icon,
.ssw_social li a {
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.5);
}

.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;}


.ssw_nav ul, footer {padding:12px 0px;}
.ssw_nav ul li {margin: 0px 7px 4px 0px; padding-right: 7px; border-right: solid 1px #CCC;}

.ssw_header {padding-top:72px; padding-bottom: 24px;}
.ssw_logo_text h1, .ssw_logo_text div {font-family: 'Roboto Slab', serif; font-size:32px; line-height:32px; position:relative; font-weight:normal; margin:0px;}

.ssw_inner_wrapper h2 {color:#00A3D9; 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:300;}
.ssw_takeover p {font-weight:400;}

.ssw_block_wrapper {background:#FFF;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.5);
    padding:12px;
}
#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;}

}


@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;}

    .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:-24px; width: 55%;}

    .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%;}

}

@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;}

}