/* 
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;
}

/********************************************/
/******** BEGIN HOME PAGE STYLES ************/
/********************************************/
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
html {
	/*background: #fff url(../_img/home/large_splash.jpg) no-repeat fixed center center;*/
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font: normal 15px/20px 'Oxygen', Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: 300;

}


h1 {
	/*background: url(../_img/home/logo.jpg) no-repeat left top;	*/
	background-repeat: no-repeat;
	background-position: left top;
	width: 500px;
	height: 186px;
	text-indent: -4500px;
	position: absolute;
	top: 50px;
	left: 100px;
}


#main {
	position: absolute;
	top: 300px;
	width: 100%;
	z-index: 600;
	
}	

#main h2 {
	line-height: 110px;
	font-size: 30px;
	font-weight: 700;
	background: url(../../../../uploads/2019/06/welcome_BG.png) repeat-x;
	color: #fff;
	text-align: center;
}

/** the clickable stuff **/
#new_pools, #servicing  {
	position: absolute;
	width: 50%;
	top: 112px; /** 2 more than line-height of #main h2 **/
	
}
#new_pools {
	left: 0px;
	background: url(../../../../uploads/2019/06/new_pools_BG.png) repeat;
}
#servicing {
	right: 0px;
	
	background: url(../../../../uploads/2019/06/servicing_BG.png) repeat;
}
#new_pools h3, #servicing h3 {
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'euphemia', sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px; 
	cursor: pointer;
}
#new_pools h3 {
	background-color: #652f8e;
	text-align: right;	
	padding-right: 32px;
	border-right: 1px solid #fff;
	letter-spacing: 1px;
}
#servicing h3 {
	/*  letter-spacing: 2px; */
	background-color: #b31f5b;
	padding-left: 32px;
	border-left: 1px solid #fff;
}
#new_pools h3 em, #servicing h3 em {
	font-style: normal;
	
	background-repeat: no-repeat;
	display: inline-block;
}
#new_pools h3.active em, #servicing h3.active em {
	background-image: url(../../../../uploads/2019/06/down_arrow.png);
}

#new_pools h3 em {
	padding-left: 50px;	
}
#servicing h3 em {
	padding-right: 50px;
	background-position: center right;	
}
/****************************/
/*** the "hidden" stuff ***/
/****************************/
#new_pools a, #servicing a {
	display: block;
	color: #fff;
	height: 25px;
	overflow: hidden;
}
#new_pools a {
	border-right: 1px solid #fff;
}
#servicing a {
	border-left: 1px solid #fff;
}
#new_pools a h4, #servicing a h4 {
	margin-top: 40px;
	font-weight: 300;
	padding-bottom: 10px;
	display: inline-block;
	background-position: -1000px 0;
	background-repeat:no-repeat;
	font-size: 27px;
	line-height: 29px;
	font-size: 24px;
	line-height: 27px;
}

#new_pools a h4 {
	background-image: url(../../../../uploads/2019/06/left_arrow.png);
	padding-left: 80px;
}
#servicing a h4 {
	background-image: url(../../../../uploads/2019/06/right_arrow.png);
	padding-right: 80px;
}
#new_pools a.active h4 {
	background-position:  left top;
}
#servicing a.active h4 {
	background-position:  right top;
}

#new_pools a {
	text-align: right;
	padding-right: 32px;	
}
#servicing a {
	text-align: left;
	padding-left: 32px;	
}
#new_pools a p, #servicing a p {
	font-weight: 400;
	padding-bottom: 16px;
	font-size: 15px;
	line-height: 20px;
}
#new_pools a p i, #servicing a p i {
	display: block;
}
#footer {
	position: absolute;
	width: 280px;
	width: 315px;
	height: 95px;
	right: 0px;
	bottom: 0px;
	background: #fff;
	padding: 20px 0px 0 20px;
}
#footer h3 {
	font-weight: 300;
	font-size: 23px;
	letter-spacing: 1px;
	color: #3c5786;	
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 1px solid #3c5786;	
	margin-bottom: 5px;
}
#footer h3 em {
	font-weight: 400;	
	font-style: normal;
}





#job_ad {
	position: absolute;
	z-index: 500;	
	top: 0px;
	right: 0px;
}

#job_ad a {
	display: block;
	width: 150px;
	height: 36px;
	background: url(../_img/vacancies_generic.png) no-repeat;	
	background: url(../_img/were_hiring.png)  no-repeat;
	text-indent: -3555px;
}
#job_ad a:hover {
	background-position: 0 -36px;
}


/** new jobby : June 2017 */
#job_ad_double_holder {
	position: absolute;
	z-index: 500;	
	top: 0px;
	right: 0px;
	width: 301px;
	height: 73px;
	/*background-image: url(../_img/home/HIRING_LARGE.png);*/
	background-position: 0 0;
	background-repeat: no-repeat;
}
.job_ad {
	position: absolute; 
	right: 0px;	
	width: 150px;
	height: 36px;
}
#job_ad_servicing {
	top: 37px;
}
.job_ad a {
	display: block;
	width: 150px;
	height: 36px;
	text-indent: -4567px;
}
#job_ad_design a {
	/*background-image: url(../_img/home/JOB_DESIGN.png);*/
}
#job_ad_servicing a {	
	/*background-image: url(../_img/home/JOB_SERVICING.png);*/
}
.job_ad a:hover {
	background-position: 0 -36px;
}
/*
#job_ad a {
	display: block;
	width: 190px;
	height: 36px;
	background: url(../_img/job_ad_generic-servicing.png) no-repeat;
	text-indent: -3555px;
}
#job_ad a:hover {
	background-position: 0 -36px;
}

#bro_flash {
	position: absolute;
	z-index: 500;	
	top: 0px;
	right: 0px;
}

#bro_flash a {
	display: block;
	width: 228px;
	height: 36px;
	background: url(../_img/brochure_flash.png) no-repeat;
	text-indent: -3555px;
}
#bro_flash a:hover {
	background-position: 0 -36px;
}
*/