/* A reset rule helps zero out some of the inconsistancies between browsers. */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, p, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0; outline: none;}  

ul, ol {list-style: none;}  

a {text-decoration: none;}  

p {
   color:#FFF;
}

h2 {
	color: #FFF;
	padding-top:10px;
}

body {
	background-color:#000;
	font: .8em Helvetica, Arial, serif; /*Define fonts at highest possible level. this shorthand only works if you're defining the size AND the family */
}

#wrapper {
width: 980px;
margin: 0 auto;
}

#header {
background: url(http://tylermillerphotography.com/header.jpg) no-repeat top;
height: 131px;
}

#content {
background: url(http://tylermillerphotography.com/content.jpg) no-repeat top;
height: 530px;  /*It's usually bad practice to define a content wrapper height, but you're using a flash movie, so the height will remain static*/
 
/* The bg-pos pushes the background over so your box fits around the right thing. You might want to touch up the right edge in PS if you use this (it gets clipped) Alternatively, if you wanted to keep the photos perfectly centered, you could zap this bg-pos rule and add a negative margin to your #subnav. */
}

#container { margin-top: -250px; clear: both; letter-spacing: 1px; word-spacing: normal; line-height: 20px; text-align: left; z-index: 0; font-family: Arial, "Lucida Grande", Verdana, sans-serif; margin-right: 100px; margin-left: 100px; padding-right: 100px; padding-left: 100px; font-size: 12px; background: no-repeat top; color: #FFF;
}

#mainnav { 
float: right; padding-top: 50px; 
padding-right: 50px;
}
#mainnav a {color: white;}
#mainnav li{float: left; padding-left: 30px;}
#mainnav a:hover {text-decoration: underline;} 

#subnav {
width: 144px; float: left; margin-top: 50px;
}
#subnav a { color: #797365;}
#subnav li{padding-left: 30px;padding-top: 20px; margin-bottom: 1px;}
#subnav li a:hover {color: white; text-decoration: underline;}
#subnav li a:active {color: white}

#footer { padding-top: 50px; z-index: 0; bottom: auto; font-size: 10px; clear: both; color: white; text-align: center;}

/* Main Form styles ////////////////////////////////////////////////*/
#page-wrap {
	color: #FFF;
	text-align: center;
	padding: 20px 20px 20px 20px;
	margin: 20px auto;
	min-height: 500px;
}

#page-wrap a{
	color: #FFF;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
	margin-left: 30px;
	padding-right: 75px;
}

#contact-area input, #contact-area textarea {
	padding: 6px;
	width: 500px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #000;
	color: #333333;
	background: #ccc;
}

#contact-area textarea {
	height: 200px;
	color: #333333;
	background: #ccc;
}

#contact-area textarea:focus {
	border: 2px solid #fff;
	outline: none;
}

#contact-area input:focus {
	border: 2px solid #fff;
	outline: none;
}

#contact-area input.submit-button {
	color: white;
	width: 100px;
	float: right;
	background: #222;
	border: #111;
}

#contact-area input.submit-button:hover {
	color: white;
	width: 100px;
	float: right;
	background: #333;
	border: #111;
	text-decoration: blink;
}

label {
	float: left;
	text-align: left;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}