/*
Theme Name: Custom
Theme URI: http://www.stevedowty.com/
Description: Theme for this site.
Version: 1.0
Author: Steve Dowty
Author URI: http://www.stevedowty.com/
*/





/* ===================================================================
	R E S E T
================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, 
strike, strong, b, u, i, center, ol, ul, li, form, label, table, tr, th, td, embed
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
		}

ol, ul
	{
	list-style: none;
		}

table
	{
	border-collapse: collapse;
	border-spacing: 0px;
		}

a
	{
	color: #278cd4;
		}

pre
	{
	font: normal 13px 'Lucida Grande', sans-serif !important;
		}



/* ===================================================================
	G E N E R A L
================================================================== */

html
	{
	width: 100%;
	height: 100%;
		}

body
	{
	width: 100%;
	height: 100%;
	background: #454545;
		}

.clear
	{
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
		}

a
	{
	text-decoration: none;
		}





/* ===================================================================
	H E A D E R
================================================================== */


#header
	{
	width: 100%;
	height: 100px;
	z-index: 1111;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.99);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.99);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.99);
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

body.fixed #header
	{
	height: 60px;
	-webkit-transition: height .5s ease-in;
	-moz-transition: height .5s ease-in;
	transition: height .5s ease-in;
		}

#header #headerCenter
	{
	width: 1100px;
	height: 100px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
		}

#header #headerCenter #headerLogo
	{
	width: 353px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

body.fixed #header #headerCenter #headerLogo
	{
	width: 212px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

#header #headerCenter #headerLogo a
	{
	width: 353px;
	height: 100px;
	display: block;
	background: url(images/logo_full.png) no-repeat;
	background-size: 100%;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

body.fixed #header #headerCenter #headerLogo a
	{
	width: 212px;
	height: 60px;
	display: block;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

#header #headerCenter #mainNav
	{
	position: absolute;
	box-sizing: border-box;
	right: 0px;
	top: 40px;
	width: 340px;
	height: 40px;
	font-size: 0px;
	text-align: right;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
		}

body.fixed #header #headerCenter #mainNav
	{
	top: 20px;
		}

#header #headerCenter #mainNav a
	{
	display: inline-block;
	font: normal 14px 'Raleway Medium', serif;
	line-height: 14px;
	letter-spacing: .5px;
	color: #fff;
	margin: 0px 0px 0px 40px;
	padding: 4px 18px;
	background: #3ba0da;
	border: 1px solid #3ba0da;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
		}

#header #headerCenter #mainNav a:hover
	{
	color: #278cd4;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);
		}

#header #headerCenter a#searchIcon
	{
	display: block;
	width: 33px;
	height: 38px;
	position: absolute;
	right: 0px;
	top: 34px;
	padding: 0px;
	background: url(images/magglass.png);
	cursor: pointer;
		}

#header #headerCenter #social
	{
	position: absolute;
	right: 52px;
	top: 42px;
	font-size: 0px;
		}

#header #headerCenter #social a
	{
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
	margin: 0px 0px 0px 9px;
		}

#header #headerCenter #social a#twitter
	{
	background: url(images/social/twitter.png);
	background-position: 0px 0px;
		}

#header #headerCenter #social a#twitter:hover
	{
	background: url(images/social/twitter.png);
	background-position: 0px 25px;
		}

#header #headerCenter #social a#instagram
	{
	background: url(images/social/instagram.png);
	background-position: 0px 0px;
		}

#header #headerCenter #social a#instagram:hover
	{
	background: url(images/social/instagram.png);
	background-position: 0px 25px;
		}

#header #headerCenter #social a#facebook
	{
	background: url(images/social/facebook.png);
	background-position: 0px 0px;
		}

#header #headerCenter #social a#facebook:hover
	{
	background: url(images/social/facebook.png);
	background-position: 0px 25px;
		}

#header #headerCenter #user
	{
	position: absolute;
	right: 180px;
	top: 44px;
		}

#header #headerCenter #user a
	{
	display: block;
	height: 19px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	font: normal 14px 'Raleway Medium', serif;
	line-height: 20px;
	color: #fff;
	background: url(images/user.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
		}


section
	{
	width: 100%;
	position: relative;
	margin: 0px;
	padding-top: 1px;
		}

section.top
	{
	padding-top: 60px;
		}

section.white, section.thanks
	{
	background: #fff;
		}

section.blue
	{
	background: #d0d6da;
		}

section.grey
	{
	background: #e3e6e9 url(images/yard.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
		}





/* ===================================================================
	M A R K E T I N G   H E R O
================================================================== */



#hero
	{
	height: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 333;
	background: url(images/houses.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	text-align: left;
		}

#hero a#scroll
	{
	display: block;
	width: 91px;
	height: 91px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	bottom: 60px;
	background: url(images/findoutmore.png);
	background-size: 100%;
	background-position: 0px 0px;
	outline: none;
		}

#hero a#scroll:hover
	{
	background-position: 0px -91px;
		}

#hero #heroInner
	{
	width: 900px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	position: relative;
	top: 35%;
		}

body.infoExpress #hero #heroInner
	{
	width: 800px;
	margin: 200px auto 50px auto;
	position: relative;
	overflow: hidden;
	left: auto;
	top: auto;
	transform: translate(-0%, -0%);
		}

#hero #heroInner h3
	{
	display: inline-block;
	font: normal 96px 'Raleway Extra Light', sans-serif;
	line-height: 110px;
	color: #fff;
	margin: 0px 0px 40px 0px;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
	text-align: center;
		}

#hero #heroInner p
	{
	font: normal 22px 'Raleway Light', sans-serif;
	line-height: 36px;
	color: #fff;
	text-align: left;
	margin: 0px 0px 30px 0px;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
		}

#hero #heroInner p a
	{
	color: #fff;
	text-decoration: underline;
		}

a.jump
	{
	position: absolute;
	left: 0px;
	top: -60px;
	width: 1px;
	height: 1px;
	display: block;
	background: transparent;
		}

#hero #heroInner .section form p
	{
	font: normal 15px 'Raleway Medium', serif;
	line-height: 22px;
	margin: 15px 0px;
		}

section .inner
	{
	width: 1100px;
	margin: 20px auto 0px auto;
	padding: 40px 0px;
	position: relative;
		}

section.white .inner
	{
	margin: 60px auto 0px auto;
		}

section.grey .inner
	{
	padding: 100px 0px;
		}

section .inner h3
	{
	font: normal 56px 'Raleway Light', sans-serif;
	line-height: 62px;
	margin: 0px 0px 30px 0px;
	color: #333;
		}

section .inner p
	{
	font: normal 16px 'Raleway Medium', sans-serif;
	line-height: 28px;
	margin: 15px 0px;
	color: #333;
		}

section.blue .inner h3, section.blue .inner p
	{
	color: #333;
		}

section.grey .inner h3, section.grey .inner p
	{
	color: #fff;
		}

section .inner p span
	{
	font: normal 20px 'Raleway Bold', sans-serif;
	line-height: 28px;
		}

section .inner ul
	{
	font: normal 16px 'Raleway Medium Italic', sans-serif;
	line-height: 28px;
	margin: 15px 0px;
	color: #333;
	list-style-image: url(images/sqblue.png);
		}

section .inner ul li
	{
	margin: 0px 150px 10px 35px;
	padding: 0px 0px 0px 6px;
		}

section .inner .floatLeft
	{
	display: block;
	float: left;
	margin: 0px 40px 0px 0px;
		}

section .inner .floatRight
	{
	display: block;
	float: right;
	margin: 0px 0px 0px 40px;
		}





section .inner #marketing
	{
	width: 100%;
	font-size: 0px;
	overflow: hidden;
	position: relative;
		}

section .inner #marketing .block
	{
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	position: relative;
		}

section .inner #marketing .block img
	{
	display: block;
	margin: 0px auto;
	width: 66%;
	max-width: 180px;
	height: auto;
		}

section .inner #marketing .block h4
	{
	font: normal 16px 'Raleway Regular', serif;
	line-height: 30px;
	text-align: center;
		}

section .inner #marketing .block p
	{
	font: normal 13px 'Raleway Regular', serif;
	line-height: 20px;
	text-align: left;
	margin: 10px 30px 0px 40px;
		}














section#fourlakes
	{
	background: #eee url(images/clubs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

section#spanishcove
	{
	background: #eee url(images/seniors.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

section#lakewood
	{
	background: #eee url(images/chairs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

section#plantation
	{
	background: #eee url(images/pool.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

section#rivervillas
	{
	background: #eee url(images/moss.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

section#bonayre
	{
	background: #eee url(images/couple.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: scroll;
		}

/* ====================================================

	Projects on home page

=================================================== */

section .inner #projects
	{
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	font-size: 0px;
		}

section .inner #projects .project:nth-child(even)
	{
	margin: 0px 0px 20px 0px;
		}

section .inner #projects .project
	{
	width: 48%;
	height: 280px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 4% 40px 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	background-position: 50% 50%;
		}

section .inner #projects .project#fourLakes
	{
	background: url(images/portfolio/4lgc.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project#spanishCove
	{
	background: url(images/portfolio/spcv.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project#lakewood
	{
	background: url(images/portfolio/lwes.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project#plantation
	{
	background: url(images/portfolio/plok.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project#riverVillas
	{
	background: url(images/portfolio/rvvl.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project#bonAyre
	{
	background: url(images/portfolio/bnar.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
		}

section .inner #projects .project h4
	{
	font: normal 24px 'Raleway Bold', sans-serif;
	line-height: 28px;
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 42%;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
	z-index: 11;
		}

section .inner #projects .project:hover h4
	{
	top: 35%;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
		}

section .inner #projects .project div
	{
	width: 100%;
	height: 280px;
	background: url(images/overlays/000_50.png) repeat;
	opacity: .01;
	z-index: 10;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
	overflow: hidden;
	position: relative;
		}

section .inner #projects .project:hover div
	{
	opacity: .8;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
		}

section .inner #projects .project div p
	{
	color: #fff;
	display: block;
	width: 100%;
	font: normal 14px 'Raleway Semibold', serif;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 45%;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
		}

section .inner #projects .project:hover div p
	{
	top: 47%;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
		}

section .inner #projects .project div p span
	{
	font: normal 11px 'Raleway Semibold', serif;
		}






/* ====================================================

	Individual project pages

=================================================== */


section.project .inner
	{
	padding-bottom: 100px;
		}

section.project .inner #arrows
	{
	width: 100px;
	height: 36px;
	margin: 0px 0px 0px auto;
		}

section.project .inner #arrows a
	{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0px 0px 0px 12px;
	outline: none;
		}

section.project .inner #arrows a#prev
	{
	background: url(images/prev.png) no-repeat;
		}

section.project .inner #arrows a#prev.grey
	{
	background: url(images/prev3.png) no-repeat;
		}

section.project .inner #arrows a#prev:hover
	{
	background: url(images/prev2.png) no-repeat;
		}

section.project .inner #arrows a#prev.grey:hover
	{
	background: url(images/prev3.png) no-repeat;
		}

section.project .inner #arrows a#next
	{
	background: url(images/next.png) no-repeat;
		}

section.project .inner #arrows a#next.grey
	{
	background: url(images/next3.png) no-repeat;
		}

section.project .inner #arrows a#next:hover
	{
	background: url(images/next2.png) no-repeat;
		}

section.project .inner #arrows a#next.grey:hover
	{
	background: url(images/next3.png) no-repeat;
		}

section.project .inner .frameArt
	{
	position: relative;
	float: left;
	width: 63%;
	margin: 30px 0px 0px 0px;
		}

section.project .inner .frameArt img
	{
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
		}


section.project .inner .frameArt img.opaque
	{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
		}

section.project .inner .frameText
	{
	width: 32%;
	float: right;
	margin: 30px 0px 25px 0px;
		}

section.project .inner .frameText h3.frameTitle
	{
	font: normal 18px 'Raleway Black', serif;
	line-height: 24px;
	color: #666;
	margin: 0px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 2px;
		}

section.project .inner .frameText p
	{
	font: normal 14px 'Raleway Regular', serif;
	line-height: 24px;
	color: #666;
	margin: 20px 0px;
		}

section.project .inner .frameText p.url
	{
	text-align: left;
		}

section.project .inner .frameText p i, section.project .inner .frameText p em
	{
	font: normal 14px 'Raleway Italic', serif;
		}

section.project .inner .frameText p b, section.project .inner .frameText p strong
	{
	font: normal 14px 'Raleway Bold', serif;
		}

section.project .inner .frameText .projectTools p
	{
	font: normal 12px 'Raleway Regular', serif;
	line-height: 16px;
	color: #888;
	margin: 20px 0px;
		}

section.project .inner .frameText a.viewProject
	{
	display: block;
	width: 120px;
	margin: 20px auto;
	text-align: center;
	font: normal 12px 'Raleway Regular', serif;
	line-height: 20px;
	color: #643;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 12px;
	border: 1px solid #777;
		}
		
section.project .inner .frameText .testimonial p
	{
	font: normal 14px 'Raleway Italic', Helvetica, Arial, sans-serif;
	line-height: 20px;
	color: #789;
	margin: 20px 20px 0px 0px;
		}
		
section.project .inner .frameText .testimonial p.quoted
	{
	font: normal 13px 'Raleway Italic', Helvetica, Arial, sans-serif;
	line-height: 20px;
	color: #789;
	text-align: right;
	margin: 0px 0px 20px 40px;
		}
		
section.project .inner .frameText #thumbs
	{
	width: 100%;
		}
		
section.project .inner .frameText #thumbs div
	{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-bottom: 10px solid #fff;
		}
		
section.project .inner .frameText #thumbs div img
	{
	position: absolute;
	left: 0px;
	top: 0px;
		}
		
section.project .inner .frameText #thumbs div:hover img
	{
	position: absolute;
	left: 0px;
	top: -60px;
		}
		
section.project .inner .frameText #thumbs div.selected
	{
	border-bottom: 10px solid #e3e6e9;
		}
		
section.project .inner .frameText #thumbs div.selected img
	{
	position: absolute;
	left: 0px;
	top: -60px;
		}


/* =================================================================

	C O N T A C T   F O R M

================================================================= */




section.contact #contactText
	{
	width: 45%;
	float: left;
	text-align: left;
		}

section.contact #contactForm
	{
	width: 45%;
	float: right;
	text-align: left;
	padding-top: 24px;
		}

section.contact #contactForm label
	{
	display: none;
	font: normal 14px 'Raleway Regular', sans-serif;
	line-height: 20px;
	margin: 20px 0px 6px 0px;
	color: #ccc;
		}

section.contact #contactForm .dataPair .textbox
	{
	display: block;
	width: 99%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #f8fbff;
	margin: 0px 0px 8px 0px;
	padding: 9px 15px;
	font: normal 13px 'Lucida Grande', sans-serif;
	color: #555 !important;
		}

section.contact #contactForm .dataPair .textbox:focus
	{
	background: #fff;
		}

section.contact #contactForm .dataPair .textbox::-webkit-input-placeholder
	{
	color: #999 !important;
	opacity: 1;
		}

section.contact #contactForm .dataPair .textbox:focus::-webkit-input-placeholder
	{
	opacity: .4;
		}

section.contact #contactForm .dataPair .textbox::-moz-placeholder
	{
	color: #999 !important;
	opacity: 1;
		}

section.contact #contactForm .dataPair .textbox:focus::-moz-placeholder
	{
	opacity: .3;
		}

section.contact #contactForm .dataPair .textbox: -ms-input-placeholder
	{
	color: #999 !important;
	opacity: 1;
		}

section.contact #contactForm .dataPair .textbox:focus: -ms-input-placeholder
	{
	opacity: .4;
		}

section.contact #contactForm .dataPair .textbox: -moz-placeholder
	{
	color: #555 !important;
	opacity: 1;
		}

section.contact #contactForm .dataPair .textbox:focus: -moz-placeholder
	{
	opacity: .4;
		}

html body section.contact #contactForm form .dataPair textarea
	{
	font: normal 13px 'Lucida Grande', sans-serif !important;
		}

section.contact #contactForm .button
	{
	display: inline-block;
	font: normal 14px 'Raleway Medium', serif;
	letter-spacing: .5px;
	color: #fff;
	margin: 20px 0px 0px 0px;
	padding: 4px 18px;
	background: #3ba0da;
	border: 1px solid #3ba0da;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
		}


/* =================================================================

	F O O T E R

================================================================= */



#footer
	{
	background-color: #454545;
	color: #aaa;
	width: 100%;
	overflow: hidden;
		}

#footer #footerContent
	{
	width: 90%;
	max-width: 1100px;
	margin: 0px auto;
	padding: 30px 0px 50px 0px;
	text-align: center;
		}

#footer #footerContent p
	{
	font: normal 14px 'Raleway Regular', sans-serif;
	line-height: 20px;
	margin: 20px auto;
	color: #ccc;
		}

#footer #footerContent h4
	{
	font: normal 20px 'Raleway Bold', sans-serif;
	line-height: 20px;
	margin: 20px auto;
	color: #ccc;
		}