
.HomeTable1 {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
	margin: 0px 0px 0px 0px;
}

.HomeTR1 {
	display: table-row;
	margin: 0px 0px 0px 0px;
}

.HomeTD1 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative
}

.HomeTD2 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative;
}

#HomeLogo {
	width: 100%;
	max-width: 620px;
	height: auto;
	display: block;
	margin: 0px 0px 0px 0px;
}


#HomeGroupWrapper {
	position: relative;
	width: 100%;
	max-width: 1295px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	right: 0px;
}

#HomeGroupHeadingWrapper {
	position: absolute;
	text-align: right;
	width: 100%;
	height: 58px;
	top: 0px;
	right: 0px;
	z-index: 300;
	line-height: 1.5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,2dabec+100&0+0,1+87,1+100 */
	background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(55,173,235,1) 87%, rgba(45,171,236,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(55,173,235,1) 87%,rgba(45,171,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(55,173,235,1) 87%,rgba(45,171,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#2dabec',GradientType=1 ); /* IE6-9 */
}

#HomeGroupHeadingWrapper h2 a {
	color: white;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	margin: 0px 20px 0px 0px;
}

#HomeGroupHeadingWrapper h2 a:hover, #HomeGroupHeadingWrapper h2 a:active  {
	color: #67318f !important;
}


#HomeGroup {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px 0px 0px 0px !important;
	position: relative
}

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

.HomeTable2 {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.HomeTR2 {
	display: table-row;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.HomeTD3 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative;
	width: 60%;
	height: 35vw;
	background-image: url('/CoastalGraphics/images/forsale_a.png');
  	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.HomeTD4 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative;
	width: 40%;
	height: 35vw;
	background-image: url('/CoastalGraphics/images/sale_ryt.png');
  	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#HomeForSaleHeadingWrapper {
	position: absolute;
	text-align: right;
	width: 100%;
	height: 11vw;
	top: 0px;
	right: 0px;
	z-index: 300;
	line-height: 1.65;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#HomeForSaleHeadingWrapper h2 a {
	color: white;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1vw;
	font-size: 6vw;
	margin: 0px 1vw 0px 0px;
}

#HomeForSaleHeadingWrapper h2 a:hover, #HomeGroupHeadingWrapper h2 a:active  {
	color: #2dabec !important;
}


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

.HomeTable3 {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.HomeTR3 {
	display: table-row;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.HomeTD5 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative;
	width: 60%;
	height: 35vw;
	background-image: url('/CoastalGraphics/images/rent_left.png');
  	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.HomeTD6 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	position: relative;
	width: 40%;
	height: 35vw;
	background-image: url('/CoastalGraphics/images/rent_right.png');
  	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#HomeForRentHeadingWrapper {
	position: absolute;
	text-align: right;
	width: 40vw;
	height: 11vw;
	top: 0px;
	right: 0px;
	z-index: 300;
	line-height: 1.65;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#HomeForRentHeadingWrapper h2 a {
	color: white;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1vw;
	font-size: 6vw;
	margin: 0px 1vw 0px 0px;
}

#HomeForRentHeadingWrapper h2 a:hover, #HomeGroupHeadingWrapper h2 a:active  {
	color: #67318f !important;
}


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


#HomeCommercialWrapper {
	position: relative;
	width: 100%;
	height: 30vw;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('/CoastalGraphics/images/CommercialPropertyImage.jpg');
  	background-size: 100% 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#CommercialLogo {
	width: 33vw;
	max-width: 300px;
	height: auto;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
}

#CommercialHeadingWrapper {
	position: absolute;
	text-align: right;
	width: 100%;
	height: 58px;
	bottom: 0px;
	right: 0px;
	z-index: 300;
	line-height: 1.5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,67318f+100&0+0,1+87,1+100 */
	background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(106,67,155,1) 87%, rgba(103,49,143,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(106,67,155,1) 87%,rgba(103,49,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(106,67,155,1) 87%,rgba(103,49,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#67318f',GradientType=1 ); /* IE6-9 */
}

#CommercialHeadingWrapper h2 a {
	color: white;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	margin: 0px 20px 0px 0px;
}

#CommercialHeadingWrapper h2 a:hover, #CommercialHeadingWrapper h2 a:active  {
	color: #2dabec !important;
}

#CommercialPropertyImage {
	width: 100% !important;
	height: auto;
	display: block;
	margin: 0px 0px 0px 0px;
}

#CommercialLogoWrapper {
	position: absolute;
	max-width: 300px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	right: 0px;
}

#CommercialLogo {
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0px 0px 0px 0px;
}


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

	#HomeGroupHeadingWrapper {
		height: 42px;
	}

	#HomeGroupHeadingWrapper h2 a {
		font-size: 28px;
	}
}

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

	#HomeGroupHeadingWrapper {
		height: 34px;
	}

	#HomeGroupHeadingWrapper h2 a {
		margin: 0px 10px 0px 0px;
		font-size: 22px;
	}

	#CommercialHeadingWrapper {
		height: 42px;
	}

	#CommercialHeadingWrapper h2 a {
		font-size: 26px;
		letter-spacing: 7px;
		margin: 0px 10px 0px 0px;
	}
}

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

	#HomeGroupHeadingWrapper {
		height: 6vw;
	}

	#HomeGroupHeadingWrapper h2 a {
		font-size: 4vw;
		letter-spacing: 6px;
		letter-spacing: 3px;
	}

	#CommercialHeadingWrapper {
		height: 38px;
	}

	#CommercialHeadingWrapper h2 a {
		font-size: 24px;
		margin: 0px 10px 0px 0px;
	}
}


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

	#CommercialHeadingWrapper {
		height: 34px;
	}

	#CommercialHeadingWrapper h2 a {
		font-size: 20px;
		letter-spacing: 5px;
		margin: 0px 10px 0px 0px;
	}
}

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

	#HomeGroupHeadingWrapper {
		height: 7vw;
	}

	#CommercialHeadingWrapper {
		height: 30px;
	}

	#CommercialHeadingWrapper h2 a {
		font-size: 18px;
		letter-spacing: 4px;
		margin: 0px 10px 0px 0px;
	}
}
