@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------
  Old School Cameras - style sheet for contact.htm
  - redesign, development, and code by: Sean Glassford
  - last updated: 6/11/2012
  - Copyright 2012, Old School Cameras, All Rights Reserved
--------------------------------------------------------------------------------*/

/* hide sections with webfont text until page loads to avoid font flicker */
.wf-loading .tabs a, .wf-loading .subcat, .wf-loading .subsubcat, .wf-loading .ch {
  visibility:hidden;
}
.wf-active .tabs a, .wf-active .subcat, .wf-active .subsubcat, .wf-active .ch, .wf-inactive .tabs a, .wf-inactive .subcat, .wf-inactive .subsubcat, .wf-inactive .ch {
  visibility: visible;
}
.ch {
	//characters
}

#screenwrap {
	background-color:#000;
	height:140px;
	min-width:950px;
	overflow:visible;
	background:url(../images/rentalback4.png) center top no-repeat #000;
}
#screen {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:140px;
	color:#fff;
	margin:0 auto;
}
#pagename {
	position:absolute;
	top:52px;
	left:20px;
	height:30px;
	max-width:420px;
	color:#e2e1dd;
	font-family:"FunctionProBold", Helvetica, Arial, sans-serif;
	font-size:30px;
	text-shadow: 0px 3px 1px rgba(116,118,121,.3), 0 0 5px rgba(116,118,121,.4), 0 1px 3px rgba(116,118,121,.4), 0 5px 7px rgba(116,118,121,.2);
	opacity:0.90;
	filter: alpha(opacity=90);
}
#mainwrap {
	position:relative;
	background:url(../images/mainback.jpg) center top repeat-x #dedddb;
	min-width:950px;
    overflow: visible;
	height:640px;
}
#main {
	background:url(../images/mainline.png) left top no-repeat; 
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	margin:0 auto;	
	color:#333;
	height:640px;
}
#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", Helvetica, Arial, sans-serif;
	font-size:22px;
	letter-spacing:-.02em;
	opacity:0.98;
	filter:alpha(opacity=98);
}
.our_info {
	width:230px;
	height:70px;
	color:#000;
}
#our_address {
	position:absolute;
	top:10px;
	left:135px;
}
#our_contact {
	position:absolute;
	top:10px;
	left:395px;
}
#our_hours {
	position:absolute;
	top:10px;
	left:665px;
}
.our_desc {
	position:relative;
	top:0px;
	left:0px;
	width:250px;
	height:16px;
	font-family:"FunctionProMediumOblique", Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:-.04em;
	opacity:0.98;
	filter:alpha(opacity=98);
	padding:0 0 2px 0;
}
.our_sub_desc {
	position:relative;
	left:0px;
	width:250px;
	height:15px;
	font-family:"FunctionProBook", Helvetica, Arial, sans-serif;
	font-size:15px;
	letter-spacing:-.02em;
	opacity:0.98;
	filter:alpha(opacity=98);
	padding:0 0 1px 0;
}
.our_ital {
	font-family:"FunctionProBookOblique", Helvetica, Arial, sans-serif;
	font-size:14px;
	letter-spacing:-.02em;
	opacity:0.98;
	filter:alpha(opacity=98);
}
#grey_camera {
	position:absolute;
	top:23px;
	left:888px;
}

#contact_main {
	background:url(../images/contact_back1.png) left top no-repeat;
    position:absolute;
    top:110px;
    left:20px;
    width:910px;
    height:500px;
}
#mainleft {
	position:absolute;
	top:0px;
	left:0px;
	width:507px;
	height:500px;
	background: rgba(0, 0, 0, 0.025);
}
#form_name {
	font-family:"FunctionProMedium", Helvetica, Arial, sans-serif;
	font-size:21px;
	letter-spacing:-.04em;
	opacity:0.98;
	filter:alpha(opacity=98);
	padding:0 0 8px 0;
}
#form_sub_name {
	font-family:"FunctionProBook", Helvetica, Arial, sans-serif;
	font-size:15px;
	letter-spacing:-.05em;
	opacity:0.98;
	filter:alpha(opacity=98);
}

/* form style */
#da_form {
	position:relative;
	width:460px;
	height:400px;
	margin:20px 0 0 40px;
	padding:4px 0 0 0;
} 
/* nested fieldset */
#da_form fieldset {
	width:230px;
	float:left;
	border:0;
	padding:0;
	margin:0;
}
#da_form #subhead {
	margin:0 0 5px 0;
	color:#494949;
	font-size:13px;
}
label {
    display:block;
    width:180px;
    margin:20px 0 0 0;
    padding:0px;
    font-size:12px;
    color:#333;
}
label input {
    background:url(../images/email_list_back1.png) left top no-repeat;
	border: none;
	height: 17px;
	padding: 8px;
	width: 183px;
	font-family:"FunctionProBook", Helvetica, Arial, sans-serif;
	font-size:15px;
	word-spacing:0.2px;
	text-shadow:#565656;
	opacity:0.90;
	filter: alpha(opacity=90);	
}
label input:focus {
    background: url(../images/email_list_back1.png) 0 -33px no-repeat;
}
#da_form select {
	border:1px solid #8c8c8c;
	color:#111;
	font-size:12px;
	width:192px;
	height:30px;
	outline:none;
	border-top-left-radius:9px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	border-bottom-left-radius:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-bottomleft:9px;
	background:#d6d4d0;	
}
#da_form select:focus {
	background:#f3f3f3;
}
#da_form textarea {
	background:url(../images/textarea_back.png) left top no-repeat;
	border: none;
	height: 50px;
	padding: 8px;
	width: 183px;
	font-family:"FunctionProBook", Helvetica, Arial, sans-serif;
	font-size:15px;
	word-spacing:0.2px;
	text-shadow:#565656;
	opacity:0.90;
	filter: alpha(opacity=90);
	resize: none;	
}
#da_form textarea:focus {
	background:url(../images/textarea_back.png) 0 -66px no-repeat;
}
/* input field*/
#da_form input:focus, textarea:focus, input:active, textarea:active, #state:focus, #state:active {
	outline: none;
	-moz-outline-style: none;
}
#da_form #submit:active, #submit:focus, #reset:focus, #reset:active {
    outline:none;
	-moz-outline-style:none;
}
#submit { 
    margin:20px 0 0 0;
	background:url(../images/contact_buttons.png) left top no-repeat;
	width:90px;
	height:33px;
	float:left;
	cursor:pointer;
	clear:right;
	border:none;
	outline:none;
	text-indent: -9999px;
}
#reset { 
    margin:20px 0 0 14px;
	background:url(../images/reset_button.png) left top no-repeat;
	width:105px;
	height:33px;
	float:left;
	cursor:pointer;
	clear:right;
	border:none;
	outline:none;
	text-indent: -9999px;
}
#submit:hover, #submit:focus, #reset:hover, #reset:focus { background-position:0 -33px; }
#submit:active, #reset:active { background-position:0 -66px; }

.clear {
    clear:both;
    height:15px;
}
#e_mail_error {
	position:absolute;
	top:210px;
	left:112px;
}
#name_error {
	position:absolute;
	top:140px;
	left:109px;
}
.error {
	width:180px;
	height:20px;
	text-align:left;
	padding-top:5px;
	color:#f30;
	font-family:"FunctionProMediumOblique", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	text-shadow:#565656;
	opacity:0.85;
    filter: alpha(opacity=85);
}

/* - hides mozilla form input border generated from "required" error - */
:invalid {  
  box-shadow: none;  
}
:-moz-submit-invalid {  
  box-shadow: none;  
}
:-moz-ui-invalid {  
  box-shadow:none;  
}

#e_mail {
	background:url(../images/email_list_back1.png) left top no-repeat;
	border: none;
	height: 17px;
	padding: 8px;
	width: 183px;
	font-family:"FunctionProBook", Helvetica, Arial, sans-serif;
	font-size:15px;
	word-spacing:0.2px;
	text-shadow:#565656;
	opacity:0.90;
	filter: alpha(opacity=90);
}
#e_mail:focus {
	background: url(../images/email_list_back1.png) 0 -33px no-repeat;
}