body {
	background: #fff;
	color: #333;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	color: #000;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	font-size: 3.0em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2 {
	color: #999;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	margin: 0;

}

h3 {
	color: #000;
	font-family: times, georgia, serif;
	font-size: 3.0em;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin: 0;
	padding: 0;
}
	
h4 {
	color: #999;
	font-family: times, georgia, serif;
	font-size: 1.5em;
	font-weight: lighter;
	margin: 0;
}

h5 {
	color: #777;
	display: block;
	font-family: times, georgia, serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0 40px 0;
	padding: 0;
}

input,
select {
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

textarea {
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

#header {
	height: 75px;
	margin: 0 auto;
	padding: 10px 0;
	width: 900px;
}

	#header h1 {
		background: transparent url('../images/quallery_logo.gif') no-repeat top left;
		display: inline;
		float: left;
		height: 75px;
		line-height: 1.0em;
		text-indent: -9999px;
		width: 300px;
	}
	
	#header h1 a {
		display: block;
		height: 75px;
		overflow: hidden;
		width: 300px;
	}
	
	
	div#header h2 {
		display: inline;
		float: left;
		font-size: 1.2em;
		line-height: 1.0em;
		height: 75px;
		padding-left: 10px;
		padding-top: 10px;
		width: 425px;
	}
		
		#header h2 strong {
			color: #0c0;
			font-weight: normal;
		}
		
		#header h2 em {
			color: #c00;
			font-style: normal;
		}

#content {
	margin: 0 auto;
	padding: 50px 0;
	width: 900px;
}

fieldset {
	background: transparent;
	border: none;
	margin: 0;
	padding: 10px 0 20px 0;
}

legend {
	color: #000;
	font-family: times new roman, georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
}

#gallery {
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
	
	#gallery li {
		color: #000;
		float: left;
		margin: 0 1.0em 1.0em 0;
		padding: 25px 0 0 25px;
		position: relative;
	}
		#gallery li div {
			background: #ddd;
			border: 1px solid #777;
			float: left;
			margin: 0;
			padding: 10px;
		}
		
		#gallery li img {
			border: 1px solid #555;
		}

		#gallery li p {
			margin: 0;
			padding: 0;
		}
		
		#gallery li form {
			position: absolute;
			top: 10px;
			left: 10px;
		}
		
			#gallery li form input{
				background: transparent url('../images/closebox.png') no-repeat top left;
				border: none;
				height: 30px;
				text-indent: -9999px;
				width: 30px;
			}

form p {
	clear: left;
}

form p input,
form p textarea,
form p select {
	border: 1px solid #555;
	font-size: 1.2em;
	padding: 2px;
	width: 400px;
}
	
	form p input,
	form p textarea {
		background: #fff url('../images/input_bg.gif') no-repeat top left;
	}

form label {
	color: #555;
	display: inline;
	float: left;
	padding: 2px 0 1px 0;
	width: 125px;
}

	 form label em {
		color: #777;
		font-size: 0.9em;
	}
	
form p.submit {
	padding-left: 125px;
}
	
	form p.submit input {
		background: #bbb url('../images/button_bg.gif') repeat-x top left;
		border: 1px solid #777;
		font-family: times new roman, georgia, serif;
		font-size: 1.2em;
		margin: 0;
		padding: 5px;
		width: auto;
	}

div.textarea {
	background: #fff url('../images/input_bg.gif') no-repeat top left;
	border: 1px solid #555;
	display: inline;
	float: left;
	font-size: 1.2em;
	margin: 0 0 20px 0;
	padding: 2px;
	width: 400px;
}

	div div.textarea textarea {
		background: transparent;
		border: 1px solid #fff;
		clear: left;
		display: inline;
		float: left;
		margin: 0 0 0 5px;
		overflow: hidden;
		width: 95%;
	}
	
#valid_emails {
	display: none;
}

ul#email_list {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul#email_list li {
		color: #333;
		display: inline;
		float: left;
		font-size: 0.6em;
		height: 20px;
		line-height: 20px;
		margin: 1px;
		padding: 0;
		text-shadow: 1px 1px 1px #e7f2ff;
	}
	
	ul#email_list li a {
		background: #c5dbf6 url('../images/email_address_right.gif') no-repeat top right;
		color: #6699cc;
		display: inline;
		float: left;
		font-size: 0.9em;
		font-weight: bold;
		height: 17px;
		margin: 0;
		padding: 0 10px 3px 10px;
		text-decoration: none;
	}		
		
		ul#email_list li a:hover {
			text-shadow: 0 0 0 #333;
		}
		ul#email_list li a:active {
			text-shadow: 1px 1px 1px #e7f2ff;
		}
	
	ul#email_list li span {
		background: #c5dbf6 url('../images/email_address_left.gif') no-repeat top left;
		display: inline;
		float: left;
		height: 20px;
		padding: 0 0 0 10px;
	}

div#next_step {
	background: #ffc;
	border: 3px solid #963;
	display: inline;
	float: right;
	margin: 0 0 0 50px;
	padding: 10px;
	width: 250px;
}

	div#next_step h3 {
		color: #963;
		font-family: times new roman, georgia, serif;
		font-size: 1.8em;
		font-weight: normal;
		margin: 0 0 20px 0;
	}
		
	div#next_step p {
		color: #963;
		font-size: 0.9em;
		line-height: 1.2em;
		margin: 0;
		padding: 0;
	}
		
	div#next_step p.submit {
		margin: 10px 0;
		text-align: center;
	}

		div#next_step p.submit input {
			border: 1px solid #777;
		}
		
p.message {
	background: #aaa;
	border: 3px solid #777;
	color: #000;
	margin: 10px auto;
	padding: 10px;
	width: 900px;
}

	p.success {
		background: #cfc;
		border: 3px solid #393;
		color: #393;
	}
	
	p.warning {
		background: #ffc;
		border: 3px solid #963;
		color: #963;
	}
	
	p.error {
		background: #fcc;
		border: 3px solid #933;
		color: #933;
	}


.expand-link,
.contract-link {
	display: block;
	font-size: 0.8em;
	margin: 0 0 0 120px;
	padding: 2px;
	width: 300px;
}

.contract-link {
	display: none;
	margin: 0 auto;
	width: 70%;
}

.expander-large {
	background: transparent url('../images/fullscreen-bg.png') repeat top left;
	left: 0;
	height: 100%;
	margin: 0;
	padding: 20px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

	.expander-large a,
	.expander-large a:hover,
	.expander-large a:visited,
	.expander-large label {
		background: #000;
		border: 10px solid #000;
		border-top: none;
		color: #fff;
		display: block;
	}

	.expander-large textarea {
		border: 10px solid #000;
		display: block;
		margin: 0 auto;
		width: 70%;
	}

input.button {
    padding: 0 .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
