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

body {background-color:#434343;
	margin:0px;
	padding:0px;
	font-family:'futura-pt', 'Sans-Serif';}
	
	#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;}

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:600;
	margin:10px 0 20px 0;}
	
h2 {text-align:center;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:18pt;
	line-height:28px;
	font-weight:noraml;
	margin:10px 0 15px 0;}
	
h3 {text-align:left;
	font-family:'futura-pt', 'Sans-Serif';
	font-size:25pt;
	line-height:40px;
	font-weight:normal;
	margin:12px 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:50px 0;
		overflow:hidden;}
		
	.toppadding {width:100%;
		padding:50px 0 0 0;
		overflow:hidden;}
		
	.bottompadding {width:100%;
		padding:0 0 50px 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:24pt;
		background-color:#fff;}
		
		.lightbg {background-color:#eee;}
		
	.homeaboutspace {width:100%;
		height:180px;
		position:relative;
		z-index:5;
		margin:0;
		padding:0;}
		
		.pagebg h1 {color:#333;}
		
		#topnavbg {width:100%;
			height:100px;
			position:fixed;
			background-color:rgba(255,255,255,.85);
			overflow:visible;
			z-index:100;}
		
		@media only screen and (min-width: 1400px) {
			#hometopspace {width:100%;
				height:680px;}
		}
		@media only screen and (min-width: 1200px) and (max-width: 1399px) {		
			#hometopspace {width:100%;
				height:620px;}
		}
		@media only screen and (max-width: 1199px) {		
			#hometopspace {width:100%;
				height:580px;}
		}
		
		#topspace {width:100%;
			height:100px;
			background-color:#fff;}
			
		#toplogo {width:294px;
			height:100px;
			margin:0;
			padding:0;
			position:relative;
			z-index:100;
			float:left;
			text-align:left;}
			#toplogo img {width:96%;
				float:left;
				margin:2%;}
			
			#topnav {height:40px;
				float:right;
				margin:20px 0 0 0;
				padding: 0;
				text-align:right;
				font-size:16pt;}
				
				#topnav a {color:#333;
					text-decoration:none;
					margin:0px 5px;
					padding:2px 13px;
					border:2px solid rgba(255,255,255,0);}
					#topnav a:hover {color:#333;
						border:2px solid #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;}
					#topnav a:active {color:#fff;
						text-decoration:none;
						background-color:#333;
						border:2px solid #333;}
						
			/** Dropdown Menu. Code from http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly **/
				#nav {top: 0px;
					right:0px;
					text-align:right;}

					#nav > a {display: none;}

					#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: -0.313em; }

					/* first level */

					#nav > ul {height: 100%;}
						#nav > ul > li {height: 100%;
							float: left;}
							
		#homeabout {width:96%;
			max-width:650px;
			background-image: linear-gradient(135deg, #a00000, #e50000);
			color:#fff;
			padding:0 2% 2% 2%;
			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:15pt;
				line-height:24pt;
				margin:0 0 30px 0;}
			
			#homeabout a {display:block;
				width:180px;
				border:#fff solid 2px;
				color:#fff !important;
				text-decoration:none;
				font-weight:600;
				text-align:center;
				padding:6px 0;
				margin: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;}
			
		.halves:nth-of-type(2n+1) {width:49%;
			float:left;
			margin:0 1% 0 0;
			padding:0;}
			
		.halves:nth-of-type(2n+2) {width:49%;
			float:left;
			margin:0 0 0 1%;
			padding:0;}
			
		.casestudyhalves:nth-of-type(2n+1) {width:47%;
			float:left;
			margin:0 1% 0 0;
			padding: 2% 1%;
			background-color:#eee;}
			
		.casestudyhalves:nth-of-type(2n+2) {width:47%;
			float:left;
			margin:0 0 0 1%;
			padding: 2% 1%;
			background-color:#eee;}
			
		.thirds {width:31.3%;
			float:left;
			padding:0;
			margin:1%;}
			
		.twothirds {width:64.6%;
			float:left;
			padding:0;
			margin:1%;}
		
		.homethirds, .servicesthirds {width:29.3%;
			float:left;
			padding:1%;
			margin:1%;
			background-color:#eee;}
			.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:20px 0 20px 40px;}
			.homethirds img, .servicesthirds img {width:100%;
				margin:10px 0;}
			
		.fourths {width:23%;
			float:left;
			padding:0 1%;
			margin:0;}
			.fourths h1 {margin:0 0 5px 0;}
				
		.homefourths {width:21%;
			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;}
			
			.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;}
				
		.morelink {display:block;
			width:30%;
			max-width:250px;
			border:#a00000 solid 2px;
			color:#a00000 !important;
			text-decoration:none;
			font-weight:600;
			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;}
			
		.recentworkline {width:100%;
			float:left;
			background-color:#a00000;
			margin:80px 0;}
					
		.recentwork {width:93%;
			float:left;
			background-color:#eee;
			padding:2%;}
			.recentworkmobile:nth-of-type(2n+1) > .recentworkline > .recentwork {margin:0 0 0 3%;}
			.recentworkmobile:nth-of-type(2n+2) > .recentworkline > .recentwork {margin:0 3% 0 0;}
			
			.recentwork img {width:50%;
				box-shadow: 5px 5px 15px rgba(0,0,0,.5);}
				.recentworkmobile:nth-of-type(2n+1) > .recentworkline > .recentwork > img {margin:-60px 0 -60px 20px;
					float:right;}
				.recentworkmobile:nth-of-type(2n+2) > .recentworkline > .recentwork > img {margin:-60px 20px -60px 0;
					float:left;}
			.recentwork p {font-size:14pt;
				line-height:24pt;}
				
			.recentwork a {color:#232323;
				text-decoration:none;}
				.recentwork a:hover {color:#a00000;}
				.recentwork a:active {text-decoration:underline;}
				

		.mobileabout {display:none;}
				
		.aboutusline {width:100%;
			float:left;
			background-color:#a00000;
			margin:80px 0;}
					
		.aboutus {width:93%;
			float:left;
			background-color:#eee;
			padding:2%;}
			.aboutusmobile:nth-of-type(2n+1) > .aboutusline > .aboutus {margin:0 0 0 3%;}
			.aboutusmobile:nth-of-type(2n+2) > .aboutusline > .aboutus {margin:0 3% 0 0;}
			
			.aboutus img {width:35%;
				box-shadow: 5px 5px 15px rgba(0,0,0,.5);}
				.aboutusmobile:nth-of-type(2n+1) > .aboutusline > .aboutus > img {margin:-60px 0 -60px 20px;
					float:right;}
				.aboutusmobile:nth-of-type(2n+2) > .aboutusline > .aboutus > img {margin:-60px 20px -60px 0;
					float:left;}
			.aboutus p {font-size:14pt;
				line-height:24pt;}
				
		.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;}
		
		.realestateproducttable {width:100%;
			border-collapse: collapse;}
			.realestateproducttable tr:nth-of-type(2n+2) {background-color:#eee;}
			
	#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:46%;
			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:15pt;
				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;}