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

@font-face {
    font-family: 'Ronda';
    src: url('../_fonts/Ronda-webfont.eot');
    src: url('../_fonts/Ronda-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Ronda-webfont.woff') format('woff'),
         url('../_fonts/Ronda-webfont.ttf') format('truetype'),
         url('../_fonts/Ronda-webfont.svg#RondaITCbyBT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RondaBold';
    src: url('../_fonts/RondaBold-webfont.eot');
    src: url('../_fonts/RondaBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/RondaBold-webfont.woff') format('woff'),
         url('../_fonts/RondaBold-webfont.ttf') format('truetype'),
         url('../_fonts/RondaBold-webfont.svg#itc_rondabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BauhausLight';
    src: url('../_fonts/BauhausLight-webfont.eot');
    src: url('../_fonts/BauhausLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/BauhausLight-webfont.woff') format('woff'),
         url('../_fonts/BauhausLight-webfont.ttf') format('truetype'),
         url('../_fonts/BauhausLight-webfont.svg#itc_bauhauslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background-color: #393b47;
	background-image: url(../_images/bgPattern.png);
	background-repeat: repeat;
	background-position: center center;
}
a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #ff7000;
}
a:hover, a:active {
	color: #b3acab;
}
h2 {
	font: 24px/24px "Ronda", Impact, "Arial Black", sans-serif;
	color: #393b47;
}
.ie h2, .safari h2 {
	font-family: "RondaBold", Impact, "Arial Black", sans-serif;
}
h4 {
	font: 17px/23px "Ronda", Impact, "Arial Black", sans-serif;
	color: #fff;
}
.ie h4, .safari h4 {
	font-family: "RondaBold", Impact, "Arial Black", sans-serif;
}
p {
	font: 16px/23px "BauhausLight", "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
}
#outerSpace {
	width: 100%;
	height: 100%;
	position: fixed;
	-moz-box-shadow: 0px 0px 70px 10px #08080A inset;
	-webkit-box-shadow: 0px 0px 70px 10px #08080A inset;
	box-shadow: 0px 0px 70px 10px #08080A inset;
}
#log {
	position: absolute;
	color: #fff;
}
#mainContent {
	width: 1280px;
	margin: 0 auto 0;
}
#mainContent h1 {
	text-align: center;
	font: 20px/20px "Ronda", Impact, "Arial Black", sans-serif;
	width: 341px;
	height: 51px;
	background-image: url(../_images/gillespieDesign.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	margin: 45px auto 4px;
}
#mainContent h1 a {
	width: 100%;
	height: 100%;
	display: block;
}
.ie #mainContent h1, .safari #mainContent h1 {
	font-family: "RondaBold", Impact, "Arial Black", sans-serif;
}
#mainContent h1 span {
	visibility: hidden;
}
#mainContent h2 span {
	visibility: hidden;
}
#mainContent #contactInfo {
	font-size: 14px;
	display: block;
	text-align: center;
	white-space: pre;
	color: #b3acab;
}
#mainContent #contactInfo a {
	color: #b3acab;
}
#mainContent #contactInfo a:hover, #mainContent #contactInfo a:active {
	color: #ff7000;
}
#mainContent #contactInfo span {
	font-size: 0.8em;
	position: relative;
	top: 8px;
}
#mainContent #arch {
	width: 1170px;
	height: 648px;
	background-image: url(../_images/arc.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 66px 55px 0;
	position: relative;
}
/*#mainContent #arch #menu {
	width: 63px;
	height: 62px;
	position: absolute;
	top: 50px;
	left: 48px;
	background-image: url(../_images/menulogo.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 500;
	cursor: pointer;
}
#mainContent #arch #menu:hover {
	background-position: center bottom;
}
#mainContent #arch #menu:hover:after {
	content: "More pages coming soon.";
	font: 17px/17px "Ronda", Impact, "Arial Black", sans-serif;
	color: #ff7000;
	position: absolute;
	left: 72px;
	top: 24px;
	width: 200px;
}*/
#mainContent #arch .arrowButton {
	height: 60px;
	position: absolute;
	top: 48px;
	cursor: pointer;
	z-index: 500;
}
#mainContent #arch .arrowButton .arrow {
	background-image: url(../_images/arrowLeft.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 34px;
	height: 60px;
	display: inline-block;
}
#mainContent #arch .arrowButton.next {
	right: 62px;
	text-align: right;
}
#mainContent #arch .arrowButton.prev {
	left: 62px;
	text-align: left;
}
#mainContent #arch .arrowButton.prev .arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#mainContent #arch .arrowButton:hover .arrow, #mainContent #arch .arrowButton:active .arrow {
	background-position: center bottom;
}
#mainContent #arch .arrowButton p {
	font: 24px/24px "Ronda", Impact, "Arial Black", sans-serif;
	color: #b3acab;
	display: inline-block;
	position: relative;
	bottom: 22px;
}
.ie #mainContent #arch .arrowButton p, .safari #mainContent #arch .arrowButton p {
	font-family: "RondaBold", Impact, "Arial Black", sans-serif;
}
#mainContent #arch .arrowButton:hover p, #mainContent #arch .arrowButton:active p {
	color: #ff7000;
}
#mainContent #arch #mask {
	width: 1170px;
	height: 580px;
	overflow: hidden;
	position: relative;
}
	#whiteBG {
		position: absolute;
		top: 0;
		left: 0;
	}
	#loader {
		width: 130px;
		height: 30px;
		background-image: url(../_images/loadingLogo.gif);
		background-repeat: no-repeat;
		background-position: center top;
		margin: auto;
		position: relative;
		top: 130px;
		padding-top: 130px;
		text-align: center;
		font: 21px/21px "Ronda", Impact, "Arial Black", sans-serif;
		color: #393b48;
	}
	.ie #loader, .safari #loader {
		font-family: "RondaBold", Impact, "Arial Black", sans-serif;
	}
	#container {
		width: 1170px;
		height: 1160px;
		position: relative;
	}
	#container #notice {
		padding: 150px 290px 0;
		line-height: 30px;
		text-align: center;
	}
	#container .slide {
		width: 1170px;
		height: 580px;
		position: absolute;
		display: none;
	}
	#container .slide h2 {
		margin-top: 32px;
		margin-bottom: 5px;
		text-align: center;
	}
	#container .slide:nth-child(even) {
		top: 0;
	}
	#container .slide:nth-child(odd) {
		bottom: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
		/*.slide:nth-child(1) {
			background-color: #F00;
		}
		.slide:nth-child(2) {
			background-color: #0C0;
		}
		.slide:nth-child(3) {
			background-color: #36F;
		}
		.slide:nth-child(4) {
			background-color: #FC0;
		}
		.slide:nth-child(5) {
			background-color: #F6F;
		}*/
	#thumbContainer {
		width: 280px;
		height: 140px;
		position: absolute;
		bottom: -6px;
		left: 445px;
		z-index: 500;
		/*background-image: url(../_images/thumbArch.png);
		background-repeat: no-repeat;
		background-position: center center;*/
	}
	#thumbContainer .thumb {
		width: 34px;
		height: 34px;
		position: absolute;
		border-radius: 17px;
		bottom: -17px;
		left: -17px;
		cursor: pointer;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		/*-moz-box-shadow: 0px 0px 8px 0px #08080A;
		-webkit-box-shadow: 0px 0px 8px 0px #08080A;
		box-shadow: 0px 0px 8px 0px #08080A;*/
	}
	#thumbContainer .thumb .title {
		height: 18px;
		padding: 0 8px;
		margin-top: -9px;
		font: 11px/18px "BauhausLight", "Trebuchet MS", Verdana, sans-serif;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		-webkit-font-smoothing: subpixel-antialiased;
		color: #393b47;
		background-color: #b3acab;
		position: absolute;
		left: 102%;
		top: 50%;
		white-space: pre;
		overflow: hidden;
		-moz-box-shadow: 6px 0px 8px 0px rgba(8,8,10,0.3);
		-webkit-box-shadow: 6px 0px 8px 0px rgba(8,8,10,0.3);
		box-shadow: 6px 0px 8px 0px rgba(8,8,10,0.3);
		text-shadow: 0px 0px 0px #393b47;
	}
#mainContent #arch #workMenu {
	width: 1280px;
	height: 650px;
	position: absolute;
	top: 3px;
	left: 0;
	/*background-color: #0F3;
	opacity: 0.5;*/
}
#mainContent #arch #workMenu svg #dragArea {
	cursor: move;
}
#mainContent #arch #workMenu svg text {
	font-family: "Ronda", Impact, "Arial Black", sans-serif;
	font-size: 22px;
	fill: #989898;
	text-anchor: middle;
	visibility: hidden;
	/*cursor: pointer;
	-webkit-font-smoothing: subpixel-antialiased;*/
}
.ie #mainContent #arch #workMenu svg text, .safari #mainContent #arch #workMenu svg text {
	font-family: "RondaBold", Impact, "Arial Black", sans-serif;
}
#mainContent #arch #workMenu svg text:hover {
	fill: #fff;
}
#mainContent #arch #workMenu svg #slideClip {
	position: absolute;
	z-index: -1;
}
#mainContent #arch #logo {
	width: 113px;
	height: 113px;
	background-image: url(../_images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto;
	position: absolute;
	left: 585px;
	bottom: 32px;
	z-index: 600;
}
#mainContent #arch #logo a {
	width: 100%;
	height: 100%;
	display: block;
}
#mainContent .info {
	width: 365px;
	position: relative;
	top: -40px;
	display: none;
}
#mainContent .description {
	margin-left: 50px;
	float: left;
	text-align: left;
}
#mainContent .specs {
	margin-right: 50px;
	float: right;
	text-align: right;
}
#mainContent .specs p {
	margin-bottom: 10px;
}