@charset "UTF-8";
/* Author: Corey Reed, corey@coreyreed.me */
/* Base Reset */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: left;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Generic */
 body {
	background: #000;
	color: #fff;
}
em { font-style: italic; }
strong { font-weight: bold; }
.clear { clear:both; }
a {
	color: #9e9e9e;
	cursor: pointer;
}
a:visited {
	color: #999;
}
b.alt {
	position: absolute;
	left: -999em;
}
.byline { margin-bottom: 2em; text-align: right; }
.outer-frame {
	min-width: 960px;
	position: relative;
}
.inner-frame {
	min-height: 700px;
	margin: 0 26px;
}
.side {
	position: absolute;
	top: 27px;
	bottom: 27px;
	width: 26px;
}
.left.side {
	background:#fc0 url(images/t67.gif) left top no-repeat;
	left: 0;
}
.right.side {
	background:#000 url(images/metal-grid-side.png) right top repeat-y;
	right: 0;
}
.brace {
	height: 151px;
	background:transparent url(images/side-braces.png) left top no-repeat;
	position: absolute;
	top: 357px;
	width: 47px;
}
.left.brace {
	left: 0;
}
.right.brace {
	background-position: right top;
	right: 0;
}
#logo-box {
	position: absolute;
	left: 66px;
	top: 58px;
}
.inner-frame h1 {
	font-weight: bold;
	font-size: 36px;
    left: 290px;
	letter-spacing: 2px;
    line-height: 1.2em;
    position: absolute;
    text-indent: -0.5em;
	text-shadow: 1px 1px 5px #000;
    text-transform: uppercase;
    top: 90px;
    width: 500px;
}
.catalog {
	background-color: #000;
	background: rgba(0, 0, 0, 0.7);
	margin: 0 0 0 40px;
	padding: 0 26px 26px 0;
	position: relative;
	top: 224px;
	overflow: auto;
}
.catalog, .catalog .tab-container {
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
    border-radius: 0 8px 8px 8px;	
}
.catalog .tabs {
	height: 26px;	
}
.catalog .tabs li {
	background: #ccc;
	border: 1px solid #ccc;
	float: left;
	line-height: 24px;
	margin-right: 2px;	
}
.catalog .tabs li:first-child {
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
    border-radius:8px 0 0 0;	
}
.catalog .tabs li.active {
	background: #555;
	border-color: #fc0;
	border-bottom-color: #555;
}
.catalog .tabs a {
	color: #000;
	display: block;
	padding: 0 24px;
	text-decoration: none;
	text-transform: uppercase;
}
.catalog .tabs .active a { color: #fc0; text-shadow: 1px 1px 3px #000; }
.catalog .tab-container {
	background-color: #000;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid #fc0;
	border-left: 0;
	min-height: 200px;
	padding: 26px 0 13px 26px;
	overflow: auto;
}
.tab-container li {
	float: left;
	width: 140px;
	margin: 0 13px 13px 0;
}
.tab-container img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}
.catalog p { padding: 0 26px 26px 0; }
article {
	background-color: #000;
	background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #fc0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    border-radius: 8px 8px 8px 8px;
    border-right: 1px solid #fc0;
    margin: 0 0 274px 40px;
    padding: 26px;
    position: relative;
    top: 224px;
}
.ie7 article, .ie8 article, .ie7 .catalog, .ie8 .catalog, .ie7 .catalog .tab-container, .ie8 .catalog .tab-container { opacity:0.7; }
article p, .catalog p { line-height: 2em; margin: 1em 0; text-align: justify; }
.catalog p { margin-top: 0; }
.two-thirds { width: 640px; }
.full-width { width: 960px; }
/* Top Nav */
 nav {
	background: #000 url(images/metal-grid-horiz.png) left top repeat-x;
	height: 26px;
	overflow: hidden;
}
nav ul {
	height: 26px;
	margin-left: 374px;
}
nav li {
	border-left: 1px solid #000;
	color: #fff;
	float: left;
	line-height: 26px;
	text-transform: uppercase;
}
nav li.omega { border-right: 1px solid #393939; }
nav a {
	background-color: transparent;
	background-image: url(images/top-nav-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-left: 1px solid #393939;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 0 26px;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
nav a:visited { color: #fff; }
nav a:hover {
	background-position: center top;
	color: #000;
}
nav .omega a {
	border-right: 1px solid #000;
}
nav .active a, nav .active a:visited { background: #fc0; color: #000; }
/* Bottom Nav */
 nav.utility {
	background-position: left bottom;
}
nav.utility a { color: #9e9e9e; font-weight: normal; }
nav.utility a:hover {
	background-position: center bottom;
	color: #fc0;
}
/* Shadows */
 img.poster {
	border: 3px solid #f8f9f4;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}
.promo {
	min-height: 750px;
}
#promo1 {
	background: #000 url(images/fc-vintage-aerotecture.jpg) 26px top no-repeat;
}
#promo1 .product {
	position: absolute;
	left: 247px;
	top: 50px;
}
#promo2 {
	background: #000 url(images/fc-aviation-obscura.jpg) 26px top no-repeat;
}
#promo3 {
	background: #000 url(images/fc-greatest-generation.jpg) 26px top no-repeat;
}
#promo3 .product {
	position: absolute;
	left: 210px;
	top: 305px;
}
/* Promo Thumbs */
.thumbs {
	background: #000 url(images/grid-bk-gray.gif) left top repeat;
	padding: 15px 15px 15px 0;
	position: absolute;
	left: 374px;
	bottom: 50px;
	width: 530px;
}
.thumbs img {
	padding-left: 15px;
}
/* Promo Nav */
.promo-nav a {
	background-color: transparent;
	background-image: url(images/arrows-nav-lg.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 402px;	
	display: block;
	height: 70px;
	width: 40px;
}
.promo-nav a.previous { left: 164px; }
.promo-nav a:hover.previous { background-position: left bottom; }
.promo-nav a.next { background-position: right top; left: 967px; }
.promo-nav a:hover.next { background-position: right bottom; }
/* Product Details */
.product-details .catalog {margin-bottom:226px; }
div.photos { float:left; }
div.photos > img { cursor:pointer; }
div.photos .thumb-strip { width:560px; }
div.photos .thumb-strip li { float:left; }
div.specs { float:left; padding:15px; width:370px; }
div.specs h2 { font-size:2em; font-weight:bold; margin-bottom:0.5em; line-height:1.2em; }
#modal-screen { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; background:rgba(0,0,0,0.9); }
#zoom { background-color:#000; border:1px solid #fc0; border-radius:8px; position:absolute; padding:15px; }
#btn-close { width:40px; height:40px; background:transparent url(images/btn-close.png); position:relative; margin-bottom:-40px; top:-840px; left:795px; }
#zoom img { width:100%; height:100%; }
/* Aerotecture */
#aerotecture .inner-frame { background: #000 url(images/section-aerotecture.jpg) left top no-repeat; }
/* Obscura */
#obscura .inner-frame { background: #000 url(images/section-obscura.jpg) left top no-repeat; }
/* GGA */
#gga .inner-frame { background: #000 url(images/section-gga.jpg) left top no-repeat; }
/* Contact */
#contact .inner-frame { background: #000 url(images/fc-correspondence.jpg) left top no-repeat; }
/* Hangar Two */
#hangar .inner-frame { background: #000 url(images/fc-hangar-two.jpg) 200px -180px no-repeat; }