*{margin:0; padding:0; border:0;}

html, body {height:100%; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}

body {background: url(images/bathroombg.jpg) no-repeat center top #e8dfc6;}
body.follow {background: url(images/followbg.jpg) no-repeat center top #e8dfc6;}

img {height:auto; display:block; border:0; -ms-interpolation-mode:bicubic;}

a img {border:none;}

h1 {font-family: 'open_sanscondensed_light'; font-weight:lighter;}

p {font:Arial; font-weight:lighter; color:#6d6e71;}

ul {list-style: none;}

ul li a img {display: block !important;}

/* html5 style ----------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:block; *display:inline; *zoom:1;}


.wrapper {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
#logo {
	margin-top: 30px;
	font-family: 'open_sans_condensedbold';
	padding: 6px 15px 8px;
	background: url(images/bluesq.png) repeat;
	font-size:20px;
	color:#fff;
	float:left;
	width: 250px;
}
#menu {
	margin-top: 30px;
	float: right;
	width: 548px;
}
#menu li a {
	display: inline-block;
	float: left;
	font-family: 'open_sans_condensedbold';
	padding: 7px 15px 10px;
	font-size:18px;
	color:#6d6e71;
	margin-left: 7px;
	background: #fff;
	text-decoration: none;
	box-sizing: border-box;

}
#menu li a:hover, #menu li a.selected {
	color: #fff;
	background: #fca23e;
}
.minilogos {
	float:left;
	clear: both;
}
.strap {
	float: left;
    margin: 200px auto;
    padding: 20px 0;
    position: relative;
    width: 100%;
	background: url(images/bluesq.png) repeat;
}
.strap h1 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 82px;
}
.strap h2 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 35px;
}
.col {
	width: 23.4%;
	margin-right: 2%;
	min-height: 512px;
	height: auto;
	background: #fff;
	float: left;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}
.end {
	margin-right: 0px !important;
}
.col img {
	width: 100%;
	height: auto;
	display: block;
}
.col h3 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-transform: uppercase;
	color: #6d6e71;
	font-size: 33px;
	line-height: 33px;
    padding: 15px;
}
.col h3 span {
	color: #fca23e;
}
.col p {
	font: 14px/21px Arial;
	padding: 15px;
}
.cta {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0px;
}
.cta a {
	color: #fff;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    text-indent: 15px;
    width: 100%;
	background:#59c1e9;
	font-family: 'open_sanscondensed_light';
	font-size: 20px;
}
.seocol {
	width: 23.4%;
	margin-right: 2%;
	height: auto;
	float: left;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}
.seocol p {
	font: 12px/20px Arial;
}

footer {
	background: #d3c39a;
	float: left;
    height: auto;
    margin-top: 40px;
    width: 100%;
}
.footicons {
	width: 190px;
	height: 52px;
	float: left;
	padding:20px 0px;
}
.footicons li a {
	width:48px;
	height:48px;
	float: left;
	margin-right: 12px;
}
.footicons li a:hover {
	opacity: 0.8;
}
.footconts {
	height: 50px;
	float: left;
	padding:13px 0px;
}
.number {
	font-size:27px;
	font-family: 'open_sanscondensed_light';
	color:#6d6e71;
}
.emailaddy a {
	font-size:27px;
	font: 16px Arial;
	color:#6d6e71;
	text-decoration: none;
}
.copyright {
	color: #6d6e71;
    float: right;
    font: 13px Arial;
    margin-top: 52px;
}




.slicknav_menu {
	display:none;
}


.container {
	width: 100%;
	background: #fff;
	margin: 120px 0px 40px 0px;
	float:left;
	box-sizing: border-box;
	padding: 40px;
}
.reminder, .reminder a {
	font: 14px Arial;
	text-decoration: none;
	color:#6d6e71;
	margin-bottom: 20px;
	width: 100%;
}
.qoute {
	width: 70%;
	float: left;
	height: auto;
}
.qoute h2 {
	font-family: 'open_sanscondensed_light';
	font-weight:lighter;
	color:#59c1e9;
	font-size: 23px;
    line-height: 31px;
    margin-bottom: 30px;
}
.qoute h2 span {
	font: 13px Arial;
	color:#6d6e71;
}
.paul {
	float:right;
}
.singlecol {
	width: 100%;
	float: left;
	position: relative;
}
.singlecol h3 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-transform: uppercase;
	color: #6d6e71;
	font-size: 33px;
	line-height: 33px;
    padding: 15px 0;
}
.singlecol h3 span {
	color: #fca23e;
}
.singlecol p {
	font: 14px/21px Arial;
	padding-bottom: 15px;
}
.midimg {
	width: 100%;
	margin:0 auto;
	height: auto;
	position: relative;
	float:left;
}
.spec {
	float: right;
	margin-right: 70px;
}
.one {
	position: absolute;
	left: 100px;
	top: 32px;
    width: 315px;
	border-bottom: solid 1px #fca23e;
	padding-bottom: 4px !important;
	font: 13px Arial;
	color: #6d6e71;
}
.two {
	position: absolute;
	left: 100px;
	top: 87px;
    width: 299px;
	border-bottom: solid 1px #fca23e;
	padding-bottom: 4px !important;
	font: 13px Arial;
	color: #6d6e71;
}
.three {
	position: absolute;
	left: 100px;
	top: 161px;
    width: 349px;
	border-bottom: solid 1px #fca23e;
	padding-bottom: 4px !important;
	font: 13px Arial;
	color: #6d6e71;
}
.four {
	position: absolute;
	left: 100px;
	top: 362px;
    width: 355px;
	border-bottom: solid 1px #fca23e;
	padding-bottom: 4px !important;
	font: 13px Arial;
	color: #6d6e71;
}
.five {
	position: absolute;
	left: 100px;
	top: 421px;
    width: 455px;
	border-bottom: solid 1px #fca23e;
	padding-bottom: 4px !important;
	font: 13px Arial;
	color: #6d6e71;
}
.twocol {
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.twocol h3 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-transform: uppercase;
	color: #6d6e71;
	font-size: 33px;
	line-height: 33px;
    padding: 30px 0 6px;
    text-align: center;
}
.twocol h3 span, .twocol span {
	color: #fca23e;
}
.twocol p {
	text-align: center;
}
.twocol img {
	margin: 20px auto;
}
.twocolcont {
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.twocolcont h3 {
	font-family: 'open_sanscondensed_light'; font-weight:lighter;
	text-transform: uppercase;
	color: #6d6e71;
	font-size: 33px;
	line-height: 33px;
    padding: 30px 0 6px;
}
.twocolcont h3 span{
	color: #fca23e;
}
.twocolcont iframe {
	margin-top: 20px;
}
.logos{
	width:150px;
	height:67px;
	float:right;
	margin: 20px 0px 0px 0px;
}

 /*Tablet 768px (Portrait) style ----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.wrapper {
		width: 98%;
	}
	#menu {
    	width: 452px;
    }
    #menu li a {
    	margin-left: 3px;
    	padding: 7px 9px 10px;
    }
    .strap {
    	margin-bottom: 130px;
    }
    .spec {
    	margin-right: 0px;
    }
    .one, .two, .three, .four, .five {
    	left:0px;
    }
    .one {
    	width: 263px;
    }
    .two {
    	width: 247px;
    }
    .three {
    	width: 296px;
    }
    .four {
    	width:;
    }
    .five {
    	width: 413px;
    }
}

/* Mobile 320px (Portrait) style ----------------------------------------------- */

@media screen and (max-width: 767px) {

	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.strap{
		margin: 100px auto;
	}
	.col {
		margin-left: 2%;
		margin-right: 2%;
	    width: 46%;
	    min-height: 570px;
	}
	.col h3 {
		font-size: 29px;
	}
	.seocol {
		margin-left: 2%;
		margin-right: 2%;
	    width: 46%;
	}
	.strap h1 {
		font-size: 50px;
		line-height: 50px;
	}
	.strap h2 {
		font-size: 22px;
	}
	.footicons, .footconts {
		margin-left: 2%;
	}
	.copyright {
		margin-right: 2%;
	}
	.qoute {
		width: 100%;
	}
	.paul {
		float: left;
		margin: 20px 0px
	}
	.container {
		padding: 15px;
	}
	.one, .two, .three, .four, .five {
		display: none;
	}
	.midimg img {
		display: block;
		height:auto;
		width: 100%;
	}
	.spec {
		margin-right:0px;
	}
	.twocol, .twocolcont {
		width: 100%;
	}
}

/*
@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
*/