/* Copyright (c) 2009 - 2025 SWG Media - All Rights Reserved */

body {background-color:#434343;
	margin:0px;
	padding:0px;
	font-family:'futura-pt', 'Sans-Serif';
	background-size:fill;}
	
	@media only screen and (min-width: 650px) {
		#homebody {background:url(images/homebg.jpg) no-repeat center top fixed #434343;
			background-size:cover;}
	
		#aboutbody {background:url(images/aboutbg.jpg) no-repeat center top fixed #434343;
			background-size:cover;}
		
		#sprbody {background:url(images/clients/sunrise_park_resort_background.jpg) no-repeat center top fixed #434343;
			background-size:cover;}
		
		#realestatebody {background:url(images/clients/real_estate_background.jpg) no-repeat center top fixed #434343;
			background-size:cover;}
	}
	@media only screen and (max-width: 649px) {
		#homebody {background:url(images/homebg_m.jpg) no-repeat center top fixed #434343;
			background-size:contain;}
	
		#aboutbody {background:url(images/aboutbg_m.jpg) no-repeat center top fixed #434343;
			background-size:contain;}
		
		#sprbody {background:url(images/clients/sunrise_park_resort_background_m.jpg) no-repeat center top fixed #434343;
			background-size:contain;}
		
		#realestatebody {background:url(images/clients/real_estate_background_m.jpg) no-repeat center top fixed #434343;
			background-size:contain;}
	}

img {border:none;}

header, section, nav, p, h1, h2, h3, h4 {margin:0px;
	padding:0px;}
	
h1 {text-align:left;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:30pt;
	line-height:50px;
	font-weight:demi;
	margin:10px 0 15px 0;}
	
h2 {text-align:center;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:18pt;
	line-height:28px;
	font-weight:noraml;
	margin:10px 0 12px 0;}
	
h3 {text-align:left;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:25pt;
	line-height:40px;
	font-weight:normal;
	margin:10px 0 10px 0;}
	
h4 {text-align:left;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:20pt;
	line-height:35px;
	font-weight:normal;
	margin:12px 0;}
	
h5 {text-align:center;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:16pt;
	line-height:26px;
	font-weight:noraml;
	margin:5px 0 8px 0;}
	
sup {font-size:8pt;
	height: 0px;
	line-height: 1px;
	vertical-align: baseline;
	position: relative;
	bottom:6px;}
	
.wrapper {width:97%;
	max-width:1100px;
	margin:0px auto;
	padding:0px 5px;}
			
	.padding {width:100%;
		padding:30px 0;
		overflow:hidden;}
		
	.toppadding {width:100%;
		padding:30px 0 0 0;
		overflow:hidden;}
		
	.bottompadding {width:100%;
		padding:0 0 30px 0;
		overflow:hidden;}
		
	.smallpadding {width:100%;
		padding:10px 0;
		overflow:hidden;}
		
	.pagebg {width:100%;
		position:relative;
		z-index:5;
		margin:0;
		padding:0;
		overflow:hidden;
		font-size:14pt;
		line-height:22pt;
		background-color:#fff;}
		
		.lightbg {background-color:#eee;}
		
	.homeaboutspace {width:100%;
		height:190px;
		position:relative;
		z-index:5;
		margin:0;
		padding:0;}
		
		.pagebg h1 {color:#333;}
		
		#topnavbg {width:100%;
			height:74px;
			position:fixed;
			background-color:rgba(255,255,255,.9);
			overflow:visible;
			z-index:100;}
		
		@media only screen and (min-width: 650px) {
			#hometopspace {width:100%;
				height:580px;}
		}
		@media only screen and (min-width: 530px) and (max-width: 649px) {		
			#hometopspace {width:100%;
				height:530px;}
		}
		@media only screen and (min-width: 420px) and (max-width: 529px) {		
			#hometopspace {width:100%;
				height:450px;}
		}
		@media only screen and (max-width: 419px) {		
			#hometopspace {width:100%;
				height:400px;}
		}
			
		#topspace {width:100%;
			height:90px;
			background-color:#fff;}
			
		#toplogo {width:70%;
			max-width:220px;
			margin:0;
			padding:0;
			position:relative;
			z-index:100;
			float:left;
			text-align:left;}
			#toplogo img {width:98%;
				float:left;
				margin:1%;}
			
			#topnav {height:40px;
				float:right;
				margin:20px 0 0 0;
				padding: 0;
				text-align:right;
				font-size:17pt;}
				
				#topnav a {color:#333;
					text-decoration:none;
					margin:0px;
					padding:2px 15px;
					margin:0px;}
					#nav > ul a:hover {color:#fff;
						background-color:#a00000;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;}
					#nav > ul a:active {color:#fff;
						text-decoration:none;
						background-color:#333;}
						
			/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {width:65px;
					top: 0;
					right:0px;
					margin: 0;
					position: relative;
					float:right;
					z-index:100;
					font-size:18pt;}

					#nav > a {display: none;
						text-decoration:none;
						width:50px;
						height:24px;
						padding:15px 0;
						position: relative;}
						#nav > a > img {width:35px;}

					#nav li {position: relative;
						list-style:none;}
						#nav li a {display: block;}

					#nav span:after {width: 0;
						height: 0;
						content: '';
						vertical-align: middle;
						display: inline-block;
						position: relative;
						right: -5px;}

					/* first level */

					#nav > ul {width:180px;
						height: auto;
						display: none;
						position: absolute;
						right: 0;
						top:40px;
						list-style:none;
						background-color:rgba(255,255,255,.9);
						padding:0px;
						border:1px solid #900;}
						#nav:target > ul {display: block;}
						#nav > ul > li {height: 100%;
							width: 100%;
							float: none;}
							#nav > ul > li > a {height: 100%;
								text-decoration:none;
								padding:13px 15px 9px 15px;
								text-align: left;}
								#nav > ul > li:not( :last-child ) > a
									{border-right: none;
									border-bottom: 1px solid #900;}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
					{display: block;}
		
				
		#homeabout {width:86%;
			max-width:650px;
			background-image: linear-gradient(135deg, #a00000, #e50000);
			color:#fff;
			padding:0 2% 2% 2%;
			margin:0;
			left: 50%;
			transform: translate(-50%, -40%);
			-ms-transform: translate(-50%, -40%);
			-webkit-transform: translate(-50%, -40%);
			-moz-transform: translate(-50%, -40%);
			-o-transform: translate(-50%, -40%);
			box-shadow: 7px 7px 20px rgba(0,0,0,.4);
			position:absolute;
			z-index:10;}
			
			#homeabout p {font-size:14pt;
				line-height:22pt;
				margin:0 0 20px 0;}
			
			#homeabout a {display:block;
				width:180px;
				border:#fff solid 2px;
				color:#fff !important;
				text-decoration:none;
				font-weight:bold;
				text-align:center;
				padding:6px 0;
				margin:0 0 10px 0;}
				#homeabout a:hover {color:#333 !important;
					background-color:#fff;
					text-decoration:none;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;}
				#homeabout a:active {color:#ccc;
					text-decoration:underline;}
		
			
		@media only screen and (min-width: 625px) {
			.halves:nth-of-type(2n+1) {width:49%;
				float:left;
				margin:1% 1% 1% 0;
				padding:0;}
				
			.halves:nth-of-type(2n+2) {width:49%;
				float:left;
				margin:1% 0 1% 1%;
				padding:0;}
				
			.casestudyhalves:nth-of-type(2n+1) {width:44%;
				float:left;
				margin:1% 1% 1% 0;
				padding: 25px 2%;
				background-color:#eee;}
				
			.casestudyhalves:nth-of-type(2n+2) {width:44%;
				float:left;
				margin:1% 0 1% 1%;
				padding: 2% 2%;
				background-color:#eee;}
				
			.thirds, .twothirds {width:48%;
				float:left;
				padding:0;
				margin:1%;}
				
			.homethirds, .servicesthirds {width:46%;
				max-width:350px;
				float:left;
				padding:1%;
				margin:1%;
				background-color:#eee;}
			
			.fourths {width:23%;
				float:left;
				padding:0 1%;
				margin:0;}
				
			.homefourths {width:29%;
				float:left;
				padding:0 1%;
				margin:1%;
				background-color:#eee;}
				.homefourths h3 {font-size:14pt;
					line-height:20pt;
					padding:0;
					text-align:center;}
				.homefourths img {width:100%;
					margin:10px 0;}
				.homefourths:hover {background-color:#ccc;
					box-shadow: 5px 5px 15px rgba(0,0,0,.3);
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;}
		}	
		@media only screen and (max-width: 624px) {
			.halves {width:96%;
				float:left;
				margin:20px 2%;
				padding:0;}
				
			.casestudyhalves {width:94%;
				float:left;
				margin:1%;
				padding: 25px 2%;
				background-color:#eee;}
				
			.thirds, .twothirds {width:98%;
				float:left;
				padding:0;
				margin:1%;}
				
			.homethirds, .servicesthirds {width:96%;
				max-width:350px;
				padding:1%;
				margin:15px auto;
				background-color:#eee;}
			
			.fourths {width:48%;
				float:left;
				padding:0 1%;
				margin:0;}
				
			.homefourths {width:46%;
				float:left;
				padding:0 1%;
				margin:1%;
				background-color:#eee;}
				.homefourths h3 {font-size:14pt;
					line-height:20pt;
					padding:0;
					text-align:center;}
				.homefourths img {width:100%;
					margin:10px 0;}
				.homefourths:hover {background-color:#ccc;
					box-shadow: 5px 5px 15px rgba(0,0,0,.3);
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;}
		}
			
			.homethirds:hover {background-color:#ccc;
				box-shadow: 5px 5px 15px rgba(0,0,0,.3);
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
			.homethirds p, .servicesthirds p {font-size:14pt;
				line-height:20pt;
				padding:30px 0 25px 40px;}
			.homethirds img, .servicesthirds img {width:100%;
				margin:10px 0;}
				
			.fourths h1 {margin:0 0 5px 0;}
				
			.halves img, .thirds img, .fourths img, .casestudyhalves img {width:96.2%;
				box-shadow: 4px 4px 12px rgba(0,0,0,.3);
				margin:0 2.5% 0 1.3%;}
				
				.halves a, .thirds a, .homethirds a, .fourths a, .servicesthirds a {color:#333;
					text-decoration:none;}
				.halves a:hover, .thirds a:hover, .homethirds a:hover, .fourths a:hover, .servicesthirds a:hover {color:#a00000;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;}
				.halves a:active, .thirds a:active, .homethirds a:active, .fourths a:active, .servicesthirds a:active {text-decoration:underline;}

			
		.recentworkline, .aboutusline {background-color:#a00000;}
					
		.recentwork, .aboutus {float:left;
			background-color:#eee;}
			
			.recentwork img, .aboutus img {box-shadow: 5px 5px 15px rgba(0,0,0,.5);}
			.recentwork p, .aboutus p {font-size:14pt;
				line-height:22pt;}
				
			.recentwork a {color:#232323;
				text-decoration:none;}
				.recentwork a:hover {color:#a00000;}
				.recentwork a:active {text-decoration:underline;}
				
		@media only screen and (min-width: 800px) {
			.recentworkline, .aboutusline {width:100%;
				float:left;
				margin:60px 0;}
			
			.recentworkmobile:nth-of-type(2n+1) > .recentworkline > .recentwork > img, .aboutusmobile:nth-of-type(2n+1) > .aboutusline > .aboutus > img {
				margin:-30px 0 -30px 20px;
				float:right;}
			.recentworkmobile:nth-of-type(2n+2) > .recentworkline > .recentwork > img, .aboutusmobile:nth-of-type(2n+2) > .aboutusline > .aboutus > img {
				margin:-30px 20px -30px 0;
				float:left;}
			
			.recentworkmobile:nth-of-type(2n+1) > .recentworkline > .recentwork, .aboutusmobile:nth-of-type(2n+1) > .aboutusline > .aboutus {
				margin:0 0 0 2%;}
			.recentworkmobile:nth-of-type(2n+2) > .recentworkline > .recentwork, .aboutusmobile:nth-of-type(2n+2) > .aboutusline > .aboutus {
				margin:0 2% 0 0;}
			
			.recentwork, .aboutus {width:92%;
				padding:3%;}			
			.recentwork img {width:55%;}
			
			
			.mobileabout {display:none;}
			.aboutus img {width:50%;}
		}
		@media only screen and (max-width: 799px) {
			.recentworkmobile, .aboutusmobile {width:100%;
				max-width:500px;
				margin:0 auto;}
			.recentworkline, .aboutusline {width:76%;
				float:left;
				margin:30px 12%;}
			
			.recentworkline > .recentwork > img, .aboutusline > .aboutus > img {margin:25px -13% 30px -13%;
				float:right;}
			
			.recentworkline > .recentwork, .aboutusline > .aboutus {margin:20px 0 0 0;}
			
			.recentwork, .aboutus {width:94%;
				padding:3%;}
			.recentwork img, .aboutus img {width:126%;}
			
			.desktopabout {display:none;}
		}
			
				
		.servicessubhead {text-align:center;
			font-family:'futura-pt', 'Sans-Serif';
			font-size:16pt;
			line-height:30px;
			font-weight:bold;
			margin:12px 0;
			color:#a00000;}
			
		.realestatetablebg {width:92%;
			max-width:760px;
			margin:0 auto;
			padding:2%;
			background-color:#eee;}
			
		.realestatetable {width:100%;
			border-collapse: collapse;}
			.realestatetable tr:first-of-type td {border-bottom:2px solid #666;}
			.realestatetable tr:nth-of-type(2n+2) {background-color:#fff;}
			.realestatetable tr:nth-of-type(n+2) td:first-of-type {border-right:2px solid #666;
				text-align:right;}
			.realestatetable td {padding:3px 10px;}
				
		.morelink {display:block;
			width:60%;
			max-width:250px;
			border:#a00000 solid 2px;
			color:#a00000 !important;
			text-decoration:none;
			font-weight:bold;
			text-align:center;
			padding:6px 15px;
			margin:15px auto 0 auto;}
			.morelink:hover {color:#fff !important;
				background-color:#a00000;
				text-decoration:none;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
			.morelink:active {color:#fff;
				background-color:#333;
				border:#333 solid 2px;}
		
		.casestudylink {display:inline-block;
			border:#a00000 solid 2px;
			color:#a00000 !important;
			text-decoration:none;
			padding:0px 15px;
			margin:15px 0 0 0;}
			.casestudylink:hover {color:#fff !important;
				background-color:#a00000;
				text-decoration:none;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
			.casestudylink:active {color:#fff;
				background-color:#333;
				border:#333 solid 2px;}
			
	#bottom {width:100%;
		float:left;
		text-align:center;
		color:#fff;
		background-image: linear-gradient(0deg, #434343, #232323);}
		
		#bottom a, #bottomcontact a {color:#fff;
			text-decoration:none;
			padding:5px;}
			#bottom a:hover, #bottomcontact a:hover {color:#ddd;
				text-decoration:underline;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
				
		#bottomcontact {width:65%;
			max-width:400px;
			background-image: linear-gradient(135deg, #a00000, #e50000);
			color:#fff;
			padding:0 2% 2% 2%;
			margin:0;
			left: 50%;
			transform: translate(-50%, -40%);
			-ms-transform: translate(-50%, -40%);
			-webkit-transform: translate(-50%, -40%);
			-moz-transform: translate(-50%, -40%);
			-o-transform: translate(-50%, -40%);
			box-shadow: 7px 7px 20px rgba(0,0,0,.4);
			position:absolute;
			z-index:10;}
			#bottomcontact img {width:25px;
				margin:15px 5px 0 0;
				text-align:center;}
				#bottomcontact img:hover {opacity: 0.75;
					filter: alpha(opacity=75);
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;}
			#bottomcontact p {font-size:14pt;
				margin:0 0 10px 0;
				text-align:center;}
			
			.bottomcontactspace {width:100%;
				height:130px;
				position:relative;
				z-index:5;
				margin:0;
				padding:0;}
		
		#swg {width:100%;
			float:left;
			text-align:center;
			margin:10px 0;
			font-size:11pt;}
			#swg a {margin:0 0 0 15px;
				font-size:10pt;
				margin:0;}
			#swg img {width:300px;
				margin:40px 0;
				align:right;}