/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline: none;
	text-decoration: none;
}

input, select {
    vertical-align:middle;
}
/********************
 Clear fix
*********************/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clr {
	clear: both;
}
table {
	border-spacing: 0;
}
.nowrap {
	white-space: nowrap;	
}
/********************************************/
/********  BEGIN  CUSTOM  STYLES  ***********/
/********************************************/

html, body {
	height: 100%;
	position:relative;
}

body {
	background: #fff;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
}
#header_container {
	background: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 196px;
	background: #fff;
	z-index: 500;
	opacity: 0.95;
	overflow:hidden;
}
#header_balance {
	width: 986px;
	margin: 0 auto;	
	position: relative;
}
header {
	position: absolute;
	top: 0px;
	left: -38px;
	width: 1062px;
	height: 196px;
	
}
/************************/
/***  BANNER AND NAV ****/
/************************/
header h1 a {
	position: absolute;
	display: block;
	width: 385px;
	height: 160px;
	left: 38px;
	top: 0px;
	text-indent: -5600px;
}
header h2 {
	text-indent: -5700px;	
}
.togglemenu {
	display: none;	
}
#topnav {
	position: absolute;
	top: 162px;
	height: 34px;
}
#topnav li {
	float: left;	
}
#topnav li a {
	display: block;
	height: 34px;
	text-indent: -6700px;
}

/** extra nav (November 2015) **/
#extranav {
	text-transform: uppercase;
	position: absolute; 
	z-index: 5600;
	right: 38px;
	top: 0px;
}
#extranav ul li {
	display: inline;
	float: left;	
	color: #516a93;
	margin-left: 1px;
	font-size: 14px;
}
#extranav ul li a {
	display: block;
	background: #e5eff9;
	color: #516a93;
	padding: 0 12px;
	line-height: 30px;
}
#extranav ul li#en-social-trigger a {
	padding: 0px;
	width: 118px;
	text-align: center;	
}
#extranav #en-social-trigger.expanded > a,
#extranav ul li a:hover {
	background: #516a93;
	color: #e5eff9;
}

#extranav #en-social {
	display: none; 
	background: #516a93;
	width: 102px;
	padding: 8px;
	border-top: 1px solid #fff;
}
#extranav #en-social li {
	display: block;
	float: left;
	width: 34px;
	background: #516a93;
	margin: 0;
	
}
#extranav #en-social li a {
	display: block;
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	text-indent: -5600px;
	background: url(../../_img/social_matrix-nov.png) no-repeat;
	opacity: 0.7;
}
#extranav li#en-facebook  a { background-position: -34px 0; }
#extranav li#en-google  a { background-position: -68px 0; }
#extranav li#en-linkedin  a { background-position: -102px 0; }
#extranav li#en-youtube  a { background-position: -136px 0; }
#extranav li#en-pinterest  a { background-position: -170px 0; }
#extranav #en-social li a:hover {
	opacity: 1;
}

#extranav li.en-facebook  a { background-position: -34px 0 !important; }
#extranav li.en-google  a { background-position: -68px 0 !important; }
#extranav li.en-linkedin  a { background-position: -102px 0 !important; }
#extranav li.en-youtube  a { background-position: -136px 0 !important; }
#extranav li.en-pinterest  a { background-position: -170px 0 !important; }


/** design specific **/
.design header {
	/*background: url(../../_img/logo_header_design.png) no-repeat left top;	*/
	background-position: left top;
	background-repeat: no-repeat;
}
.design #topnav {
	position: absolute;
	left: 556px;
	width: 468px;
}
.design #topnav li a {
	background-image: url(../../_img/topnav_design.png);
	background-repeat: no-repeat;
}
.design #topnav li#tn-design a {
	width: 109px;
}
.design #topnav li#tn-construction a {
	width: 184px;
	background-position: -109px 0;
}
.design #topnav li#tn-refurb a {
	width: 175px;
	background-position: -293px 0;
}

.design #topnav li.tn-design a {
	width: 109px;
}
.design #topnav li.tn-construction a {
	width: 184px;
	background-position: -109px 0;
}
.design #topnav li.tn-refurb a {
	width: 175px;
	background-position: -293px 0;
}
/** hover and active **/
#design-design #topnav li#tn-design a,
.design #topnav li#tn-design a:hover {
	background-position: -0 -34px;;
}
#design-construction #topnav li#tn-construction a,
.design #topnav li#tn-construction a:hover {
	background-position: -109px -34px;
}
#design-refurb #topnav li#tn-refurb a,
.design #topnav li#tn-refurb a:hover {
	background-position: -293px -34px;
}


/** servicing specific **/
.servicing header {
	background: url(../../_img/logo_header_servicing.png) no-repeat left top;	
}
.servicing #topnav {
	position: absolute;
	left: 582px;
	width: 442px;
}
.servicing #topnav li a {
	background-image: url(../../_img/topnav_servicing.png);
	background-repeat:no-repeat;
}
.servicing #topnav li#tn-servicing a {
	width: 117px;
}
.servicing #topnav li#tn-maintenance a {
	width: 162px;
	background-position: -117px 0;
}
.servicing #topnav li#tn-refurb a {
	width: 163px;
	background-position: -279px 0;
}


.servicing #topnav li.tn-servicing a {
	width: 117px;
}
.servicing #topnav li.tn-maintenance a {
	width: 162px;
	background-position: -117px 0;
}
.servicing #topnav li.tn-refurb a {
	width: 163px;
	background-position: -279px 0;
}
/** hover and active **/
#servicing-servicing #topnav li#tn-servicing a,
.servicing #topnav li#tn-servicing a:hover {
	background-position: -0 -34px;;
}
#servicing-maintenance  #topnav li#tn-maintenance a,
.servicing #topnav li#tn-maintenance a:hover {
	background-position: -117px -34px;
}
#servicing-refurb  #topnav li#tn-refurb a,
.servicing #topnav li#tn-refurb a:hover {
	background-position: -279px -34px;
}


/*************************************************/
/****************** CONTEXT NAV ******************/
/*************************************************/
#contextnav {
	height: 20px;
	position: fixed;
	bottom: 52px;
	width: 100%;
	z-index: 9000;	
	background: #e0e4ec;
	display: none;
}
.news #contextnav,
.showcase-private #contextnav,
.showcase-commercial #contextnav {
	display: block;	
}
#contextnav-inner {
	width: 986px;	
	margin: 0 auto;
	position: relative;
}
#contextnav-inner ul {
	display: block !important;	
	list-style: none;
	position: absolute;
	right: 0px;
	top: 0px;
}
#contextnav-inner ul li {
	float: left;	
}
#contextnav-inner ul li a {
	line-height: 20px !important;
	padding: 0 12px;
	color: #652d90;
	display: block;
	font-size: 14px;
	background: url(../../_img/context_nav_div_design.gif) no-repeat left center;	
	margin-left: -1px;
}
#contextnav-inner ul li a.active {
	color: #fff;
}
.servicing #contextnav-inner ul li a {
	color: #972a55;
	background: url(../../_img/context_nav_div_servicing.gif) no-repeat left center;	
}

#contextnav-inner ul li:first-child a {
	background: none;	
}
.design#news-news #contextnav-inner ul li.n-news-news a, 
.design#news-coverage #contextnav-inner ul li.n-news-coverage a, 
.design#news-letters #contextnav-inner ul li.n-news-letters a, 
.design#news-events #contextnav-inner ul li.n-news-events a, 
.design #contextnav-inner ul li a:hover {
	background: #54286f;
	color: #fff;
}
.servicing#news-news #contextnav-inner ul li.n-news-news a, 
.servicing#news-coverage #contextnav-inner ul li.n-news-coverage a, 
.servicing#news-letters #contextnav-inner ul li.n-news-letters a, 
.servicing#news-events #contextnav-inner ul li.n-news-events a, 
.servicing #contextnav-inner ul li a:hover {
	background: #891f4a;
	color: #fff;
}



/** but, oddly, all a bit different for the Showcase Context navs. Right. ***/
.design.showcase-private #contextnav,
.design.showcase-commercial #contextnav {
	background: url(../../_img/context_nav-design_BG.gif) repeat-x center top;	
}
.servicing.showcase-private #contextnav,
.servicing.showcase-commercial #contextnav {
	background: url(../../_img/context_nav-servicing_BG.gif) repeat-x center top;	
}
.design.showcase-private #contextnav-inner ul li,
.design.showcase-commercial #contextnav-inner ul li {
	background: #b5a5cc;
	text-transform: uppercase;
}
.servicing.showcase-private #contextnav-inner ul li,
.servicing.showcase-commercial #contextnav-inner ul li {
	background: #d5b3c7;
	text-transform: uppercase;
}
.design.showcase-private #contextnav-inner ul li a,
.design.showcase-commercial #contextnav-inner ul li a,
.servicing.showcase-private #contextnav-inner ul li a,
.servicing.showcase-commercial #contextnav-inner ul li a {
	font-size: 12px;
	letter-spacing: 1px;
}
.servicing #contextnav-inner ul li.cn-choose,
.design #contextnav-inner ul li.cn-choose{
	background: #e0e4ec;
}
#contextnav-inner ul li.cn-choose a {
	text-transform: none;
	font-size: 14px;
}
#contextnav-inner ul li.cn-active a {
	background: #441260 url(../../_img/context_nav-design_arrow.png) no-repeat right top;
	color: #fff;
	padding-right: 25px;
	text-transform: none;
	font-size: 14px;
}
.design.showcase-private #contextnav-inner ul li.cn-active a:hover,
.design.showcase-commercial #contextnav-inner ul li.cn-active a:hover{
	background: #441260 url(../../_img/context_nav-design_arrow.png) no-repeat right top;
}
.servicing.showcase-private #contextnav-inner ul li.cn-active a,
.servicing.showcase-private #contextnav-inner ul li.cn-active a:hover,
.servicing.showcase-commercial #contextnav-inner ul li.cn-active a,
.servicing.showcase-commercial #contextnav-inner ul li.cn-active a:hover {
	background: #972a55 url(../../_img/context_nav-servicing_arrow.png) no-repeat right top;
}
#contextnav-inner ul li.cn-first a {
	background: none;	
}
/** hovers & actives */
.design.showcase-private #contextnav-inner ul li a:hover,
.design.showcase-commercial #contextnav-inner ul li a:hover {
	background: url(../../_img/context_nav_div_design.gif) no-repeat left center;	
}
.servicing.showcase-private #contextnav-inner ul li a:hover,
.servicing.showcase-commercial #contextnav-inner ul li a:hover  {
	background: url(../../_img/context_nav_div_servicing.gif) no-repeat left center;	
}
.showcase-private #contextnav-inner ul li.cn-first a:hover,
.showcase-commercial #contextnav-inner ul li.cn-first a:hover  {
	background: none;
}
.design #contextnav-inner ul li.cn-choose a:hover {
	background: #441260;
}
.servicing #contextnav-inner ul li.cn-choose a:hover {
	background: #972a55;
}
#showcase-private-indoor ul li.cn-private-indoor a,
#showcase-private-outdoor ul li.cn-private-outdoor a,
#showcase-private-moving ul li.cn-private-moving a,
#showcase-private-refurb ul li.cn-private-refurb a,
#showcase-private-ss ul li.cn-private-ss a,

#showcase-commercial-hydro ul li.cn-commercial-hydro a,
#showcase-commercial-schools ul li.cn-commercial-schools a,
#showcase-commercial-hospitals ul li.cn-commercial-hospitals a,
#showcase-commercial-refurb ul li.cn-commercial-refurb a,
#showcase-commercial-hotels ul li.cn-commercial-hotels a,
#showcase-commercial-ss ul li.cn-commercial-ss a  {
	color: #fff;	
}


/*************************************************/
/******************* FOOTER NAV ******************/
/*************************************************/
#footernav {
	height: 51px;
	border-top: 1px solid #fff;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 10000;	
}
#footernav-upper {
	height: 30px;
	opacity: 0.95;
	background: #652f8e;
}
.servicing #footernav-upper {
	background: #b31f5b;	
}
#footernav-upper-inner {
	width: 986px;
	margin: 0 auto;	
	position: relative;
}

.navtrigger {
	background: url(../../_img/bottom_nav_trigger_extra.png) no-repeat;
	width: 140px;
	height: 30px;	
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.triggeractive {
	background-position: 0 -30px;
}

/* main nav */
#footernav nav {
	float: right;	
}
#footernav nav ul {
	text-transform: uppercase;
}
#footernav nav ul li {
	float: left;	
}
#footernav nav ul li a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
/** when hovering over a main nav item **/
.design #footernav nav ul li.active a,
.design #footernav nav ul li a:hover {
	background: #311644;	
}
.servicing #footernav nav ul li.active a,
.servicing #footernav nav ul li a:hover {
	background: #57002a;
}
/** for active pages - i.e. when you're on the NEws page, the nav text is a darker color **/
.design.contact  #footernav nav ul  li.n-contact > a,
.design.about  #footernav nav ul  li.n-about > a,
.design.showcase  #footernav nav ul  li.n-showcase > a,
.design.showcase-private  #footernav nav ul  li.n-showcase > a,
.design.showcase-commercial  #footernav nav ul  li.n-showcase > a,
.design.moving-floors  #footernav nav ul  li.n-moving-floors > a,
.design.news  #footernav nav ul  li.n-news > a {
	color: #7b7979;
	background: #311644;
}	



/** for active pages - i.e. when you're on the NEws page, the nav text is a darker color **/
.servicing.contact  #footernav nav ul  li.n-contact > a,
.servicing.about  #footernav nav ul  li.n-about > a,
.servicing.showcase  #footernav nav ul  li.n-showcase > a,
.servicing.showcase-private  #footernav nav ul  li.n-showcase > a,
.servicing.showcase-commercial  #footernav nav ul  li.n-showcase > a,
.servicing.moving-floors  #footernav nav ul  li.n-moving-floors > a,
.servicing.news  #footernav nav ul  li.n-news > a {
	color: #7b7979;
	background: #57002a;
}	
/** set widths for our main items 
#footernav .n-about a { width: 120px;}
#footernav .n-showcase a { width: 140px;}
#footernav .n-moving-floors a { width: 170px;}
#footernav .n-brochure a { width: 130px;}
#footernav .n-news a { width: 160px;}
#footernav .n-blog a { width: 120px;}
#footernav .n-contact a { width: 120px;}
**/

#footernav .n-about a { width: 110px;}
#footernav .n-arch a { width: 120px;}
#footernav .n-showcase a { width: 140px;}
#footernav .n-moving-floors a { width: 160px;}
#footernav .n-brochure a { width: 120px;}
#footernav .n-news a { width: 100px;}
#footernav .n-blog a { width: 100px;}
#footernav .n-contact a { width: 100px;}

/** and the sub-sub nav margins **/
#footernav .n-showcase ul li ul {
	margin-left: 140px;	
}

/* sub nav */
#footernav nav ul li ul {
	position: fixed;
	bottom: 51px; /** this only works when nav is collapsed!!! **/
	background: url(../../_img/subnav_BG.png) repeat !important;
	text-transform: none;
	font-size: 14px;
	border-bottom: 1px solid #fff;
}
#footernav nav ul li ul li {
	float: none;
}
#footernav nav ul li ul li a {
	background: none !important;
}
#footernav nav ul li ul li a:hover {
	background: #000 !important;
}
/* sub sub nav */
#footernav nav ul li ul li ul {
	position: fixed;
	
	background: none !important;
	bottom: 51px;
	border-left: 1px solid rgba(255, 255, 255, 0) !important;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
#footernav nav ul li ul li.n-showcase-private ul {
	border-bottom: 30px solid rgba(255, 255, 255, 0) !important;

}
#footernav nav ul li ul li ul a {
	width: auto !important;
	padding: 0 10px;
	background: url(../../_img/subsubnav_BG.png) repeat !important;
}

/*************************************************/
/**** lower footer nav (secondary navigation) ***/
/*************************************************/
#footernav-lower {
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../../_img/verybottomnav_design_BG.png) repeat;
}
.servicing #footernav-lower {
	background: url(../../_img/verybottomnav_servicing_BG.png) repeat;
}
#footernav-lower-inner {
	width: 986px;
	margin: 0 auto;	
	color: #fff;
	position: relative;
	font-size: 12px;
}
#footernav-lower dl {
	list-style: none;	
}
#footernav-lower dl dd, #footernav-lower dl dt {
	line-height: 20px;
}
#footernav-lower dl dt {
	width: 101px;
	clear: left;
	float: left;
	display: inline;
	text-align: right;
	text-transform: uppercase;
	padding-right: 7px;
	border-right: 2px solid #897da7;
}
.servicing #footernav-lower dl dt {
	border-color: #bc97b2;
}

#footernav-lower dl dd {
	padding-left: 7px;
	float: left;
	width: 320px;
}
#footernav-lower dl dd a,
#footernav-lower dl dt a  {
	color: #fff;
}
#footernav-lower dl dd a:hover {
	text-decoration: underline;
}
#footernav-lower #contacts_and_credits {
	position: absolute;
	left: 500px;
	top: 0;
	border-left: 2px solid #897da7;
	height: 140px;
	padding-left: 7px;
	color: #ddd7e5;
	font-size: 11px;
	line-height: 15px;
}
.servicing #footernav-lower #contacts_and_credits {
	border-color: #bc97b2;
	color: #e9d8e1;
}
#footernav-lower #contacts_and_credits p {
	padding-bottom: 5px;	
}
#footernav-lower #contacts_and_credits p a {
	color: #ddd7e5;
}
.servicing #footernav-lower #contacts_and_credits p a {
	color: #e9d8e1;
}
#footernav-lower #contacts_and_credits p a:hover {
	color: #fff;	
	text-decoration: underline;
}

#lower-social {
	position: absolute;
	left: 820px;
	top: 0;
	border-left: 2px solid #897da7;
	padding-left: 7px;
	height: 140px;
}
.servicing #lower-social {
	border-color: #bc97b2;
}
#lower-social ul {
	list-style:none;
	padding-top: 0px;
}
#lower-social ul li {
	float: left;
	padding-left: 10px;	
	padding-bottom: 10px;
}
#lower-social ul li a {
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -5600px;
	background: url(../../_img/social_matrix-nov.png) no-repeat;
	opacity: 0.7;
}
#lower-social ul li#ls-facebook  a { background-position: -34px 0; }
#lower-social ul li#ls-google  a { background-position: -68px 0; }
#lower-social ul li#ls-linkedin  a { background-position: -102px 0; }
#lower-social ul li#ls-youtube  a { background-position: -136px 0; }
#lower-social ul li#ls-pinterest  a { background-position: -170px 0; }

#lower-social ul li.en-facebook  a { background-position: -34px 0 !important; }
#lower-social ul li.en-google  a { background-position: -68px 0 !important; }
#lower-social ul li.en-linkedin  a { background-position: -102px 0 !important; }
#lower-social ul li.en-youtube  a { background-position: -136px 0 !important; }
#lower-social ul li.en-pinterest  a { background-position: -170px 0 !important; }
#lower-social ul li a:hover {
	opacity: 1;
}
#lowernav {
	padding-bottom: 25px;	/*** temp = while BLOG is hidden ***/
}
/**************************************/
/*** SLIDESHOW for 5 CASE STUDIES ****/
/*************************************/
#slideshow_holder {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#slideshow {
	height: 100%;
	width: 100%;
}
#cycle-pager-holder {
	width: 986px;
	margin: 0 auto;	
	position: relative;
}
.cycle-pager {
	position: absolute; 	
	width: 200px; 
	z-index: 500;
	position: absolute; 
	top: 240px; 
	left: 737px; 
}
.cycle-pager  span { 
    font-family: arial; font-size: 60px; width: 25px; height: 30px; 
    display: inline-block; color: #d4d4d4; cursor: pointer; 
}
.cycle-pager  span.cycle-pager-active { color: #676f79;}
.cycle-pager  > * { cursor: pointer;}

#s0, #s1, #s2, #s3, #s4, #s5, #s6 {
	width: 100%;
	height: 100%;
}

.slide-design {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*#s0 {*/
	/*background: url(../../_img/slideshow/stainless_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/

/*#s1 {*/
	/*background: url(../../_img/slideshow/chelsea_minimalist_v2_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
/*#s2 {*/
	/*background: url(../../_img/slideshow/sheen_outdoor_1280_v2.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
/*#s3 {*/
	/*background: url(../../_img/slideshow/spiral_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
/*#s4 {*/
	/*background: url(../../_img/slideshow/avant_garde_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
/*#s5 {*/
	/*background: url(../../_img/slideshow/kensington_moving_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
/*#s6 {*/
	/*background: url(../../_img/slideshow/kensington_refurb_1280.jpg) no-repeat center center;*/
	/*background-size: cover;*/
/*}*/
.innerslide {
	width: 986px;
	margin: 0 auto;	
	position: relative;
}
.innerslide .caption {
	position: absolute;
	width: 265px;
	right: 0;
	top: 280px;
	color: #fff;
	cursor: default;
}
.innerslide .caption h3, .innerslide .caption p {
	padding: 0 22px;	
	background: url(../../_img/slideshow/caption_bg_top.png) repeat;
}
.design .innerslide .caption.active h3, .design .innerslide .caption.active p {
	background: #662f8f;
}
.servicing .innerslide .caption.active h3, .servicing .innerslide .caption.active p {
	background: #b30058;
}
.innerslide .caption h3 {
	font-size: 27px;
	line-height: 33px;
	font-weight: 700;
	padding-top: 15px;	
}
.innerslide .caption p.summary, .innerslide .caption .summary p,
.innerslide .caption .details p {
	font-size: 13px;
	line-height: 17px;
	font-weight: 700;
	padding-top: 8px;	
	padding-bottom: 15px;
}
.innerslide .caption .more {
	line-height: 32px;
	background: url(../../_img/slideshow/caption_more_BG.png);
	font-size: 16px;
	cursor: pointer;
	text-transform: uppercase;
	padding-left: 22px;
}
.innerslide .caption .more b {
	font-weight: 400;
	display: inline-block;
	background: url(../../_img/slideshow/caption_more_arrow.png) no-repeat right top;
	padding-right: 20px;
}
.innerslide .caption .more:hover b {
	background-position: right -32px;	
}
.innerslide .caption .details p {	
	padding-bottom: 15px;
	padding-top: 15px;
}

.design .innerslide .caption .details p {	
	background: url(../../_img/slideshow/caption_details_bg-design.png);
}
.servicing .innerslide .caption .details p {	
	background: url(../../_img/slideshow/caption_details_bg-servicing.png);
}
#prev, #next {
	display: none;	
}
/***********************************************************************/
/********************* THE FREAKIN CONTENT! ****************************/
/***********************************************************************/
#content {
	padding-top: 205px; 
	width: 986px;
	margin: 0 auto;
}
#content .wide-image img {
	display: block;	
}

#content #years {
	border: 1px solid #ddd;
	border: 1px solid #b296c7;
	color: #6E84A6;
	padding: 15px;	
	margin-bottom: 20px;
}
#content #years p.text {
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	margin-bottom: 0;
	padding-top: 10px;
}
#content #years p.imageleft {
	float: left;
	padding: 0 20px 0px 0;
}
#content article {
	padding: 0 0 0 47px;
}
#content article.tint {
	background: #f1f3f7;
	padding-bottom: 20px;
}
#content article h1 {
	color: #581b84;
	font-weight: 700;
	font-size: 27px;
	line-height: 27px;
	padding-top: 30px;
	padding-bottom: 25px;
}
.servicing #content article h1 {
	color: #b30058;
}
#content article h2 {
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;	
	margin-left: -47px;
	padding-left: 47px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 110px;
}
#content article h2.inline-special {
	padding-top: 20px;
	margin-left: 0px;
	padding-left: 0px;
}
.design #content article h2 {
	color: #556e96;
	border-bottom: 1px solid #652f8f;
}
.servicing #content article h2 {
	color: #b30058;
	border-bottom: 1px solid #b30058;
}
#content article h2 a {
	text-decoration: none !important;
	cursor: default !important;	
	width: 520px;	
	display: block;
	line-height: 24px;

}
.design #content article h2 a,
.design #content article h2 a:hover{
	color: #556e96 !important;

}
.servicing #content article h2 a:hover {
	color: #b30058;
}

#content article h2 em {
	font-style: normal;
	font-size: 14px;	
}
#content article section {
	float: left; 
	width: 450px;	
	font-size: 14px;
	line-height: 21px;
	/*
	font-size: 13px;
	line-height: 17px;
	*/
}
#content article section p,
#content article section ul  {
	text-align: justify;
	margin-bottom: 20px;
}
#content article .lefty {
	text-align: left !important;
}
#content article section ul {
	margin-left: 16px;
}
#content article section ul.wp-block-gallery {
	margin-left: 0;
}
#content article section ul.paralist li {
	margin-bottom: 20px;
}
/*** The right column "asides" 
// Usually a photo with some text below ***/
#content article aside {
	float: left; 
	width: 303px;	
	margin-left: 97px;
}
#content article aside p {
	text-align: justify;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 20px;
}
#content article p.centred {
	text-align: center;
	font-size: 14px;
	line-height: 21px;
}
#content article p.roman {
	text-align: center;
	color: #6e84a6;
	font-size: 13px;
	line-height: 17px;
}
#content article .roman-custom p {
	text-align: center;
	color: #6e84a6;
	font-size: 13px;
	line-height: 17px;
}
#content article .roman p {
	color: #6e84a6;
	font-size: 13px;
	line-height: 17px;
}
#content article p strong.bigtel {
	font-size: 17px;
	line-height: 26px;	
}
#content article p.roman strong.bigtel {
	font-size: 21px;
	line-height: 29px;	
}
#content article.high-images aside {
	margin-top: -97px;
}
#content article a {
	text-decoration: underline;	
}
.servicing #content article a:hover,
.design #content article a {
	color: #6c3993;
}

.servicing #content article a,
.design #content article a:hover {
	color: #b42760;
}



/*** special header for showcase pages ***/
#showcase_header,
#showcase_header_plus {
	background: url(../../_img/wide-images/showcase_header_BG.jpg) no-repeat;	
	height: 205px;
	position: relative;
}
.design #showcase_header {
	background: url(../../_img/wide-images/panorama.jpg);
}
.servicing #showcase_header {
	background-image: url(../../_img/wide-images/outdoor_3.jpg);
}


#moving-floors #showcase_header {
	background-image: url(../../_img/wide-images/moving_floors.jpg);
}
#showcase-commercial-ss.design #showcase_header {
	background-image: url(../../_img/wide-images/stainless_steel_public_swimming_pool.jpg);
}
#showcase-private-ss.design #showcase_header {
	background-image: url(../../_img/wide-images/stainless_steel_swimming_pool.jpg);
}
#showcase-private-outdoor.design #showcase_header {
	background-image: url(../../_img/wide-images/outdoor_7.jpg);
}
#showcase_header h1,
#showcase_header_plus h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 32px;
	line-height: 33px;
	height: 33px;
	width: 333px;
	position: absolute;
	left: 47px;
	bottom: 10px;
	background: url(../../_img/photos/showcase/showcase_header_text.png) no-repeat;
	text-indent: -4500px;	
	opacity: 0.5;	
	display: none; /** NEW - now that use photos instead for this area **/
}

/** for the individual showcase pages we might want an EXPANDABLE text box in the header **/
#showcase_header_info {
	background: #f2eef6;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	border-top: 2px solid #fff;
	font-size: 14px;
	line-height: 20px;
	color: #652d90;
	height: 62px;
	overflow: hidden;
}
#showcase_header_info p {
	padding: 0 260px 0 49px;	
	padding-top: 10px;
}
#showcase_header_info p.secondary {
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 15px;
}
#showcase_header_plus h1 {
	bottom: 62px;
	padding-bottom: 8px;
}
#showcase_header_plus #sn-trigger {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 240px;
	height: 30px;
	background: url(../../_img/showcase_header_trigger.png) no-repeat right top;
	background-position: right -30px;
	cursor: pointer;
}
#showcase_header_plus .triggeractive {
	background-position: right 0px !important;
}

/*** showcase thumbs for TOP LEVEL PAGES ***/
#content article section ul.showcase_thumbs {
	list-style: none;
	margin: 0;
}
#content article section ul.showcase_thumbs li {
	width: 215px;
	float: left;
	height: 139px;
	margin: 0 15px 15px 0;
	background: #000;
}
#content article section ul.showcase_thumbs li.blank {
	background: transparent;
}
#content article section ul.showcase_thumbs li a {
	display: block;
	height: 139px;	
	position: relative;
}
#content article section ul.showcase_thumbs li a strong {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 205px;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	padding: 5px;
	background: url(../../_img/photos/showcase/t_BG.png);
}
#content article section ul.showcase_thumbs li a:hover strong {
	background: #6c3993;
}
.servicing #content article section ul.showcase_thumbs li a strong {
	background: url(../../_img/photos/showcase/t_BG-servicing.png);
}
.servicing #content article section ul.showcase_thumbs li a:hover strong {
	background: #b30058;
}
#content article section ul.showcase_thumbs li a  {
	opacity: 0.9;
}
#content article section ul.showcase_thumbs li a:hover  {
	opacity: 1;
}
#content article section ul.showcase_thumbs li.alt_thumb {
	margin-right: 0;	
}
/**************************************/
/*********** SHOWCASE PAGES ***********/
/**************************************/
/** sub headers for showcase pages ***/
.showcase_sub_header {
	margin-left: 47px;	
}
.showcase_sub_header h2 {
	padding-top: 56px;
}
.showcase_sub_header h2 i {
	display: none;	
}
.showcase_sub_header h2 a {
	color: #556e96;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
.showcase_sub_header h2 b {
	display: block;
	color: #581b84;
	font-weight: 700;
	font-size: 27px;
	line-height: 27px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.servicing .showcase_sub_header h2 b {
	color: #b30058;
}
.showcase_sub_header p {
	float: right;
	width: 315px;
	margin-top: -60px;
	color: #6e84a6;
	background: url(../../_img/phone_icon.png) no-repeat left 3px;	
	padding-left: 45px;
	margin-right: 72px;
	font-size: 13px;
	line-height: 17px;
}
.showcase_sub_header p  a {
	color: #6e84a6;
}
/*** style various bits of the actual showcase text / images etc. **/
.sc-gall-links {
	display: none;	 /** hide the links to gallery images **/
}
#content article aside a.fancy {
	text-decoration: none;
	color: #556e96;	
	font-size: 13px;
}
#content article aside p.sc-image img {
	display: block;
}
#content article aside p.sc-image {
	margin-bottom: 5px;	
}
#content article aside p.sc-slides {
	text-decoration: none;
	margin-bottom: 0;
	text-align: left;

}
#content article aside  p.sc-slides em {
	font-style: normal;
	background: url(../../_img/gallery_icon_small.png) no-repeat left center;
	padding-left: 15px;
	text-decoration: none;
}
#content article aside p.sc-video a {
	text-decoration: none;
	color: #972a55;
}
#content article aside p.sc-video {
	margin-bottom: 0;	
	text-align: left;	
	
}
#content article aside p.sc-video em {
	font-style: normal;
	background: url(../../_img/video_icon_small.png) no-repeat left center;
	padding-left: 15px;
	text-decoration: none;
	color: #972a55;
}
#content article aside p.assoc_logos {
	border-top: 1px solid #77479b;	
}
#content article aside div.sc-full {
	padding-top: 20px;
}
#content article aside div.sc-full p.roman{
	text-align: left;
}

/*********** AWARDS LIST ON ABOUT US PAGE ****************/
.about #about_awards {
	border-top: 1px solid #652d90;	
	border-bottom: 1px solid #652d90;
}
.about #about_awards a h3, 
.about #about_awards a p {
	margin: 0;	
	font-size: 13px;
}
.about #about_awards a h3 {
	font-weight: 700;	
	font-size: 15px;
	display: inline-block;
}
.about #about_awards a,
.about #about_awards a.nolink {
	display: block;
	text-decoration: none;
	background: #e0e5ec;
	color: #556e96 !important;
	padding: 8px 10px;
	text-align: left;
	border-bottom: 1px solid #fff;
}
.about #about_awards a:hover {
	color: #556e96;
	background: #d5dce5;
}
.about #about_awards a:hover h3 {
	text-decoration: underline;	
}
.about #about_awards a.nolink:hover {
	color: #556e96;
	background: #e0e5ec;
}
.about #about_awards a.nolink:hover h3 {
	text-decoration: none;	
}

/****** BOX OUT *********/
#content article aside p.boxout {
	text-align: center;	
	padding: 10px 20px;
	border: 1px solid #b296c7;
	color: #6E84A6;
	background: #fff;
}
#content article aside .boxout p {
	text-align: center;
	padding: 10px 20px;
	border: 1px solid #b296c7;
	color: #6E84A6;
	background: #fff;
}

/****** SMALL LOGOS *********/
#content article aside p.logos {
	border-top: 1px solid #b296c7;
	margin-top: -10px;
}
/*********************************/
/******* PRESS CUTTINGS **********/
/*********************************/
.press_cutting  {
	clear: both;	
	margin-bottom: 10px;
	padding-top: 10px;
}
.press_cutting .pc-thumb {
	float: left;
	width: 150px;	
	margin-right: 30px;
}
.press_cutting .pc-thumb img {
	display: block;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:    3px 4px 5px 0px rgba(0, 0, 0, 0.24);
	box-shadow:         3px 4px 5px 0px rgba(0, 0, 0, 0.24);
}
.press_cutting .pc-text {
	overflow: auto;	
	color: #3e3e3e;
	font-size: 14px;
	line-height: 21px;
	
}
.press_cutting .pc-text p {
	text-align: left !important;
}
.press_cutting .pc-text h3 {
	font-size: 16px; 
	font-weight: 700; 
	color: #581b84;	
	margin-bottom: 0px;
}
.servicing .press_cutting .pc-text h3 {
	color: #B30058;
}
.press_cutting .pc-text p a {
	color: #581b84;	
	text-decoration: underline;

}


/*********** JOB VaCANCIES *****************/

#jobs #content article h2 {
	padding-top: 10px;
	margin-left: 0; padding-left: 0;
}
#jobs #content article p.job_contacts {
	margin-top: 40px;	
	background: #fff;
	padding: 15px;
	color: #555;
	text-align: left;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:    3px 4px 5px 0px rgba(0, 0, 0, 0.24);
	box-shadow:         3px 4px 5px 0px rgba(0, 0, 0, 0.24);
}

/************* NEWS & BLOG PAGES *************/
.news  #content h1,
.blog  #content h1 {
	color: #581b84;
	font-weight: 700;
	font-size: 27px;
	line-height: 27px;
	padding-top: 30px;
	padding-bottom: 25px;
	padding-left: 47px;
}

/** but not this extra padding for the  media coverage page & newsletter page  ***/
#news-coverage #content h1,
#news-letters #content h1 {
	padding-left:0;
}

.servicing.news #content h1,
.servicing.blog #content h1 {
	color: #B30058;
}


.news #content article  h2:first-of-type,
.blog #content article  h2:first-of-type{
	padding-top: 40px;	
}
.news #content article  h2 i,
.blog #content article  h2 i {
	width: 450px;	
	display: block;
	font-style: normal;
	line-height: 24px;
}
.news #content article  h2 i b,
.blog #content article  h2 i b {
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	font-style: normal;
	color: #555;
}

/********(( CROSS CALLOUTS )) **** link from design to servicing and sites (and the other way aroung) ***/
article .cross_callout {
	padding-top: 20px;
	padding-bottom: 20px;
}
article .cross_callout a {
	display: block;
	margin-top: 10px;
	text-decoration: none !important;
	color: #fff !important;
}
article .cross_callout a h3 {
	font-size: 20px;
	padding: 0 20px;
	line-height: 52px;
	font-weight: 300;
	border-bottom: 1px solid #fff;
	background: url(../../_img/callout_arrow.png) no-repeat right center;
}
#content article .cross_callout a p {
	padding: 0px 20px;
	font-size: 16px;
	line-height: 35px;
	text-align: left !important;
}
.design article .cross_callout a {
	background: #b31f5b;
}
.servicing article .cross_callout a {
	background: #652f8e;
}
article .cross_callout a:hover {
	opacity: 0.9;
}	
/*********** Bottom splash - comes after content ************/
#splash {
	clear: both;
	width: 100%;
	height: 266px;
	background: url(../../_img/content_splash.png) no-repeat left top;
}

/***************** SIGN UP NEWSLETTER and JOURNO LOGIN **************/
#pop-subscribe, #pop-login, #pop-subscribe-mc {
	display: block;
	cursor: pointer;
	margin-top: 20px;
	text-decoration: none !important;
	margin-bottom: 15px;
}
#pop-subscribe  i, #pop-login i,  #pop-subscribe-mc i {
	background: #6c3993;
	color: #fff;
	padding: 5px 10px;	
	font-style: normal;
}
.servicing #pop-subscribe i, .servicing #pop-login i, .servicing #pop-subscribe-mc i {
	background: #b72a63;	
}
.servicing #pop-subscribe:hover i, .servicing #pop-login:hover i, .servicing #pop-subscribe-mc:hover i {
	background: #5f0c34;
}
.design #pop-subscribe:hover i, .design #pop-login:hover i {
	background: #3b214d;
}
#sub-popper {
	width: 400px;	
	color: #555;
}
#innerpopper {
	padding: 20px;	
}
#innerpopper h2  {
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;	
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

.design #innerpopper h2 {
	color: #556e96;
	border-bottom: 1px solid #652f8f;
}
.servicing #innerpopper h2 {
	color: #b30058;
	border-bottom: 1px solid #b30058;
}
#innerpopper form {
	background: #eee;
	padding: 10px;	
	margin-top: 20px;
}
#innerpopper form .inp {
	width: 332px;
	border: 1px solid #d1d1d1;	
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	padding: 4px;
}
#innerpopper form p  {
	margin-bottom: 10px;
}
#innerpopper form p.lbl  {
	margin-bottom: 2px;
	font-size: 17px;
}
#f-yaddress, #f-facebook, #f-twitter {
	display: none;	
}
#f-submit em {
	background: #444;
	color: #fff;
	padding: 5px 10px;	
	font-style: normal;
	font-size: 17px;
	float: right;
	cursor: pointer;
}
#f-submit {
	margin-top: 20px;
}
#f-smallprint {
	clear: both;
	font-size: 12px;
	line-height: 16px;
	padding-top: 20px;
	color: #777;
}


/************ 
*/


#news-letters form {
	background: #fff;
	padding: 30px;	
	margin-top: 20px;
	margin-bottom: 100px;
	border: 1px solid #dee0e4;
	border-radius: 5px;
}
#news-letters form .inp {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;	
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	padding: 4px;
}
#news-letters form p  {
	margin-bottom: 10px;
}
#news-letters form p.lbl  {
	margin-bottom: 2px;
	font-size: 17px;
}
#news-letters #f-submit {
	text-align: right;	
}
#news-letters #f-submit input {
	background: #444;
	border: none;
	color: #fff;
	padding: 5px 10px;	
	font-style: normal;
	font-size: 17px;
	border-radius: 3px;
	cursor: pointer;
}
#news-letters #f-submit input:hover {
	background: #6c3894;
}
/************ PRESS DOWNLOADS ***********/
#press_downloads,
.press_downloads {
	clear: both;	
}
#press_downloads p,
.press_downloads p {
	width: 210px; 
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	background: #fff;	
}
#press_downloads p img,
.press_downloads p img {
	display: block;	
}
#press_downloads p span,
.press_downloads p span {
	font-size: 12px;
	line-height: 15px;
	padding: 10px;
	display: block;	
	color: #777;
}
#press_downloads p span strong,
.press_downloads p span strong {

	color: #444;
}
/********** CONTACT FORM **************/
#content .formholder {
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow:  3px 3px 3px 1px rgba(0, 0, 0, 0.1);
}
#content .formholder p {
    margin-bottom: 6px;
}
#content .formholder h2 {
	margin-bottom: 4px;	
}
#content  hr  {
	border: 0;
	border-bottom: 1px dashed #999;
	background: #f6f6f6;
	color: #f6f6f6;
	height: 1px;
	width: 100%;
	margin: 10px auto 18px auto;
}
#content .formholder table {
	margin: 0;	
}

#content .formholder table tr td  {
	padding-left: 12px;
	padding-bottom: 5px;
	vertical-align: top;
}
#content .formholder table tr th {
	font-weight: bold;
	border: 0;
}

#content .formholder table tr td.req  {
	padding-left: 0px;

}

#content form label.error { 
	display: none;
	position: absolute;
	left: -5555px;
	color: red; 
	font-style: italic;
	font-size: 12px;
}
#content #f1 label#privacy_error{ display: none; position: relative; left: 0px; }	
#content #f1 label#noted_error{ display: none; position: relative; left: 0px; }	
#content input, #content textarea, #content select {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
}
#content input.inp, #content textarea.inp {
	border: 1px solid #A5ACB2;
	padding: 2px 1px;
	border-radius: 3px;
}
#content input.error, #content textarea.error, #content select.error {
	border: 1px solid red;
	background-color: #fefad6;
	color: red;
}

#content form .submitt {
	font-size: 17px;
}
#content form option {
	padding-right: 0.8em;
}
#content .notreq {
	display: none !important;
}

/** lay down some percentage sizes for form inputs **/
#content form .sz_100 {
	width: 100%;
	min-width: 290px;	
}
#content form .sz_80 {
	width: 80%;	
	min-width: 100px;
}
#content form .sz_60 {
	width: 60%;	
	min-width: 100px;
}
#content form .sz_40 {
	width: 40%;	
	min-width: 100px;
}
#content form .sz_20 {
	width: 20%;	
	min-width: 100px;
}
#content form .checkboxes label {
	display: block;
	padding: 3px 0;	
}

/*** for cross callouts on showcase pages - need to specify a width **/
article.showcase_cross_callout {
	width: 450px;	
}
/** temp job ad **/
#jobs #job_ad {
	display: none;
}
/*
#job_ad {
	position: absolute;
	z-index: 500;	
	top: 0px;
	right: 38px;
}
#job_ad a {
	display: block;
	width: 310px;
	height: 55px;
	background: url(../../_img/job_ad_july_2014.png) no-repeat;	
	text-indent: -3555px;
}
#job_ad a:hover {
	background-position: 0 -55px;
}
*/
#job_ad {
	position: absolute;
	z-index: 500;	
	top: 0px;
	right: 38px;
}
#job_ad a {
	display: block;
	width: 190px;
	height: 36px;
	background-repeat: no-repeat;	
	text-indent: -3555px;
}
.servicing #job_ad a {
	background-image: url(../../_img/job_ad_generic-servicing.png);	
}
.design #job_ad a {
	background-image: url(../../_img/job_ad_generic-design.png);	
}
#job_ad a:hover {
	background-position: 0 -36px;
}

/** sitemap - nested lists **/
#content #sitemap,
#content #sitemap ul {
	list-style: none;	
	margin: 0;
	padding: 0;
}
#content #sitemap a {
	text-decoration: none;	
	color: #444;
}

#content #sitemap > li {
	font-weight: bold;	
	font-size: 18px;
	padding-bottom: 10px;
}

#content #sitemap > li > ul > li {
	font-weight: normal;	
	font-size: 14px;
	padding-top: 10px;
}
#content #sitemap > li > ul > li > ul {
	margin-left: 20px;
}
#content #sitemap > li > ul > li > ul > li {
	font-size: 13px;
	list-style: circle;
}
#content #sitemap > li > ul > li > ul > li > ul {
	margin-left: 30px;
	list-style: disc;
	font-size: 12px;
}


#newsletter_subber {
	margin-bottom: 32px;
	padding-top: 6px;
}

#newsletter_subber a {
	display: block;
	padding: 10px 20px;
	border: 1px solid #B296C7;
	background: #FFF;
	font-size: 13px;
	line-height: 17px;
	color: #6E84A6 !important;
	text-decoration: none !important;
}
#newsletter_subber a strong {
	color: #b30058 !important;
}
#newsletter_subber a:hover {
	color: #000 !important;
	background: #fafafa;
}


#mvflip_callout a {
	text-indent: -3456px;
	display: block;
	width: 350px;
	height: 48px;
	background: url(../../_img/mvflip_callout.png);
	margin-left: 49px;
	margin-top: 32px;
	position: absolute;
	z-index: 100;
}
#mvflip_callout  {
	position: relative;
}


/*** Stainless steel gallery ***/

#content .ss_gallery p {
	width: 215px; float: left;	
	margin: 0;
	margin: 0 20px 20px 0;
}
#content .ss_gallery p:nth-child(even) {
	margin-right: 0;	
}

#content .ss_gallery p img {
	display: block;

}

/** Summer 2016 pools ***/
#swim-summer-2016 #content .showcase_sub_header h2 {
	font-size: 22px;
	color: #666;
	text-transform:uppercase;
	font-weight: 400;
	line-height: 26px;
	max-width: 400px;
}

#swim-summer-2016 #content article h2 {
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
	padding-top: 20px;
}
#swim-summer-2016 #content article h2 a {
	max-width: 450px;	
}


#swim-summer-2016 #content article section p, 
#swim-summer-2016 #content article section ul {
	text-align: left;	
}
#swim-summer-2016 #content p.special {
	font-size: 17px;
}
#swim-summer-2016 #content article section p {
	color: #777;
}
#swim-summer-2016 #content article section p strong {
	color: #222;
	font-weight: 700;
}
#swim-summer-2016 #content article section ul li {
	text-align: left;
	color: #777;
	list-style:square;
	padding-bottom: 10px;
}
#swim-summer-2016 #content article aside a  {
	text-decoration: none !important;
}
#swim-summer-2016  #showcase_header {
    background: url(../../_img/wide-images/outdoor_2.jpg);
}

/** new stainless steel callout **/
#ss_callout a {
	display: block;
	text-indent: -4560px;
	height: 200px;
	/*background: url(../../_img/stainless_steel_callout.jpg);*/
}
/* Localized */