* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }
body {
	width: 100%; height: 100%;
	/* color: #FFF;
	background: #000; */
	color: #222;
	background: #FAFAFA;
	font: 16px 'nimbus-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 700;
}

header, footer, nav, section, article { display: block }

a { 
	text-decoration: none; 
	opacity: 0.7; filter: alpha(opacity=70); zoom: 1; 
	color: #000;
	/* border-bottom: transparent 2px solid; */
}
a:hover, a.current { 
	opacity: 1; filter: alpha(opacity=100); zoom: 1; 
	/* text-decoration: underline; */
	/* border-bottom-color: #000; */
	/* color: #000; */
}

a, h1 span, .gallery-prev, .gallery-next, .gallery-close, .gallery-bg, .project:hover .project-image { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }

.project-image { -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }



#loader {
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0; z-index: 3;
	background: url('images/loader.gif') no-repeat center center #FAFAFA;
	background-size: 100px;
}



header {
/*
	position: relative; z-index: 10;
	height: 100%; width: 244px;
	margin-left: 26px;
*/
	position: relative; z-index: 10;
	height: 100%; width: 244px;
	padding: 0 26px;
/* 	background: rgba(0,0,0,0.5); */
/* 	background: url('images/bg-trans-black-80.png'); */
}
h1 {
/* 	padding: 30px 0 26px 0; */
	padding: 30px 0 50px 0;
	font-family: 'brandon-grotesque', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #222;
}
h1 span { margin-left: 2px }



nav.main ul { list-style: none }
nav.main ul li a {
	display: block;
	line-height: 34px;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
}
nav.main ul li ul { margin-left: 20px }



.content-wrap {
	position: absolute; left: 280px; top: 180px; z-index: 10;
	max-width: 1000px;
	/* max-width: 1000px; */
	/* width:80%; */
	padding-bottom: 20px;
}
.content-wrap p { margin: 10px 0; font-weight: 400; }
.content-wrap .content-image {
	width: 100%; height: auto;
}


.bg {
	width: 102%; height: 102%;
	position: fixed; left: -1%; top: -1%; z-index: 0;
}
.bg div {
	width: 100%; height: 100%;
	background: no-repeat center center transparent;
	background-size: cover;
}
.bg .s1 { background-image: url('images/bgs-new/01-06-lazylizard-fullday.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/01-06-lazylizard-fullday.jpg', sizingMethod='scale'); }
.bg .s2 { background-image: url('images/bgs-new/02-05-06-LAZL-1602JMR4488-Edit-2-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/02-05-06-LAZL-1602JMR4488-Edit-2-Edit.jpg', sizingMethod='scale'); }
.bg .s3 { background-image: url('images/bgs-new/03-09-09-LAZL-Friday04-1512JMR0340-Edit-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/03-09-09-LAZL-Friday04-1512JMR0340-Edit-Edit.jpg', sizingMethod='scale'); }
.bg .s4 { background-image: url('images/bgs-new/04-11-12-LAZL-Sunday06-1512JMR1523-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/04-11-12-LAZL-Sunday06-1512JMR1523-Edit.jpg', sizingMethod='scale'); }
.bg .s5 { background-image: url('images/bgs-new/05-01-01-LaCasa(LaCasa).jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/05-01-01-LaCasa(LaCasa).jpg', sizingMethod='scale'); }
.bg .s6 { background-image: url('images/bgs-new/06-06-06-AGA-Arawak-D8HE13JMR1715.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/06-06-06-AGA-Arawak-D8HE13JMR1715.jpg', sizingMethod='scale'); }
.bg .s7 { background-image: url('images/bgs-new/07-04-01-JUMB-TyMolineux-1605JMR9810-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/07-04-01-JUMB-TyMolineux-1605JMR9810-Edit.jpg', sizingMethod='scale'); }
.bg .s8 { background-image: url('images/bgs-new/08-05-14-JUMB-TyMol-JT-exterior-pool-46-2012.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/08-05-14-JUMB-TyMol-JT-exterior-pool-46-2012.jpg', sizingMethod='scale'); }
.bg .s9 { background-image: url('images/bgs-new/09-03-Hawksbill(JB-VILLA-13-26956).jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/09-03-Hawksbill(JB-VILLA-13-26956).jpg', sizingMethod='scale'); }
.bg .s10 { background-image: url('images/bgs-new/10-08-10-LAZL-Friday04-1512JMR0331-Edit-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/10-08-10-LAZL-Friday04-1512JMR0331-Edit-Edit.jpg', sizingMethod='scale'); }
.bg .s11 { background-image: url('images/bgs-new/11-JUMB-Egret-DiningIsland-1905JMR26220.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/11-JUMB-Egret-DiningIsland-1905JMR26220.jpg', sizingMethod='scale'); }
.bg .s12 { background-image: url('images/bgs-new/12-JUMB-Egret-AirPoolToVilla-1905JMR30766-Edit.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/12-JUMB-Egret-AirPoolToVilla-1905JMR30766-Edit.jpg', sizingMethod='scale'); }
.bg .s13 { background-image: url('images/bgs-new/13-JUMB-Egret-PoolToVilla-1905JMR25478.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs-new/13-JUMB-Egret-PoolToVilla-1905JMR25478.jpg', sizingMethod='scale'); }

.bg-cover {
	width: 102%; height: 102%;
	position: fixed; left: -1%; top: -1%; z-index: 2;
	background-image: rgba(0,0,0,0.2);
	background: url('images/bg-trans-black-20.png');
}
.bg-cover.index { display: none }

.bg-first {
	width: 102%; height: 102%;
	position: fixed; left: -1%; top: -1%; z-index: 2;
	background: no-repeat center center transparent;
	background-size: cover;
	background-image: url('images/bgs-new/01-06-lazylizard-fullday.jpg');
}





/* ========== INDEX PAGE ========== */
#index h1, #index a {
	color: #FAFAFA
}



.project {
	/* width: 28%;
	float: left;
	margin: 0 5.33% 30px 0; */
	/* opacity: 0.7; filter: alpha(opacity=70); zoom: 1; */
	cursor: pointer;
	width: 300px;
	float: left;
	margin: 0 33px 20px 0;
}
/* .project.hide { opacity: 0.2; filter: alpha(opacity=20); zoom: 1; } */
.project.hide { display:none; }

.project-image {
	/* width: 100%; height: 168px; */
	width: 300px; height: 200px;
	background: no-repeat center center #DDD;
	background-size: 100%;
	box-shadow: 0 1px 3px black;
}
.project:hover .project-image { 
	transform: scale(1.03);
	/* background-size: 103%; */
	/* opacity: 1; filter: alpha(opacity=100); zoom: 1;  */
}
.project h3 {
	line-height: 40px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #000;
	opacity: 0.7; filter: alpha(opacity=70); zoom: 1;
}
.project:hover h3 {  opacity: 1; filter: alpha(opacity=100); zoom: 1; }


#project-popup {
	display: none;
	width: 100%; height: 100vh;
	position: fixed; left: 0; top: 0; z-index: 20;
}
#project-popup .gallery, #project-popup .gallery-bg, #project-popup .gallery-loader {
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
}
#project-popup .gallery-bg {
	z-index: 1;
/* 	cursor: pointer; */
	background: #FAFAFA;
}
/* #project-popup .gallery-bg.hover { opacity: 0.7; filter: alpha(opacity=70); } */
#project-popup .gallery-loader { z-index: 3; background: url('images/loader.gif') no-repeat center center transparent; background-size: 100px; }
#project-popup .gallery .gallery-image {
	display: none;
	position: absolute; z-index: 2;
	box-shadow: 0 1px 3px black;
	cursor: pointer;
}
#project-popup .gallery .gallery-image.current { display: block }

#project-popup .controls {
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;
	line-height: 40px;
/* 	background: #000; */
}
#project-popup h3 {
	position: absolute; bottom: 0; left: 0; z-index: 100;
	line-height: 40px;
	padding: 10px 15px;
	/* background: rgba(0,0,0,0.7); */
	background: rgba(255,255,255,0.7);
	display: inline;
	font-size: 25px;
/* 	text-align: center; */
	font-weight: 300;
	letter-spacing: 1px;
	color: #222;
}
#project-popup h3 .counter { opacity: 0.7; }
#project-popup .gallery-prev, #project-popup .gallery-next {
	position: absolute; top: 50%; z-index: 100;
	width: 60px; height: 80px;
	margin-top: -40px;
	opacity: 0.7; filter: alpha(opacity=70);
	cursor: pointer;
	background: rgba(255,255,255,0.7) center center no-repeat;
	background-size: 25px;
}
#project-popup .gallery-prev { left: 0; background-image: url("images/prev.png"); }
#project-popup .gallery-next { right: 0; background-image: url("images/next.png"); }
#project-popup .gallery-prev:hover, #project-popup .gallery-next:hover { opacity: 1; filter: alpha(opacity=100); }
/* #project-popup .gallery-prev { margin: 0 0 0 -157px; } */
/* #project-popup .gallery-next { margin: 0 0 0 103px; } */
#project-popup .gallery-close {
	position: absolute; left: 0; top: 0; z-index: 100;
	width: 80px; height: 80px;
	/* 	margin-left: -15px; */
	/* padding: 10px 15px; */
	/* margin-right: 10px; */
	opacity: 0.7; filter: alpha(opacity=70);
	cursor: pointer;
	background: rgba(255,255,255,0.7) center center no-repeat url("images/close.png");
	background-size: 40px;
	/* background: #000; */
}
#project-popup .gallery-close:hover { opacity: 1; filter: alpha(opacity=100); }


#project-popup .video-wrapper {
	width: 100%; height: 100%;
	z-index: 2;
	/* position: relative; */
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; 
}





@media only screen and (max-width: 1300px) {
	
	#profile .content-wrap, #contact .content-wrap { width: 800px }

}


@media only screen and (max-width: 1080px) {
	
	#profile .content-wrap, #contact .content-wrap { width: 600px }

	/* .content-wrap { width: 630px } */
	/* .project { width: 42%; margin: 0 8% 30px 0; } */
	/* .project-image { height: 112px } */
	
}
@media only screen and (max-width: 900px) {
	
	#profile .content-wrap, #contact .content-wrap { width: 400px }
	/* .project { width: 42%; margin: 0 8% 20px 0; }
	.project-image { height: 112px } */

	/* .project { width: 63%; margin: 0 37% 20px 0; }
	.project-image { height: 168px }
	 */
}
@media only screen and (max-width: 680px) {
	
	#profile .content-wrap, #contact .content-wrap { width: 85% }

	.bg-first { background-image: url('images/bgs-new/01-06-lazylizard-fullday.small.jpg') }
	
	.bg-cover.index { display: block }
	
	header { height: auto; width: 86%; margin: 0 auto; background: none; }
	.content-wrap { position: relative; left: 0; top: 0; width: 86%; margin: 40px auto; }
		
	.bg .s1 { background-image: url('images/bgs-new/01-06-lazylizard-fullday.small.jpg') }
	.bg .s2 { background-image: url('images/bgs-new/02-05-06-LAZL-1602JMR4488-Edit-2-Edit.small.jpg') }
	.bg .s3 { background-image: url('images/bgs-new/03-09-09-LAZL-Friday04-1512JMR0340-Edit-Edit.small.jpg') }
	.bg .s4 { background-image: url('images/bgs-new/04-11-12-LAZL-Sunday06-1512JMR1523-Edit.small.jpg') }
	.bg .s5 { background-image: url('images/bgs-new/05-01-01-LaCasa(LaCasa).small.jpg') }
	.bg .s6 { background-image: url('images/bgs-new/06-06-06-AGA-Arawak-D8HE13JMR1715.small.jpg') }
	.bg .s7 { background-image: url('images/bgs-new/07-04-01-JUMB-TyMolineux-1605JMR9810-Edit.small.jpg') }
	.bg .s8 { background-image: url('images/bgs-new/08-05-14-JUMB-TyMol-JT-exterior-pool-46-2012.small.jpg') }
	.bg .s9 { background-image: url('images/bgs-new/09-03-Hawksbill(JB-VILLA-13-26956).small.jpg') }
	.bg .s10 { background-image: url('images/bgs-new/10-08-10-LAZL-Friday04-1512JMR0331-Edit-Edit.small.jpg') }

	.project { width: 100%; float: none; opacity: 1; filter: alpha(opacity=100); zoom: 1; }
	.project-image { width: 100%; height: 160px; background-size: cover; }
	
}