body, body * {
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

/* Global Styles */
div,
svg,
img,
.introVid,
.gBackgroundHolder {
	width: 400px;
	height: 1000px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	visibility: hidden;
}

.wrap,
.intro {
	width: 140px;
	height: 651px;
	visibility: visible;
	overflow: visible;
}

.gutter,
.introVid,
.gBackgroundHolder {
	overflow: hidden;
	visibility: visible;
}

#gBackgroundR {
	width: 500px!important;
	height: 1100px!important;
} 

.introVid,
.copy,
.lineBlock,
.hollys,
.logoBlock,
.logoTxt,
.lockupKeyline,
.logoKeyline,
.cta {
	visibility: hidden;
}

.logoBlock,
.ctaBackground,
.copyGroup,
.hollys { 
	fill: #fff;
}

.lockupKeyline,
.logoKeyline,
.lockupLine {
	stroke-width: 4;
	stroke-linecap: square;
	stroke-miterlimit: 30;
	fill: none;
	stroke: #FFFFFF;
}

.border {
    width: 100%;
    height: 100%;
	fill: white;
    stroke: #cccccc;
    stroke-width: 1px;
    fill-opacity: 0.0;
	stroke-opacity: 1.0;
	visibility: visible;
}

.mainExit {
	cursor: pointer;
	background-color: rgba(255,255,255,0);
	visibility: visible;
}


/* Left Gutter Specific Styles */
#wrapL { left: 260px; }

/* Billboard Specific Styles */
#billboardWrapper,
#billboard,
#mainExit,
#efPanel,
#efLogo,
#mainBackground,
#productOverlay,
#introVid {
	width: 1000px;
	height: 220px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	visibility: visible;
}
#mainBackground,
#productOverlay,
#efPanel,
#efLogo,
#copyA,
#copyB,
#cta {
	visibility: hidden;
}
#billboardWrapper {
	width: 1000px;
	height: 1000px;
	left: 400px;
	background-color: #fff;
	background-image: url("assets/website-guide.jpg");
}
.panel { fill: #fff; }
#ctaBorder { fill: none; stroke:#000000; stroke-miterlimit: 10; }

/* Right Gutter Specific Styles */
#gutterR { left: 1400px; }