body, html{
	margin:0;
	padding:0;
	position:relative;
	font-family:'Source Sans Pro', sans-serif, Arial, Helvetica;
	font-size:16px;
	font-weight:400;
	color:#43525A;
	background:#FFFFFF;
	}
body img{
	border:none;
	}
.light_blue_bg{
	color:#FFFFFF;
	background:#0BA9B5;
	}
.dark_blue_bg{
	color:#FFFFFF;
	background:#098D98;
	}
.grey_bg{
	background:#F4F4F4;
	}
.white_bg{
	background:#FFFFFF;
	}
.charcoal_bg{
	color:#FFFFFF;
	background:#4C4D4F;
	}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ul, li{
	margin:0;
	padding:0;
	}
h1{
	margin:0 auto 0 auto;
	padding:15px 0 20px 0;
	width:92%;
	max-width:1200px;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-weight:700;
	}
h2{
	margin:0 0 5px 0;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-weight:700;
	font-size:20px;
	color:#4C4D4F;
	}
.dark_blue_bg h2{color: #fff;}
h3{
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-weight:400;
	font-size:18px;
	color:#0BA9B5;
	}
h4{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-weight:400;
	color:#0BA9B5;
	border-bottom:2px dotted #48545B;
	}
p{
	margin:0 0 25px 0;
	}
a{
	text-decoration:none;
	color:#098D98;
	}
a:hover{
	color:#0BA9B5;
	}
a:focus{
	outline:none;
	}
.dark_blue_bg a{color: #fff;}
ul{
	margin:0 0 25px 0;
	}
li{
	list-style:none;
	}
table, tr, td{
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
@media screen and (max-width: 720px){
	h1{
		padding:10px 0 13px 0;
		font-size:25px;
		}
	}
@media screen and (max-width: 480px){
	h1{
		padding:8px 0 10px 0;
		font-size:22px;
		}
	h3{
		font-size:16px;
		}
	p, ul{
		margin:0 0 15px 0;
		}
	}
	
/*---------------WRAPPER--------------*/
#wrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	}
#page{
	position:relative;
	width:100%;
	height:100%;
	
	-webkit-transition:margin 300ms ease;
	-moz-transition:margin 300ms ease;
	-o-transition:margin 300ms ease;
	transition:margin 300ms ease;
	}
#nav_close{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	}
@media screen and (max-width: 960px){
	.show_nav #page{
		margin:0 0 0 200px;
		}
	.show_nav #nav_close{
		display:block;
		}
	}
	
/*---------------TOP--------------*/
#top{
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
	width:92%;
	max-width:1200px;
	height:58px;
	}
#top .logo{
	margin:0 0 0 -72px;
	display:none;
	position:absolute;
	top:3px;
	left:50%;
	height:52px;
	}
#top .facebook{
	position:absolute;
	top:14px;
	right:0;
	width:29px;
	height:29px;
	z-index:50;
	}
#grey_strip{
	width:100%;
	height:11px;
	background:#E5E5E5;
	}
#nav_toggle{
	position:absolute;
	display:none;
	top:4px;
	left:-10px;
	width:50px;
	height:50px;
	z-index:1500;
	cursor:pointer;
	background:url(../images/nav_toggle_bg.png) center center no-repeat;
	}
@media screen and (max-width: 960px){
	#grey_strip{
		height:8px;
		}
	#nav_toggle{
		display:block;
		}
	}
@media screen and (max-width: 720px){
	#top .logo{
		display:block;
		}
	}
	
/*---------------NAV--------------*/
#nav{
	margin:-69px auto 0 auto;
	position:relative;
	width:92%;
	max-width:1200px;
	height:69px;
	}
#nav ul{
	margin:0 0 0 -12px;
	overflow:auto;
	}
#nav li{
	margin:0 0 0 12px;
	float:left;
	border-bottom:11px solid #E5E5E5;
	}
#nav li.current{
	border-bottom:11px solid #0BA9B5;
	}
#nav li a{
	margin:0 0 0 -12px;
	padding:18px 12px 0 12px;
	display:block;
	height:40px;
	color:#4C4D4F;
	background:url(../images/nav_bg.png) right center no-repeat;
	}
#nav li a.last{
	background:none;
	}
#nav li a:hover, #nav li.current a{
	color:#098C97;
	}
@media screen and (max-width: 960px){
	#nav{
		margin:0;
		height:auto;
		position:absolute;
		top:0;
		left:-200px;
		width:200px;
		height:100%;
		background:#4C4D4F;
		}
	#nav ul{
		margin:0;
		padding:30px 0 0 0;
		position:fixed;
		width:200px;
		}
	#nav li{
		margin:0 20px 0 0;
		float:none;
		border-bottom:none;
		}
	#nav li.current{
		border-bottom:8px solid #0BA9B5;
		}
	#nav li a{
		margin:0 -20px 0 0;
		padding:15px 15px 15px 15px;
		height:auto;
		color:#FFFFFF;
		background:none;
		}
	#nav li a:hover{
		color:#E5E5E5;
		}
	#nav li.current a{
		margin:0 -20px -8px 0;
		padding:15px 15px 15px 15px;
		color:#0BA9B5;
		}
	}
	
/*---------------HEADER--------------*/
#header{
	margin:0;
	padding:0;
	position:relative;
	max-height:290px;
	overflow:hidden;
	}
#banner{
	display:block;
	width:100%;
	}
#h_content_bg{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
#h_content{
	margin:0 auto 0 auto;
	position:relative;
	width:92%;
	max-width:1200px;
	height:100%;
	}
#logo{
	padding:45px 45px 25px 30px;
	position:absolute;
	top:0;
	left:0;
	background:#FFFFFF;
	background:rgba(255,255,255,0.90);
	}
#slogan{
	margin:0;
	padding:90px 0 0 10px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:280px;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	line-height:100%;
	color:#FFFFFF;
	background:rgba(0,0,0,0.6);
	}
#quicklinks_bg{
	position:absolute;
	bottom:32px;
	width:100%;
	background:#0BA9B5;
	}
#quicklinks{
	margin:0 auto 0 auto;
	width:92%;
	max-width:1200px;
	height:182px;
	overflow:auto;
	}
#quicklinks .left{
	width:48%;
	float:left;
	color:#FFFFFF;
	overflow:auto;
	background:url(../images/quicklink_house_land.png) left 28px no-repeat;
	}
#quicklinks .right{
	width:48%;
	float:right;
	color:#FFFFFF;
	overflow:auto;
	background:url(../images/quicklink_house_plans.png) left 28px no-repeat;
	}
#quicklinks .details{
	padding:27px 0 0 140px;
	float:left;
	}
#quicklinks a{
	display:inline-block;
	color:#43525A;
	}
#quicklinks a:hover{
	color:#E5E5E5;
	}
#quicklinks h3{
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-size:20px;
	text-transform:uppercase;
	color:#FFFFFF;
	border-bottom:2px dotted #FFFFFF;
	}
#header.home{
	margin:0;
	padding:0;
	position:relative;
	max-height:505px;
	}
.home #banner{
	}
.home #slogan{
	padding:95px 0 0 10px;
	bottom:32px;
	}
@media screen and (max-width: 960px){
	#h_content{
		width:100%;
		}
	#slogan{
		display:none;
		}
	.home #slogan{
		padding:12px 4% 12px 4%;
		display:block;
		top:auto;
		bottom:0;
		right:auto;
		width:92%;
		font-size:35px;
		}
	#slogan br{
		display:none;
		}
	#quicklinks{
		display:none;
		}
	}
@media screen and (max-width: 720px){
	#logo{
		display:none;
		}
	#slogan{
		display:none;
		}
	.home #slogan{
		display:block;
		font-size:25px;
		}
	}
@media screen and (max-width: 480px){
	#slogan, .home #slogan{
		font-size:20px;
		}
	}
	
/*---------------CONTENT--------------*/
#home_content{
	margin:0 auto 0 auto;
	padding:90px 0 65px 0;
	width:92%;
	max-width:1200px;
	overflow:auto;
	}
#content_left{
	margin:0;
	padding:0 308px 0 0;
	max-width:720px;
	float:left;
	}
.intro{
	font-family:'Montserrat', sans-serif, Arial, Helvetica;
	font-size:34px;
	font-weight:800;
	line-height:110%;
	}
.content{
	margin:0 auto 0 auto;
	padding:60px 0 35px 0;
	width:92%;
	max-width:1200px;
	}
.content li, .package li{
	padding:0 0 0 15px;
	background:url(../images/bullet.png) 2px 11px no-repeat;
	}
.content .left_half{
	width:48%;
	float:left;
	}
.content .right_half{
	width:48%;
	float:right;
	}
.content img{
	margin:0 0 25px 0;
	display:block;
	max-width:100%;
	}
#testimonials_link{
	margin:0 0 25px 0;
	padding:12px 15px 12px 15px;
	font-style:italic;
	background:#F2F3F3;
	}
#testimonials_link p{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:2px dotted #4C4D4F;
	}
#testimonials_link a{
	font-size:20px;
	font-weight:700;
	font-style:normal;
	color:#0BA9B5;
	}
#testimonials_link a:hover{
	color:#43525A;
	}
#shortcuts{
	margin:0 0 -2.2% -1.1%;
	padding:0 0 25px 0;
	width:102.2%;
	overflow:auto;
	}
.shortcut{
	margin:0 1.1% 2.1% 1.1%;
    position: relative;
	width:22.8%;
	float:left;
	background:#FFFFFF;
	}
.shortcut .label{
    margin: 0;
    padding: 2px 6px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #fff;
    background: #df0404;
}
.shortcut .details{
	padding:10px;
	position:relative;
	color:#4C4D4F;
	}
.shortcut h3{
	color:#3C4A51;
	}
.shortcut a{
	padding:5px 30px 5px 10px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	color:#FFFFFF;
	background:#3C4A51;
	}
.shortcut img{
	margin:0;
	display:block;
	width:100%;
	max-width:280px;
	}
.package{
	margin:0 auto 0 auto;
	padding:60px 0 35px 0;
	width:92%;
	max-width:1200px;
	overflow:auto;
	}
.package img{
	margin:0 0 25px 0;
	display:block;
	width:48.8%;
	float:right;
	}
.package .details{
	width:48.8%;
	float:left;
	overflow:auto;
	}
.package .blue{
	margin:0;
	}
.package h2{
	font-size:34px;
	}
.package h3{
	font-size:20px;
	font-weight:700;
	}
.package .label{
    margin: 0 0 5px 0;
    padding: 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #df0404;
}
.package p{
	font-size:20px;
	font-weight:300;
	}
.package p.normal{
	font-size:16px;
	font-weight:400;
	}
.package .download{
	margin:0 0 15px 0;
	padding:15px;
	display:block;
	color:#FFFFFF;
	background:url(../images/download_arrow.png) right 7px no-repeat #0BA9B5;
	}
.package .enquire{
	margin:0 0 15px 0;
	padding:15px;
	display:block;
	color:#FFFFFF;
	background:url(../images/email_icon.png) right 14px no-repeat #0BA9B5;
	}
.package .download:hover, .package .enquire:hover{
	color:#E5E5E5;
	}
.package .logo{
	width:auto;
	max-width:100%;
	float:left;
	}
.package .bottom{
	clear:both;
	overflow:auto;
	}
.package .left{
	width:48.8%;
	float:left;
	}
.package .right{
	width:48.8%;
	float:right;
	}
.package table{
	margin:0 0 25px 0;
	width:100%;
	}
.package td{
	width:50%;
	}
.pacakge .align_right{
	text-align:right;
	}
.plans{
	margin:0 0 0 -1.1%;
	padding:0 0 25px 0;
	width:102.2%;
	overflow:auto;
	}
.plan{
	margin:0 1.1% 2.2% 1.1%;
	width:22.8%;
	display:block;
	float:left;
	}
.plan .image{
	position:relative;
	width:100%;
	overflow:auto;
	}
.plan img{
	margin:0;
	display:block;
	width:62.6%;
	float:left;
	}
.plan .arrow{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:37.4%;
	background:url(../images/download_arrow_blue.png) center center no-repeat #D9D9D9;
	}
.plan .details{
	padding:10px;
	overflow:auto;
	color:#FFFFFF;
	background:#0BA9B5;
	}
.plan h3{
	float:left;
	font-weight:400;
	color:#FFFFFF;
	}
.plan span{
	padding:0 0 0 5px;
	float:right;
	font-size:20px;
	}
.dream_home{
	margin:0 auto 0 auto;
	padding:15px 0 15px 0;
	width:92%;
	max-width:1200px;
	font-size:32px;
	font-weight:700;
	}
.dream_home a{
	font-size:19px;
	font-weight:400;
	color:#0BA9B5;
	}
.dream_home a:hover{
	color:#E5E5E5;
	}
#map{
	margin:0 0 25px 0;
	height:320px;
	}
.team_member{
	padding:0 0 0 90px;
	overflow:auto;
	}
.team_member img{
	margin:4px 0 25px -90px;
	float:left;
	}
.content .floatleft{
	margin:4px 10px 10px 0;
	float:left;
	}
.awards{
	margin:0 0 -2.2% -1.1%;
	width:102.2%;
	overflow:auto;
	}
.special_award{
	margin:0 1.1% 2.2% 1.1%;
	width:97.8%;
	overflow:auto;
	}
.special_award img{
	margin:0 20px 0 0;
	float:left;
	}
.special_award .details{
	padding:0 0 0 180px;
	}
.award{
	margin:0 1.1% 2.2% 1.1%;
	width:31.13%;
	height:150px;
	float:left;
	}
.award h2, .special_award h2{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:400;
	color:#0BA9B5;
	border-bottom:2px dotted #48545B;
	}
.person{
	margin:-20px 0 25px 0;
	font-style:italic;
	color:#0BA9B5;
	}
.gallery{
	margin:0 -2.2% -2.2% 0;
	padding:0 0 25px 0;
	width:102.2%;
	overflow:auto;
	}
.gallery img{
	margin:0 2.2% 2.2% 0;
	width:22.8%;
	float:left;
	}
.logos{
	margin:0 -2.8% -2.8% 0;
	padding:0 0 25px 0;
	width:102.8%;
	overflow:auto;
	}
.logos img{
	margin:0 2.712% 2.712% 0;
	width:47.288%;
	float:left;
	}
.video_wrap{
	margin:0 auto 0 auto;
	max-width:800px;
	}
.video{
	margin:0 0 25px 0;
	padding:56% 0 0 0;
	position:relative;
	width:100%;
	height:0;
	}
.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
@media screen and (max-width: 960px){
	#home_content, .content, .package{
		padding:50px 0 25px 0;
		}
	#content_left{
		padding:0;
		max-width:none;
		float:none;
		}
	.plan{
		width:31.13%;
		}
	.dream_home a{
		display:block;
		}
	.award{
		width:47.8%;
		}
	}
@media screen and (max-width: 720px){
	#home_content, .content, .package{
		padding:30px 0 5px 0;
		}
	.intro{
		font-size:25px;
		}
	.content .left_half, .content .right_half{
		width:100%;
		float:none;
		}
	.shortcut{
		width:31.13%;
		}
	.package .details{
		width:100%;
		float:none;
		}
	.package img{
		margin:0 auto 25px auto;
		width:auto;
		max-width:100%;
		float:none;
		}
	.package .left{
		width:59%;
		}
	.package .right{
		width:39%;
		}
	.plan h3, .plan span{
		padding:0;
		font-size:18px;
		}
	.dream_home{
		font-size:26px;
		}
	.dream_home a{
		display:block;
		font-size:18px;
		}
	#map{
		height:250px;
		}
	.awards{
		margin:0 0 0 0;
		padding:0;
		width:100%;
		}
	.award{
		margin:0;
		width:100%;
		height:auto;
		}
	.gallery img{
		width:31.13%;
		}
	.logos{
		margin:0 -2.2% -2.2% 0;
		width:102.2%;
		}
	.logos img{
		margin:0 2.2% 2.2% 0;
		width:22.8%;
		}
	}
@media screen and (max-width: 638px){
	.plan{
		width:47.8%;
		}
	.plan h3, .plan span{
		float:none;
		}
	.logos img{
		width:47.8%;
		}
	}
@media screen and (max-width: 480px){
	.intro{
		font-size:22px;
		}
	.shortcut{
		width:47.8%;
		}
	.shortcut p{
		margin:0 0 25px 0;
		}
	.package a{
		margin:0 0 15px 0;
		}
	.content .floatleft{
		float:none;
		}
	.gallery img{
		width:47.8%;
		}
	.special_award img{
		margin:0 0 10px 0;
		float:none;
		}
	.special_award .hia{
		margin-left:-42px;
		}
	.speical_award .hia{
		margin:-30px;
		}
	.special_award .details{
		padding:0;
		}
	}
@media screen and (max-width: 405px){
	.plan img{
		width:100%;
		float:none;
		}
	.plan .arrow{
		top:auto;
		bottom:10px;
		right:10px;
		width:25px;
		height:25px;
		background:url(../images/download_arrow.png) left top no-repeat;
		background-size:35px,25px;
		}
	}
@media screen and (max-width: 350px){
	.package a{
		background:#0BA9B5;
		}
	}
	
/*---------------SIDEBAR--------------*/
#sidebar{
	margin:0 0 5px -280px;
	width:280px;
	float:right;
	}
.display_home{
	margin:0 0 25px 0;
	padding:10px 15px 15px 15px;
	display:block;
	color:#FFFFFF;
	background:#4C4D4F;
	}
.display_home:hover{
	color:#FFFFFF;
	}
.display_home h3{
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	font-size:30px;
	color:#FFFFFF;
	border-bottom:2px dotted #FFFFFF;
	}
.display_home ul{
	margin:0;
	}
.display_home li{
	margin:0 0 2px 0;
	}
.award_btn{
	margin:0 0 25px 0;
	padding:15px;
	display:block;
	overflow:auto;
	background:#0BA9B5;
	}
.award_btn h3{
	padding:2px 0 0 0;
	font-size:34px;
	line-height:110%;
	color:#FFFFFF;
	}
.award_btn img{
	margin:0 20px 0 0;
	width:80px;
	float:left;
	}
.media_btn{
	margin:0 0 25px 0;
	padding:15px 15px 15px 15px;
	display:block;
	position:relative;
	color:#FFFFFF;
	background:#4C4D4F;
	}
.media_btn:hover{
	color:#FFFFFF;
	}
.media_btn h3{
	font-size:25px;
	color:#FFFFFF;
	}
.media_btn span{
	position:absolute;
	top:-2px;
	right:15px;
	font-size:45px;
	}
@media screen and (max-width: 960px){
	#sidebar{
		margin:0 0 25px 0;
		width:100%;
		float:none;
		}
	}
@media screen and (max-width: 720px){
	.display_home h3{
		font-size:25px;
		}
	}
@media screen and (max-width: 480px){
	.display_home h3{
		font-size:18px;
		}
	}
	
/*---------------FOOTER--------------*/
#footer{
	margin:0 auto 0 auto;
	padding:20px 0 120px 0;
	width:92%;
	max-width:1200px;
	overflow:auto;
	}
#footer a{
	color:#FFFFFF;
	}
#footer a:hover{
	color:#E5E5E5;
	}
#footer .right{
	padding:8px 0 0 0;
	float:right;
	}
#footer .right p{
	margin:4px 0 0 0;
	float:left;
	}
#footer .right img{
	margin:0 0 0 10px;
	width:29px;
	height:29px;
	float:left;
	}
#copyright{
	margin:0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#copyright ul{
	margin:0;
	}
#copyright img{
	margin:0 0 2px 0;
	width:18px;
	height:auto;
	}
	
/*---------------CLASSES--------------*/
.clear{
	clear:both;
	}
.hidden{
	display:none;
	}
.blue{
	color:#0BA9B5;
	}
.bold{
	font-weight:700;
	}