@import url(//fonts.googleapis.com/css?family=Quicksand);

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
body { margin: 0px; background-color: #FFFFFF; color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px; }
form { margin: 0px; padding: 0px; }
img { border-style: none; vertical-align: bottom; }
h1, h2, h3, h4, p, ul, ol { margin: 0px; padding: 0px; padding-bottom: 10px; }
h1 { font-family: "Quicksand", "Arial", sans-serif; font-size: 48px; line-height: 1.75em; color: #000000; line-height: normal; font-weight: normal; letter-spacing: -2px; font-weight: 700; }
h2 { font-family: "Quicksand", "Arial", sans-serif; font-size: 32px; line-height: 1.75em; color: #000000; line-height: normal; font-weight: normal; letter-spacing: -1px; font-weight: 700; }
h3 { font-family: "Quicksand", "Arial", sans-serif; font-size: 24px; line-height: 1.75em; color: #000000; line-height: normal; font-weight: normal; letter-spacing: -1px; font-weight: 700; }
ul, ol { padding-left: 25px; }
ul { list-style: square; }
fieldset { border: none; }

body {
	font-family: "Futura W01 Book", "Arial", sans-serif;
	font-size: 16px;
	color: #000000;
}

a {
	color: #006990;
	text-decoration: none;
	outline: 0;
}

p, li {
	line-height: 1.5em;
}


.zblanktemplatebody textarea{width:100% !important;}



/**
 * MISCELLANEOUS
 */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}

.column3 {
	float: left;
	display: inline-block;
	width: 377px;
	margin-right: 22px;
}
.column3.last {
	margin-right: 0;
}

.zblog-author, .rss-summary-box{display:none;}



.project-dropdown {
    position: relative;
    display: inline-block;
}

.project-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px; 
    z-index: 10000;
}



.project-dropdown:hover .project-dropdown-content {
    display: block;
}
.project-dropdown-content a:link, .project-dropdown-content a:visited{ padding:10px !important; line-height:22px !important; display:block; width:100%; float:left; background-color:#22a3d5 !important; color:#FFF !important; }



.projectGallery1{width:100%;padding-top:50px; padding-bottom:50px; float:left;}
.projectGallery2{width:960px; margin-left:110px; float:left; }
.projectGallery3{float:left;  padding:20px; width:450px; margin-right:10px; }
.projectGallery4{float:right; width:500px;}
.projectGallery5:link, .projectGallery5:visited{color:#FFF; background-color:#000; display:block; float:left; padding:10px; padding-left:20px; padding-right:20px; margin-top:10px;}


.container {
	width: 1175px;
	margin: 0 auto;
}


#header {
	margin:0 auto;
	background: #000000;
	height: 74px; width:100%;
	z-index: 100;
}
#header #logo {
	float: left;
	width: 300px;
	height: 74px;
}
#header #logo a {
	display: block;
	width: 300px;
	height: 74px;
	background: url(../images/logo.jpg) top left no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#header #logo a h1 {
	display: block;
	width: 300px;
	height: 74px;
	overflow: hidden;
	text-indent: -9999px;
}
#header #navigation {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
#header #navigation li {
	display: inline-block;float:left;
	padding: 0;
	margin: 0;
}

#header #navigation li a {
	font-size: 13px;
	display: inline-block;
	line-height: 74px;
	padding: 0 0.55em;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#header #navigation li:hover a,
#header #navigation li.active a {
	color: #2DA4D3;
}

#header #freeConsultationButton {
	float: right;
	text-align: center;
}
#header #freeConsultationButton a {
	display: inline-block;
	background: #2DA4D3;
	color: #FFFFFF;
	line-height: 21px;
	padding: 5px 10px;
	margin: 17px 0; margin-top:20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}



#main {
	width:100%; float:left;
}

#footer {
	width:100%; float:left;
	background: #ECECEC;
	color: #242424;
}
#footer p {
	text-align: center;
	font-size: 11px;
	line-height: 1em;
	padding: 20px 0;
}
#footer p span {
	display: inline-block;
	background: #959595;
	height: 1em;
	width: 1em;
	margin: 0 1em;
}









/**
 * INDEX
 */
#index #intro {
	position: relative;
	width: 100%;
	height: 748px;
	overflow: hidden;
}
#index #intro #videoContainer {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -101;
	background: url(../images/introPlaceholder.jpg) no-repeat top center;
	background-size: cover;
}
#index #intro video#bgvid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}
#index #intro #introText {
	width:895px; margin:0 auto;
	padding-top:174px;
}
#index #intro #introText2 {
	opacity:0; *opacity:1;
	line-height: 1.75em;
	width: 895px;
	height: 232px;
	float:left;
	padding: 40px 0 0;
	background: url(../images/introTextBackground.png) top center no-repeat;
	text-align: center;
	font-family: "Quicksand", "Arial", sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#index #intro #introText2 #introTextLarge {
	font-size: 48px;
	line-height: 2em;
}

#index #introAbout {
	background: #006990;
	padding: 80px 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
	font-family: "Quicksand", "Arial", sans-serif;
	text-transform: uppercase;
	position: relative;
}

#index #introAbout:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid #FFFFFF;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -30px;
	z-index: 50;
}

#index #index1 {
	margin: 0 0 5px 0;
}
#index #index1 img {
	float: left;
}
#index #index1Text {
	display: inline-block;
	width: 553px;
	height: 360px;
	float: left;
	background: url(../images/index1-fade.jpg) top left no-repeat;
	padding: 80px 40px;
}
#index #index1Text h2 {
	text-transform: uppercase;
	color: #006990;
	font-size: 24px;
}

#index #index2 {
	position: relative;
}
#index #index2:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid #006990;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -30px;
	z-index: 50;
}

#index #index2 .columnLeft {
	float: left;
	display: inline-block;
	width: 387px;
	height: 236px;
	background: #D7D7D7;
	margin: 0 5px 5px 0;
	text-align: center;
}
#index #index2 .columnCenter {
	float: left;
	display: inline-block;
	width: 391px;
	height: 236px;
	background: #D7D7D7;
	margin: 0 0 5px;

}
#index #index2 .columnRight {
	float: left;
	display: inline-block;
	width: 387px;
	height: 236px;
	background: #D7D7D7;
	margin: 0 0 5px 5px;
	text-align: center;
}
#index #index2 .columnLeft.noImage {
	padding: 40px;
	width: 387px;
	height: 236px;
}
#index #index2 .columnCenter.noImage {
	padding: 30px;
	width: 390px;
	height: 236px;
}
#index #index2 .columnRight.noImage {
	padding: 40px;
	width: 387px;
	height: 236px;
}

#index #index3 .container {
	height: 337px;
	background: url(../images/index5.jpg) top center no-repeat;
	padding: 40px 0;
}
#index #index3 h2 {
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 300;
}
#index #index3 .index3TextLeft,
#index #index3 .index3TextRight {
	background: url(../images/index5-text-bg.png) top left;
	display: inline-block;
	width: 446px;
	height: 178px;
	padding: 20px;
	font-size: 16px;
}
#index #index3 .index3TextLeft {
	float: left;
	margin: 20px 5px 40px 80px;
}
#index #index3 .index3TextRight {
	float: right;
	margin: 20px 80px 40px 5px;
}
#index #indexFreeConsultation {
	background: #006990;width:100%; float:left;
}
#index #indexFreeConsultation .container {
	padding: 40px 0;
}

#index #indexNews1 {
	background: #999;
	padding-top:30px; padding-bottom:30px;
	width:100%; float:left;
}
#index #indexNews1 h2 {
	color: #FFFFFF;
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 400;
	padding-bottom:30px;
}

.sn-104{float:left; width:303px; background-color:#FFF; margin-right: 20 0px;}
.sn-105{width:303px; height:193px; float:left; font-size:16px; line-height:24px;}
.sn-106{padding:20px; float:left; width:100%; height:380px;}




.sn-107{width:100%; float:left; font-size:16px; line-height:24px;}
.sn-108{width:100%; float:left; font-size:16px; line-height:24px; color:#898989;margin-bottom:20px;}
.sn-109{width:100%; float:left; font-size:16px; line-height:24px; height:200px; overflow:auto; }
#index #indexFreeConsultation .container {
	padding: 40px 0;
}
#index #indexFreeConsultation h2 {
	color: #FFFFFF;
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 400;
}
#index #indexFreeConsultation p {
	color: #FFFFFF;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Quicksand", "Arial", sans-serif;
}
#index #indexFreeConsultation a {
	display: inline-block;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.5em 2em;
	line-height: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	font-family: "Quicksand", "Arial", sans-serif;
}

hr{margin:0px; padding:0px; border-bottom:1px solid #999; margin-bottom:10px; width:100%; float:left; clear:both;}


#main { min-width:960px !important; }
/**
 * THE EXTREME DIFFERENCE
 */
#extreme-difference #pageTitle {
	background: url(../images/difference1.jpg) top center no-repeat;
	height: 265px;
}
#extreme-difference #pageTitle .container {
	width: 731px !important;
	height: 425px;
	padding: 80px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	background: url(../images/difference1-background.png) top center no-repeat;
}
#extreme-difference #pageTitle h1 {
	color: #004662;
	font-size: 30px;
	font-weight: 700;
}
#extreme-difference #pageTitle p {
	font-size: 22px;
}

#extreme-difference #difference1 #difference1Video {
	float: left;
	width: 562px;
	height: 327px;
}
#extreme-difference #difference1 #difference1Text {
	float: left;
	width: 613px;
	padding: 40px;
}
#extreme-difference #difference1 #difference1Text h2 {
	font-size: 24px;
	text-transform: uppercase;
}

#extreme-difference #difference2 .container {
	background: #ECECEC;
}

#extreme-difference #difference2 #difference2Image {
	float: left;
	width: 398px;
	height: 336px;
	text-align: right;
	padding: 35px 0;
}
#extreme-difference #difference2 #difference2Text {
	float: left;
	width: 777px;
	padding: 80px 40px 80px 40px;
}
#extreme-difference #difference2 #difference2Text h3 {
	color: #5D5D5D;
	text-transform: uppercase;
}
#extreme-difference #difference3 #difference3Text {
	float: left;
	width: 687px;
	height: 327px;
	background: #006990;
	color: #FFFFFF;
	padding: 40px;
}
#extreme-difference #difference3 #difference3Text h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 22px;
}
#extreme-difference #difference3 #difference3Image {
	float: left;
	width: 488px;
	height: 327px;
}
#extreme-difference #difference4 #difference4Text {
	float: left;
	width: 687px;
	height: 276px;
	padding: 40px;
}
#extreme-difference #difference4 #difference4Text h3 {
	color: #5D5D5D;
	text-transform: uppercase;
	font-size: 22px;
}
#extreme-difference #difference4 #difference4Image {
	float: left;
	width: 488px;
	height: 276px;
}
#extreme-difference #difference5 a {
	display: inline-block;
	color: #FFFFFF;
	background: #2DA4D3;
	padding: 0.5em 2em;
	text-transform: uppercase;
	font-size: 14px;
}
#extreme-difference #difference5 #difference5Text {
	float: left;
	width: 687px;
	height: 376px;
	padding: 40px;
	background: #ECECEC;
}
#extreme-difference #difference5 #difference5Text h3 {
	color: #5D5D5D;
	text-transform: uppercase;
	font-size: 22px;
}
#extreme-difference #difference5 #difference5Image {
	float: left;
	width: 488px;
	height: 376px;
}
#extreme-difference #difference6 {
	background: #2DA4D3;
	padding: 40px 0;
}
#extreme-difference #difference6 p {
	color: #FFFFFF;
	line-height: 3em;
	text-transform: uppercase;
	text-align: center;
}
#extreme-difference #difference6 p span {
	font-size: 32px;
}


/**
 * GALLERY
 */
#gallery #pageTitle { 
	background: url(../images/luxury-page-title-background.jpg) top center no-repeat; 
	padding: 20px 0;
}
#gallery #pageTitle h1 {
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 48px;
}
#gallery #gallerySlider {
	position: relative;
	overflow: hidden;
	height: 551px;
}
#gallery #gallerySlider #gallerySliderContainer {
	height: 381px;
	width: 9999px;
	position: relative;
	z-index: 3;
}
#gallery #gallerySlider #gallerySliderContainer:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	background: #000000;
	background: rgba(0, 0, 0, 0.36);
	width: 100%;
	height: 100%;
	z-index: 5;
}
#gallery #gallerySlider #gallerySliderContainer:after {
	content: "";
	position: absolute;
	top: 0;
	right: -100%;
	background: #000000;
	background: rgba(0, 0, 0, 0.36);
	width: 100%;
	height: 100%;
	z-index: 5;
}
#gallery #gallerySlider img {
	float: left;
}


/**
 * SERVICES
 */
#services #pageTitle {
	background: url(../images/services-page-title-background.jpg) top center no-repeat;
}
#services #pageTitle .container {
	padding: 30px 0;
	text-align: center;
}
#services #pageTitle h1 {
	color: #006990;
	text-transform: uppercase;
}
#services #main h2 {
	text-transform: uppercase;
	font-size: 24px;
}

#services .sectionImageLeft .sectionImage {
	float: left;
	width: 404px; 
}
#services .sectionImageLeft .sectionText {
	float: left;
	width: 771px; 
	padding: 40px;
}

#services .sectionImageRight{
	background: url(../images/services2-background.jpg) top left;
	float:left; width:100%;
}
#services .sectionImageRight .sectionImage {
	float: left;
	width: 407px; 
}
#services .sectionImageRight .sectionText {
	float: left;
	width: 748px; 
	padding: 40px;
}


#services2 #pageTitle {
	background: url(../images/services-page-title-background.jpg) top center no-repeat;
}
#services2 #pageTitle .container {
	padding: 30px 0;
	text-align: center;
}
#services2 #pageTitle h1 {
	color: #006990;
	font-size:24px;
	text-transform: uppercase;
}
#services2 #main h2 {
	text-transform: uppercase;
	font-size: 24px;
}

#services2 .sectionImageLeft .sectionImage {
	float: left;
	width: 404px; 
}
#services2 .sectionImageLeft .sectionText {
	float: left;
	width: 771px; 
	padding: 40px;
}

#services2 .sectionImageRight{
	background: url(../images/services2-background.jpg) top left;
	float:left; width:100%;
}
#services2 .sectionImageRight .sectionImage {
	float: left;
	width: 407px; 
}
#services2 .sectionImageRight .sectionText {
	float: left;
	width: 748px; 
	padding: 40px;
}
#options #pageTitle {
	background: url(../images/specials-page-title-background.jpg) top center no-repeat;
}
#options #pageTitle .container {
	padding: 30px 0;
	text-align: center;
}
#options #pageTitle h1 {
	color: #006990;
	text-transform: uppercase;
}
#options #main h2 {
	text-transform: uppercase;
	font-size: 24px;
}

#options .sectionImageLeft .sectionImage {
	float: left;
	width: 404px; 
}
#options .sectionImageLeft .sectionText {
	float: left;
	width: 771px; 
	padding: 40px;
}
 
#options .sectionImageRight{
	background: url(../images/services2-background.jpg) top left;
	float:left; width:100%;
}
#options .sectionImageRight .sectionImage {
	float: left;
	width: 407px; 
}
#options .sectionImageRight .sectionText {
	float: left;
	width: 748px; 
	padding: 40px;
}

.ContentFlow2 .globalCaption{display:none;}
.ContentFlow2 .scrollbar{display:none;}
.ContentFlow2 .controlls { padding-left:85px !important;}
.ContentFlow2 .controlls .ff{display:none;}
.ContentFlow2 .controlls .slow{display:none;}


/**
 * SPECIALS
 */
#systems #main .container {
	width: 960px !important;
}
#systems #pageTitle {
	background: url(../images/specials-page-title-background.jpg) top center no-repeat;
}
#systems #pageTitle .container {
	padding: 30px 0;
	text-align: center;
}
#systems #pageTitle h1 {
	color: #006990;
	text-transform: uppercase;
}
#systems #systemsIntro {
	text-transform: uppercase;
	color: #707070;
	font-size: 18px;
	padding: 40px 0;
}
#systems .systemsImage {
	float: left;
	margin: 0 20px 40px 0;
	width: 250px;
}
#systems .systemsText {
	float: left;
	width: 690px;
	margin: 0 0 40px 0;
}
#systems .systemsText h2 {
	text-transform: uppercase;
}

/**
 * CONTACT & FREE CONSULTATION
 */
#contact #pageTitle {
	background: url(../images/contact-page-title-background.jpg) top center no-repeat;
}
#contact #pageTitle .container {
	text-align: center;
	padding: 30px 0;
}
#contact #pageTitle h1 {
	font-size: 36px;
	color: #006990;
	text-transform: uppercase;
}
#contact #pageTitle p {
	text-transform: uppercase;
}
#contact #main form {
	width: 477px;
	margin: 40px auto;
}
#contact #main .field,
#contact #main .submit {
	float: left;
	clear: both;
	margin: 0 0 5px;
}
#contact #main label {
	display: inline-block;
	width: 125px;
	font-weight: bold;
	vertical-align: top;
}
#contact #main input.text {
	width: 300px;
}
#contact #main textarea {
	width: 300px;
	height: 100px;
}
#contact #main .submit {
	width: 100%;
	text-align: right;
}
#contact #main #contactSubmit {
	color: #FFFFFF;
	background: #006990;
	margin-right: 11px;
	font-family: "Futura W01 Book", "Arial", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
	padding: 0.5em 2em;
}


/**
 * LUXURY FEATURES
 */
#luxury #pageTitle {
	background: url(../images/luxury-page-title-background.jpg) top center no-repeat; 
}
#luxury #pageTitle .container {
	padding: 30px 0;
	text-align: center;
}
#luxury #pageTitle h1 {
	color: #006990;
	text-transform: uppercase;
	font-size: 30px;
	height:38px;
	padding-top:20px;
}
#luxury #main h2 {
	text-transform: uppercase;
	font-size: 24px;
}

#luxury .sectionImageLeft .sectionImage {
	float: left;
	width: 404px;
	height: 325px;
}
#luxury .sectionImageLeft .sectionText {
	float: left;
	width: 771px;
	height: 325px;
	padding: 40px;
}

#luxury .sectionImageRight .sectionImage {
	float: left;
	width: 407px;
	height: 284px;
}
#luxury .sectionImageRight{
	background: url(../images/luxury2-background.jpg) top left
}
#luxury .sectionImageRight .sectionText {
	float: left;
	width: 748px;
	height: 284px;
	padding: 40px; 
}


.zblanktemplatebody h1{color:#0278a6 !important; font-size:36px; line-height:42px;}
.zblanktemplatebody{ font-size:16px; line-height:19px; }


.contactDiv1{margin:0 auto; width:477px;padding-top:20px;}




	#index #intro #introText2 {
		margin-left:1000px;
	}
.galleryDiv1{width:100%; float:left;height:630px; padding-top:30px; }

.galleryDiv2{padding-top:30px; padding-bottom:30px;text-align:center; margin:0 auto; width:367px; height:68px;}
.galleryDiv3{padding:0px; min-width:960px; width:100%; max-width:1175px; margin:0 auto;}
.galleryDiv4{min-width:960px; width:100%; max-width:1175px; margin:0 auto;}
.freeDiv1{margin:0 auto; width:477px;padding-top:20px;}

.footerlogos{width:590px; margin:0 auto; }

.footerlinks1 li{float:left;width:33%; font-size:14px;  line-height:17px; list-style:none; }
.footerlinks1{width:100%; float:left;padding-bottom:20px;padding-top:20px;}
@media only screen and (max-width: 1200px) {
	.container {
		width: 960px !important;
	}

.projectGallery2{width:960px; margin-left:0px; float:left; }
.projectGallery3{float:left;  padding:15px; width:440px; margin-right:10px; }
.projectGallery4{float:right; width:500px;}
	#header #logo {
		width: 200px !important;
		height: 50px !important;
		margin: 12px 0 !important;
	}
	#header #logo a {
		width: 200px !important;
		height: 50px !important;
		background-size: cover;
	}
	#header #freeConsultationButton{
		margin-top:10px;}
	#header #freeConsultationButton a {
		padding: 1em;
		line-height: 1em;
	}

	#footer span.break {
		clear: both;
		width: 960px;
		background: transparent;
	}
	#index #main{margin-top:-82px;}

	/**
	 * INDEX
	 */
	#index #intro {
		height: 680px;
	}
	#index #intro #introText {
		margin-top: 100px;
	}
	#index #index1 img {
		width: 480px;
		height: 319px;
	}
	#index #index1 #index1Text {
		width: 480px;
		height: 319px;
		padding: 40px;
		background-size: cover;
	}
	#index #index2 .columnLeft,
	#index #index2 .columnLeft.noImage {
		width: 316px;
		overflow: hidden;
	}
	#index #index2 .columnCenter,
	#index #index2 .columnCenter.noImage {
		width: 316px;
		overflow: hidden;
	}
	#index #index2 .columnRight,
	#index #index2 .columnRight.noImage {
		width: 316px;
		overflow: hidden;
	}
	#index #index2 .columnLeft.noImage,
	#index #index2 .columnCenter.noImage,
	#index #index2 .columnRight.noImage {
		padding: 20px;
		width: 316px;
		height: 276px;
	}
	#index #index3 .index3TextLeft,
	#index #index3 .index3TextRight {
		font-size: 14px;
		height: 180px;
		width: 320px;
	}

	/**
	 * THE EXTREME DIFFERENCE
	 */
	#extreme-difference #difference1 #difference1Video {
		width: 480px;
		height: 279px;
		overflow: hidden;
	}
	#extreme-difference #difference1 #difference1Video img {
		width: 480px;
		height: 279px;
	}
	#extreme-difference #difference1 #difference1Text {
		width: 400px;
		height: 199px;
	}
	#extreme-difference #difference2 #difference2Text {
		width: 482px;
	}
	#extreme-difference #difference3 #difference3Text {
		width: 520px;
	}
	#extreme-difference #difference3 #difference3Image {
		width: 360px;
		overflow: hidden;
	}
	#extreme-difference #difference4 #difference4Text {
		width: 392px;
	}
	#extreme-difference #difference5 #difference5Text {
		width: 520px;
	}
	#extreme-difference #difference5 #difference5Image {
		width: 360px;
		overflow: hidden;
	}

	/**
	 * SERVICES
	 */
	#services .sectionImageLeft .sectionText {
		width: 476px;
	}
	#services .sectionImageRight .sectionText {
		width: 473px;
	}
	#services2 .sectionImageLeft .sectionText {
		width: 476px;
	}
	#services2 .sectionImageRight .sectionText {
		width: 473px;
	}

	#options .sectionImageLeft .sectionText {
		width: 476px;
	}
	#options .sectionImageRight .sectionText {
		width: 473px;
	}

	/**
	 * LUXURY FEATURES
	 */
	#luxury .sectionImageLeft .sectionText {
		width: 476px;
	}
	#luxury .sectionImageRight .sectionText {
		width: 473px;
	}

}
@media only screen and (max-width: 980px) {
.projectGallery4{float:left; width:500px; max-width:100%;}
.projectGallery2{width:100%; margin-left:0px; float:left; }
.projectGallery3{float:right;  padding:10px; width:430px; max-width:100%; margin-right:0px; }
.footerlogos{width:200px; margin:0 auto;}
.footerlogos img{margin-right:0px !important;}
.footerlinks1 li{width:100%;}
	.container {
		width: 320px !important;
	}
	#header #navigation{ background-color:#000; width:100%;}
	#header #navigation li{display:block; float:left; clear:both;}
	#header #navigation li a{ line-height:40px;}
	#header #logo {
		width: 100% !important;
		height: 50px !important;
		margin: 12px 0 !important;
	}
	#header #logo a {
		width: 200px !important;
		height: 50px !important;
		background-size: cover;
		margin: 0px;
float: left;
	}
	#header #freeConsultationButton{
		margin-top:10px;}
	#header #freeConsultationButton a {
		padding: 1em;
		line-height: 1em;
	}

	#footer span.break {
		clear: both;
		width: 320px;
		background: transparent;
	}
	#header #freeConsultationButton{width:100%;}
	#header #freeConsultationButton a{width:100%;}
	#index #main{margin-top:-82px;}
	#header #navigation{display:none;}
	#header #menuIcon {  
		display: block !important;
		float:right;
		margin-right:10px; margin-top:5px;
		width: 32px;
		height: 32px;
		background: url(/images/menu.png) center center no-repeat;
		cursor: pointer;
		z-index: 100;
	}

	/**
	 * INDEX
	 */
	#index #intro {
		height: 310px;
	}
	#index #intro #introText {
		margin-top: 100px;
		width:100%;
	}
	#index #index1 img {
		width: 310px;
		height: 206px;
	}
	#index #index1 #index1Text {
		width: 320px;
		height: auto;
		padding: 40px;
		padding-left:5px; padding-right:5px;
		background-size: cover;
	}
	#index #index2 .columnLeft,
	#index #index2 .columnLeft.noImage {
		width: 320px;
		overflow: hidden;
	}
	#index #index2 .columnCenter,
	#index #index2 .columnCenter.noImage {
		width: 320px;
		height: auto;
		overflow: hidden;
	}
	#index #index2 .columnRight,
	#index #index2 .columnRight.noImage {
		width: 320px;
		height: auto;
		margin-left:0px;
		overflow: hidden;
	}
	#index #index2 .columnLeft.noImage,
	#index #index2 .columnCenter.noImage,
	#index #index2 .columnRight.noImage {
		padding: 5px;
		width: 320px;
		height: auto;
	}
	#index #index3 .index3TextLeft,
	#index #index3 .index3TextRight {
		font-size: 14px;
		height: auto;
		width: 320px;
		margin:0px;
		padding-left:5px; padding-right:5px;
		margin-bottom:10px;
	}
	#index #intro {height:auto; margin-top:80px;}
	#index #intro #introText2{
		width:320px;
		height:auto;
		float:none;
		margin:0 auto !important;
		margin-top: -200px !important;
		font-size:16px; line-height:21px;
		padding-left:5px; padding-right:5px;
	}
	#index #intro #introText2 #introTextLarge{
		font-size:21px; line-height:30px;
	}

	#index #intro #introText{ height:48px;margin-top:0px;}
	#index #intro #introText2{ 
		margin-top: -150px !important;
	}

	#index #intro #videoContainer{ background:none;}
	#index #intro video#bgvid{ width:100%; bottom:none;}
	#index #indexFreeConsultation {

	width: 100%;
	clear: both;
	}
	#index #index3 .container {
	height: 58px;
	margin-bottom: 404px;
	}
	/**
	 * THE EXTREME DIFFERENCE
	 */
	#extreme-difference #difference1 #difference1Video {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
		height: 206px;
		overflow: hidden;
	}
	#extreme-difference #difference1 #difference1Video img {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
		height: 206px;
	}
	#extreme-difference #difference1 #difference1Text {
		width: 320px; height:auto; padding-left:5px; padding-right:5px;
		height: 199px;
	}
	#extreme-difference #difference2 #difference2Text {
		width: 320px; height:auto; padding-left:5px; padding-right:5px;
	}
	#extreme-difference #difference3 #difference3Text {
		width: 320px; height:auto; padding-left:5px; padding-right:5px;
	}
	#extreme-difference #difference3 #difference3Image {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
		overflow: hidden;
	}
	#extreme-difference #difference4 #difference4Text {
		width: 320px; height:auto; padding-left:5px; padding-right:5px;
	}
	#extreme-difference #difference5 #difference5Text {
		width: 320px;  height:auto;padding-left:5px; padding-right:5px;
	}
	#extreme-difference #difference5 #difference5Image {
		width: 320px;  height:auto;padding-left:0px; padding-right:0px;
		overflow: hidden;
	}
#extreme-difference #difference4 #difference4Image{width:320px; height:auto;}
#extreme-difference #difference4 #difference4Image img{width:320px;}
		#extreme-difference #difference2 .container p{width:310px;}
#extreme-difference #difference4 #difference5Image img{width:320px;}
	/**
	 * SERVICES
	 */
	#services .sectionImageLeft .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#services .sectionImageRight .sectionText {
		width: 320px;  height:auto;padding-left:0px; padding-right:0px;
	}
	#services .sectionImageLeft .sectionImage, #services .sectionImageRight .sectionImage { 
		width: 320px; 
	} 

	#services .sectionImageLeft .sectionImage img, #services .sectionImageRight .sectionImage img{ 
		width: 320px; 
	} 
	#services2 .sectionImageLeft .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#services2 .sectionImageRight .sectionText {
		width: 320px;  height:auto;padding-left:0px; padding-right:0px;
	}
	#services2 .sectionImageLeft .sectionImage, #services2 .sectionImageRight .sectionImage { 
		width: 320px; 
	} 

	#services2 .sectionImageLeft .sectionImage img, #services2 .sectionImageRight .sectionImage img{ 
		width: 320px; 
	} 

	#options .sectionImageLeft .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#options .sectionImageRight .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#options .sectionImageLeft .sectionImage, #options .sectionImageRight .sectionImage { 
		width: 320px; 
	} 

	#options .sectionImageLeft .sectionImage img, #options .sectionImageRight .sectionImage img{ 
		width: 320px; 
	} 


	/**
	 * LUXURY FEATURES
	 */
	#luxury .sectionImageLeft .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#luxury .sectionImageRight .sectionText {
		width: 320px; height:auto; padding-left:0px; padding-right:0px;
	}
	#luxury .sectionImageLeft .sectionImage, #luxury .sectionImageRight .sectionImage { 
		width: 320px; 
	} 

	#luxury .sectionImageLeft .sectionImage img, #luxury .sectionImageRight .sectionImage img{ 
		width: 320px; 
	} 
	.contactDiv1{margin:0 auto; width:310px;padding-top:20px;}
	.contactDiv1 textarea{ width:95% !important;}
	#main {
		min-width: 310px !important;
	}
	#contact #main form{
		width:310px;
	}
	#footer span.break{
		width:95%;
	}
	#footer p span {
	display: block;
	background: none;
	height: 1em;
	width: 1em;
	margin: 0 1em;
	clear: both;
	}
	.galleryDiv1{width:100%; height:450px; }

	.galleryDiv2{ width:320px; height:68px;}
	.galleryDiv3{min-width:320px;   max-width:310px; }
	.galleryDiv4{min-width:100%; max-width:310px; }
	#extreme-difference #pageTitle .container{
		width:320px !important; padding:0px;
	}
	#difference1Video iframe{
		width:100% !important; padding:0px;
	}
	#extreme-difference #difference1 #difference1Text{
		height:auto;}
	.freeDiv1{ width:320px;}
	.freeDiv1 textarea{ width:95% !important;}

}

@media only screen and (max-width: 600px) {
	.galleryDiv1{width:100%; height:350px; }
	#index #intro #introText{ height:auto;margin-top:0px;}
	#index #intro #introText2{ 
		margin-top: -200px !important;
	}
}
@media only screen and (max-width: 500px) {
	.galleryDiv1{width:100%; height:250px; }
}