@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(../images/wd_bkgd_003.png);
	background-size:cover;
	margin:0;
	padding:0;
	overflow:hidden;
}

.ic{
	height:201px;
	width:268px;
	margin:5px;
	background:url(../images/wd_bkgd_001.jpg) center top;
	background-size: cover;
	background-repeat:no-repeat;
	box-shadow:0 5px 8px rgba(0,0,0,0.3);
	display:none;
	opacity:0;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.3);
		
	animation:size .7s ease;
	-moz-animation:size .7s ease;
	-ms-animation:size .7s ease;
	-o-animation:size .7s ease;
	-webkit-animation:size .7s ease;
}
.ic:hover{
	box-shadow:0 5px 8px rgba(0,0,0,0.3),0px 0px 30px rgba(255,255,255,0.2);
	
	filter:brightness(1.1);
	-moz-filter:brightness(1.1);
	-ms-filter:brightness(1.1);
	-o-filter:brightness(1.1);
	-webkit-filter:brightness(1.1);
}

.content{
	position:fixed;
	top:0;
	left:0;
	overflow-y:scroll;
	height:100%;
	width:100%;
}

.navSpacer.gallery{
	height:135px;
}

.navSpacer.services{
	height:55px;
}

.title{
	font-family:'Source Sans Pro',sans-serif;
	font-weight:100;
	color:#FFF;
	text-shadow:1px 2px 1px rgba(0,0,0,0.7);
	margin-top:80px;
	font-size:20px;
	position:absolute;
	width:100%;
}

.bkgd{
	background-size:cover;
	height:100px;
	width:100px;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
}

.bkgd.gallery{
	background-color:rgba(0,0,0,0.8);
	outline:1px solid #FF0;
	
	/*
	filter:brightness(0) contrast(1.5) saturate(0.4);
	-moz-filter:brightness(0.6) contrast(1.5) saturate(0.4);
	-ms-filter:brightness(0.6) contrast(1.5) saturate(0.4);
	-o-filter:brightness(0.6) contrast(1.5) saturate(0.4);
	-webkit-filter:brightness(0) contrast(1.5) saturate(0.4);
	*/
}

.lightbox{
	position:fixed;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	display:none;
}
.preview{
	height:603px;
	width:804px;
	
	height:100%;
	width:100%;
	position:fixed;
	
	/*
	left:50%;
	top:50%;
	margin-top:-274px;
	margin-left:-402px;
	*/
	
	background-image:url(../images/wd_bkgd_001.jpg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
	display:none;
}

.loader{
	height:24px;
	width:24px;
	background-image:url(../images/loader_24p.png);
	background-position:center;
	background-repeat:no-repeat;
	position:fixed;
	left:50%;
	top:50%;
	margin-top:-34px;
	margin-left:-34px;
	display:inline-block;
	background-size:contain;
	-webkit-animation:spin .8s linear infinite;
}

.lightbox_controls{
	position:fixed;
	z-index:1001;
	top:55px;
	right:1%;
	height:40px;
	border-radius:40px;
	border:1px solid rgba(0,0,0,0.2);
	
	background-color:rgba(255,255,255,0.6);
	display:inline-block;
	height:40px;
	width:40px;
	cursor:pointer;
	margin:0;
	padding:0;
	font-family:'Source Sans Pro',sans-serif;
	font-size:30px;
	font-weight:100;
	text-align:center;
	cursor:pointer;
	
	color:rgba(0,0,0,0.5);
	
	box-shadow:inset 0 0 10px rgba(0,0,0,0.4);
	
	opacity:0;
	display:none;
}

.content.box{
	font-family:'Source Sans Pro',sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:100;
	background-color:rgba(0,0,0,0.7);
	margin:20px;
	margin-top:80px;
	width:80%;
	position:inherit;
	padding:10px;
	overflow:hidden;
	box-shadow:inset 0 0 20px rgba(0,0,0,0.4);
}

h1{
	font-family:'Source Sans Pro',sans-serif;
	font-size:24px;
	margin:0;
	padding:0;
	font-weight:100;
	padding-bottom:10px;
	color:rgb(120,190,255);
}

h2{
	font-family:'Source Sans Pro',sans-serif;
	font-size:20px;
	margin:0;
	padding:0;
	font-weight:100;
	margin-bottom:10px;
	margin-top:30px;
	width:20%;
	border-bottom:1px solid rgb(100,170,235);
	color:rgb(120,190,255);
}

p{
	font-family:'Source Sans Pro',sans-serif;
	font-size:18px;
	margin:0;
	padding:0;
	font-weight:100;
	padding-bottom:10px;
}

#bg{position:fixed;top:0;right:0;z-index:-10;}
.bgwidth{width:100%}
.bgheight{height:100%}