html, body {
	height: 100%;
	width: 100%;	
}
body {
	background-color:#333;
	color:#000;
	font-family: 'freight-text-pro', Georgia, serif;
	letter-spacing: 1px;
	line-height:1.5em;
}
/*  General  */
.bottom_img {
	width:100%;
	height:auto;	
}
.blue_area {
	background-color: #30558c;
	padding: 100px 15px;
	color:#FFF;	
}
.blue_area .col-xs-12, .text_area .col-xs-12 {
	padding-left: 15px;
	padding-right: 15px;	
}

.blue_area .col-xs-12 h5 {
	max-width: 57em;
	margin: 1.2em auto;
}

#about .col-xs-12 {
	padding-left:15px;
	padding-right:15px;
}

#about .col-xs-12 h1{
	max-width: 21em;
	margin: 1em auto;
}

#about .col-xs-12 p{
	max-width: 57em;
	margin: 1.2em auto;
}

.blue_line {
	height:3px;
	display:block;
	width:170px;
	margin-top: 30px;
	background:#30558c;
	margin-left:auto;
	margin-right:auto;
}
.white_line {
	height:3px;
	display:block;
	width:170px;
	margin:10px auto 30px;
	background:#FFF;	
}
a.web_link h3 {
	color:#000;
	font-size:18px;
	font-weight:400;
	display:inline-block;
}
a.web_link:hover, a.web_link:focus {
	color:#666;	
}
a.black {
	display:inline-block;	
}
a.black:hover, a.black:focus {
	color:#666;
}
a.underline {
	text-decoration:underline;	
}
.btn {
    border: 3px solid #fff;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
	margin-right:10px;
	margin-top:15px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	font-size:20px;
	font-weight:400;
	font-family:'proxima-nova', Arial, sans-serif;	
}
.btn:hover, .btn:focus {
	color:#ccc;	
}

.safety-buttons {
	padding-top: 2em;
	text-align: center;
}

.safety-buttons .btn{
	border: 3px solid #30558c;
	color: #30558c;
}

.btn:hover, .btn:focus {
	background: #30558c;
	color: #fff;
}
/*  Typography  */
h2, h3, h4, h5, h6 {
	margin-top:5px;
	margin-bottom:5px;
	line-height:1.4em;	
}
h1 {
	font-family: 'freight-display-pro', Georgia, serif;
	font-weight: 400;
	font-size: 50px;
	text-align:center;
	margin-bottom:30px;
	margin-top: 30px;
}
h2 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom:30px;
}
h3 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing:1.5px;
}
h4 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-weight: 600;
	font-size: 70px;
	letter-spacing:2px;
	text-transform: uppercase;
}
h5 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-bottom:15px;
}
h6 {
	font-family: 'freight-text-pro', Georgia, serif;
	font-weight: 400;
	font-size: 32px;
}
p {
	font-family: 'freight-text-pro', Georgia, serif;
	font-weight: 400;
	font-size: 18px;
	line-height:1.4em;	
}
.white {
	color: #fff;	
}
.black {
	color: #000;	
}
.blue {
	color:#30558c;	
}
.italic {
	font-style: italic;	
}
/*  Links  */
a:focus {
	outline: none;	
}
a {
	color:#FFF;
}
a:hover, a:focus {
	text-decoration:none;
	color:#CCC;
	opacity:0.7;
}
/*  Navigation  */
.fixed {
	position:fixed;	
	top:0px;
}
.relative {
	position:relative;
	top:0px;
}
.nav_wrapper {
	background:#30558c;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:2px;
	z-index: 110;
	width:100%;
	min-height:65px;
	padding-top: 7px;
	font-family: 'proxima-nova', Arial, sans-serif;
	border-bottom:1px solid #1a334a;
}
.nav_logo {
	margin-top: 8px;
	cursor: pointer;	
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a:hover, .nav > li.active > a:focus {
	background:transparent;	
}
.navbar-toggle .icon-bar {
	background:#fff;	
}
.navbar-collapse {
	float:right;	
}
/*  Top  */
#top {
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;	
}
#top .main_logo {
	position:absolute;
	top:0px;
	left:30px;
	z-index:100;
}
.slideshow_text {
	position:absolute;
	top:50%;
	margin-top:-95px;
	width:100%;	
	z-index:100;
	padding-left:15px;
	padding-right:15px;
}
#top .scroll_down {
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:-25px;
	cursor:pointer;
	z-index: 100;
}
.top_nav {
	position:absolute;
	bottom:50px;
	left:50%;
	padding-left:0px;
	margin-left:-261px;	
	font-family: 'proxima-nova', Arial, sans-serif;
	font-weight:600;
	text-transform:uppercase;
	z-index: 1000;
}
.top_nav li {
	display:inline;	
	padding:5px 10px;
}
.homepage_slide01 {
	background:url(../images/homepage_slide01.jpg) no-repeat;
	background-size:cover;	
}
.homepage_slide02 {
	background:url(../images/homepage_slide02.jpg) center center no-repeat;
	background-size:cover;	
}
.homepage_slide03 {
	background:url(../images/homepage_slide03.jpg) center center no-repeat;
	background-size:cover;
}
.homepage_slide04 {
	background:url(../images/homepage_slide04.jpg) center center no-repeat;	
	background-size:cover;
}
.projects_slide01 {
	background:url(../images/project_slide01.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide02 {
	background:url(../images/project_slide02.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide03 {
	background:url(../images/project_slide03.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide04 {
	background:url(../images/project_slide04.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide05 {
	background:url(../images/project_slide05.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide06 {
	background:url(../images/project_slide06.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide07 {
	background:url(../images/project_slide07.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide08 {
	background:url(../images/project_slide08.jpg) center center no-repeat;
	background-size: cover;	
}
.projects_slide09 {
	background:url(../images/project_slide09.jpg) center center no-repeat;
	background-size: cover;	
}
/*Slideshow  */
.cycle-slideshow {
	height:100%;
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
}
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow .slide { 
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; padding: 0; display: block;
}
/* About Section */
#about {
	padding-right: 15px;
	padding-bottom:200px;
	padding-left: 15px;
	position:relative;
	background:#FFF;
	width:100%;
}
#about h2, .text_area h2 {
	text-align:center;	
}
/*  Projects Page  */
#upcoming {
	position:relative;
	background:#F3F3F3;
	width:100%;
}
.proj_text {
	padding-left: 30px;
	margin-bottom:30px;	
}
.proj_text h1 {
	margin-top:0px;	
}
.proj_img {
	height: 300px;
	margin-bottom:30px;
	margin-top:15px;
}
.proj_lexington {
	background:url(../images/proj_lexington.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_panorama {
	background:url(../images/proj_panorama.jpg) center center no-repeat;
	background-size: cover;	
}

.proj_panorama_r {
	background:url(../images/proj_panorama_r.jpg) center center no-repeat;
	background-size: cover;	
}

.proj_upper_montrose {
	background:url(../images/upper-montrose.jpg) center center no-repeat;
	background-size: cover;	
}

.proj_legacy_square {
	background:url(../images/legacy-square.jpg) center center no-repeat;
	background-size: cover;	
}

.proj_peterson{
	background:url(../images/peterson-landing.jpg) center center no-repeat;
	background-size: cover;
}

.proj_turnockmanor{
	background:url(../images/turnock-manor.jpg) center center no-repeat;
	background-size: cover;
}

.proj_rockcliffe{
	background:url(../images/rockcliffe.jpg) center center no-repeat;
	background-size: cover;
}

.proj_liberty_pointe{
	background:url(../images/liberty-pointe.jpg) center center no-repeat;
	background-size: cover;
}

.proj_citygardens{
	background:url(../images/city-gardens.jpg) center center no-repeat;
	background-size: cover;
}

.proj_eastleigh{
	background:url(../images/eastleigh.jpg) center center no-repeat;
	background-size: cover;
}

.proj_fraser{
	background:url(../images/fraser-landing.jpg) center center no-repeat;
	background-size: cover;
}

.proj_forestglen{
	background:url(../images/forestglen.jpg) center center no-repeat;
	background-size: cover;
}


#past {
	position:relative;
	background:#FFF;
	width:100%;	
}
.proj_kitswest {
	background:url(../images/proj_kitswest.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_manhatten {
	background:url(../images/proj_manhatten.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_885 {
	background:url(../images/proj_885.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_crescent {
	background:url(../images/proj_crescent.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_chancellor {
	background:url(../images/proj_chancellor.jpg) center center no-repeat;
	background-size: cover;	
}
.proj_wellsley {
	background:url(../images/proj_wellsley.jpg) center center no-repeat;
	background-size: cover;	
}
/*  Text Area  */
.text_area {
	padding: 165px 15px;
	position:relative;
	background:#FFF;
	width:100%;	
}
/*  Testimonials */
.testimonial_header {
	background:#FFF;
	padding-top:95px;
	padding-bottom:30px;
	text-align:center;
}
.testimonial_header h2 {
	margin:0px;	
}
.testimonial_img {
	height:500px;	
}
.testimonial_text {
	background:#efefef;
	text-align:center;
	height:500px;
	padding-top:70px;
	padding-left:30px;
	padding-right:30px;
}

.testimonial_text p {
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}
.testimonial_img01 {
	background:url(../images/testimonial01.jpg) center center no-repeat;
	background-size:cover;
}
.testimonial_img02 {
	background:url(../images/testimonial02.jpg) center center no-repeat;
	background-size:cover;
}
.testimonial_img03 {
	background:url(../images/testimonial03.jpg) center center no-repeat;
	background-size:cover;
}
.testimonial_img04 {
	background:url(../images/testimonial04.jpg) center center no-repeat;
	background-size:cover;
}
/*  Footer   */
#footer {
	padding:30px 0px;
	text-align:right;	
}
.footer_contact {
	float: right !important;	
}
/*  Registration Form */
.submit_btn {
	border-radius:0px;
	background:#b4b4b4;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	letter-spacing:1.5px;
	padding:10px 15px;
	opacity:1.0;
	transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-webkit-transition: opacity .35s ease-in-out;
	-moz-transform: rotate(0);
}
.submit_btn:hover, .submit_btn:focus {
	color:#fff;
	opacity: 0.7;
}
.error {
	color:#F00;	
}
label {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;	
}
.form_text {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	padding-right:10px;	
}
.form-control {
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #606060;
	box-shadow:none;
	border-radius:0px;
	padding:0px;
}
.form-control:focus {
	box-shadow:none;
	border-color:inherit;	
}
/*  Contact  */
#google_map {
	width:100%;
	height:100%;
}
.contact_area {
	background:#fff;
	padding:90px 0px 50px;	
}
.contact_area a {
	color:#000;
}
.contact_area h2 {
	margin-bottom:0px;	
}
.contact_header {
	text-align:center;
	margin-bottom:30px !important;	
}
.contact_area p.small {
	margin-bottom:30px;
	margin-top:30px;	
}
#contact_top {
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	background:transparent;
	position:absolute;	
}
.contact_scroll_down {
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-40px;
	cursor:pointer;
	z-index: 100;
	background:#000;
	opacity:0.7;
	padding:10px 15px;
}
/*  Form  */
form {
	margin-top: 50px;
}
form h2 {
	margin-top:15px;
	margin-bottom:15px;	
}
#mc-embedded-subscribe {
	display:inline;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right: 1px solid #000;
	border-left: none;
	box-shadow:none;
	background: #30558c;
	color:#fff;
	border-radius:0px;
	padding:15px 10px;
	width:30%;
	float:left !important;
	font-family: 'proxima-nova', sans-serif;
	font-weight:700;
	font-size:24px;
	text-transform:uppercase;
	margin-top:15px;
	margin-bottom:15px;
	height:53px;
}
#mc-embedded-subscribe:hover, #mc-embedded-subscribe:focus {
	background-color:#4e70a4;	
}
.mc-field-group input {
	display:inline;
	border:1px solid #000;
	border-radius:0px;
	box-shadow:none;
	padding:15px 10px;
	width:70%;
	float:left !important;
	margin-top:15px;
	margin-bottom:15px;
	font-size:18px;
	height:53px;
}

.ways{
	padding: 0.5em 0;
}

@media (max-width: 991px ) {
	.proj_img {
		height:200px;	
	}
	.testimonial_text p {
		font-size: 16px;
	}	
	.contact_area h3 {
		font-size: 16px;
	}
	.text_area {
		padding:50px 15px;
	}
	.proj_panorama {
		padding-top:70px;
	}	
}
@media ( max-width: 767px ) {
	#top .main_logo {
		width: 150px;
		height:auto;
	}
	.navbar-collapse {
		width:100%;
		float:none;
		box-shadow:none;
		border-top:none;
	}
	.scroll_down {
		width:35px;
		height:auto;	
	}
	.navbar-toggle {
		float:right;
		margin-bottom:14px;	
	}
	#about {
		padding-bottom:50px;	
	}
	.blue_area .col-xs-12, #about .col-xs-12 {
		padding-left:15px;
		padding-right:15px;	
	}
	.blue_area {
		background-color: #30558c;
		padding: 50px 15px;
		color:#FFF;	
	}
	.proj_img {
		height:400px;	
	}
	.proj_text {
		margin-left:0px;
		padding-left:0px;	
	}

	.footer_contact h3 {
		font-size:14px;	
	}
	.footer_contact {
		float: left !important;
		margin-top:30px;
		text-align:left;	
	}
	.footer_logo {
		float:none;
		clear:both;	
	}
	.testimonial_text {
		height:auto;
		padding-bottom:70px;	
	}
	.slideshow_text {
		margin-top:-50px;	
	}
	.slideshow_text h4 {
		font-size: 30px;	
	}
	.slideshow_text h2 {
		font-size: 18px;
		margin-bottom:10px;	
	}
	.projects_slide01 .slideshow_text h3 {
		font-size: 16px;	
	}
	.projects_slide01 .slideshow_text {
		margin-top:-100px;	
	}
	.blue_line {
		margin-top:15px;
		margin-bottom:15px;	
	}
	.blue_area .col-xs-12, #about .col-xs-12, .text_area .col-xs-12 {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	h1 {
		font-size:30px;	
	}
	#google_map {
		height:350px;	
	}
	.proj_panorama {
		padding-top:190px;	
	}
}
@media (max-width: 500px) {
	.proj_img {
		height:200px;	
	}
	.text_area {
		padding:100px 15px 30px;
	}
	#upcoming.text_area, #past.text_area {
		padding:50px 15px 30px;	
	}
	.testimonial_img {
		height:350px;	
	}
	#mc-embedded-subscribe {
		width:100%;
		border-left: 1px solid #000;
	}
	.mc-field-group input {
		width:100%;
	}
	.contact_area h3 {
		font-size: 14px;
	}
	.proj_panorama {
		padding-top:80px;	
	}
}

ul.copy { 
	counter-reset:item;
	font-family: 'freight-text-pro', Georgia, serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4em;
	padding-left: 1em;
}

ul.copy li {
	list-style: none;
	list-style-position: outside;
}

ul.copy > li {
	counter-increment:item;
	padding-left: 1.6em;
	position: relative;
}
ul.copy > li:before {
	content: counter(item) ". ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.copy > li > ul {
	counter-reset:subitem;
}
ul.copy > li > ul > li {
	counter-increment:subitem;
	padding-left: 1.6em;
	position: relative;
}
ul.copy > li > ul > li:before {
	content: counter(item) "." counter(subitem) " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.alt {
	font-family: 'freight-text-pro', Georgia, serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4em;
	padding-left: 1em;
}

ul.alt li {
	list-style: none;
}

ul.alt > li {
	padding-left: 1em;
	position: relative;
}
ul.alt > li:before {
	content: "•";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

table.copy{
	border-collapse: collapse;
}

table.copy td{
	font-family: 'freight-text-pro', Georgia, serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4em;
	border: 1px solid #000;
	padding: 10px;
	width: 20%;
}

table.copy td.head{
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 700;
}