@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------
  Old School Cameras - main style sheet for all webpages
  - redesign, development, and code by: Sean Glassford
  - last updated: 4/1/2012
  - Copyright 2012, Old School Cameras, All Rights Reserved
-----------------------------------------------------------*/

/* hide sections with webfont text until page loads to avoid font flicker */
.wf-loading #home_title, .wf-loading #home_desc, .wf-loading #home_sub, .wf-loading #catalog_desc, .wf-loading #features, .wf-loading #credits_head {
  visibility:hidden;
}
.wf-active #home_title, .wf-active #home_desc, .wf-active #home_sub, wf-active #catalog_desc, wf-active #features, wf-active #credits_head {
  visibility:visible;
}
.wf-inactive #home_title, .wf-inactive #home_desc, .wf-inactive #home_sub, .wf-inactive #catalog_desc, .wf-inactive #features, .wf-inactive #credits_head {
  visibility:visible;
}

#screenwrap {
	height:410px;
	min-width:950px;
	overflow:visible;
	background:#000;
}
#screen {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:410px;
	color:#fff;
	margin:0 auto;
}
#mainwrap {
	background:url(../images/mainback1.jpg) center top repeat-x;
	height:640px;
	min-width:950px;
	overflow:visible;
}
#main {
	background:url(../images/mainline.png) left top no-repeat; 
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:640px;
	margin:0 auto;	
	color:#333;
}
#ribbon {
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:90px;
}
#greylogo {
	position:absolute;
	top:30px;
	left:20px;
}
#home_title {
	position:absolute;
	top:35px;
	left:125px;
	width:529px;
	height:22px;
	font-family:"FunctionProMedium", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:22px;
	letter-spacing:-.02em;
	opacity:0.98;
	filter:alpha(opacity=98);
}
#home_desc {
	position:absolute;
	top:24px;
	left:727px;
	width:211px;
	height:24px;
	font-family:"FunctionProMedium", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:24px;
	letter-spacing:-.04em;
	opacity:0.98;
	filter:alpha(opacity=98);
}
#home_sub {
	position:absolute;
	top:52px;
	left:730px;
	width:175px;
	height:18px;
	font-family:"FunctionProMediumOblique", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:-.02em;	
	opacity:0.98;
    filter:alpha(opacity=98);
}
#grey_camera {
	position:absolute;
	top:23px;
	left:888px;
}
#wall {
	position:absolute;
	top:90px;
	left:0px;
	width:950px;
	height:550px;
}
#catalog {
	position:absolute;
	top:35px;
	left:20px;
	width:500px;
	height:290px;
	background:url(../images/catalog.png) left top no-repeat;
}
#catalog_images {
	position:absolute;
	top:60px;
	left:30px;	
}
#catalog_desc {
	position:absolute;
	top:120px;
	left:300px;
	width:170px;
	height:100px;
	font-family:"FunctionProBook", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:500;
	letter-spacing:-.05em;
	opacity:0.98;
    filter:alpha(opacity=98);
}
#catalog_button {
	position:absolute;
	top:218px;
	left:300px;
	background:url(../images/browse_buttons.png) left top no-repeat;
	width:115px;
	height:33px;
	cursor:pointer;
	border:none;
	outline:none;
	text-indent: -9999px;
}
#catalog_button:hover	{ background-position:0 -33px; }
#catalog_button:active { background-position:0 -66px; }
#credits {
	position:absolute;
	top:360px;
	left:20px;
	width:910px;
	height:155px;
	background:url(../images/credits_back.png) left top no-repeat;
}
#credits_head {
	position:absolute;
	top:-23px;
	right:0px;
	direction:rtl;
}
#features {
	position:absolute;
	top:35px;
	left:550px;
	width:377px;
	height:290px;
}
#features a {
	text-decoration:none;
}
#features a:hover {
	text-decoration:none;
}
	

#features_head {
	position:relative;
	top:0px;
	left:0px;
}
.features_desc {
	font-family:"FunctionProBook", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:500;
	letter-spacing:-.05em;
	opacity:0.98;
    filter:alpha(opacity=98);
	margin-top:2px;
}
.normal {
	font-family:"FunctionProBook", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:500;
	letter-spacing:-.009em;
	opacity:0.98;
    filter:alpha(opacity=98);
}
.bolder {
    font-family:"FunctionCapsMedium", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:600;
	letter-spacing:-.05em;
	opacity:0.90;
    filter:alpha(opacity=90);
}
.orange_headers {
	position:relative;
	font-family:"FunctionProMedium", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
	letter-spacing:-.01em;
	opacity:0.98;
    filter:alpha(opacity=98);
	color:#0085cf;
	margin-top:8px;
	text-shadow: 0 0 5px rgba(255, 255, 255, 1);
}

.orange_top { margin-top:0 !important; }
.stayleave {
  display:none;
}