body	{
	margin:	0;
	padding:	0;
	background:	url('/images/site_bg.png') repeat-x;
}





#wrapper	{
	position:	relative;
	width:	650px;
	height:	380px;
	margin:	45px auto;
	background: url('/images/panel_bg.png') no-repeat top left;
}

h1	{
	display:	block;
	margin:	0;
	padding:	0;
	position:	relative;
	top:	15px;
	left:	15px;
	width:	200px;
	height:	50px;
	background: url('/images/logo.png') no-repeat top left;
}
	h1 a	{
		display:	block;
		width:	200px;
		height:	50px;
	}
		h1 a b	{
			display:	none;
		}

h2	{
	font:	20px "century gothic", Helvetica, Arial, sans-serif;
	color:	#87A6C3;
}

h2.tagline	{
	width:	190px;
	margin:	50px 20px 15px;
	padding:	0 0 15px;
	line-height:	1.38em;
	background: url('/images/tagline_bg.png') no-repeat bottom right;
}
	h2.tagline strong	{
		display:	block;
	}

p	{
	margin:	0 15px 15px;
}

a	{
	color:	#87A6C3;
	font-weight:	bold;
	text-decoration:	none;
}
	a:hover	{
		color:	#333;
	}





ul#navigation	{
	list-style:	none;
	margin:	0;
	padding:	0;
	position:	absolute;
	top:	255px;
	left:	15px;
}
	ul#navigation li	{
		display:	block;
		float:	left;
		margin:	0 10px 10px 0;
		padding:	0;
		width:	200px;
		height:	50px;
		background-color:	#87A6C3;
	}
		ul#navigation li a	{
			font:	bold 20px "century gothic", Helvetica, Arial, sans-serif;
			display:	block;
			padding:	5px;
			width:	190px;
			height:	40px;
			color:	#FFF;
			text-decoration:	none;
		}
	ul#navigation li#contact_us_link	{
		background-color:	#FC0;
		margin-right:	400px;
	}
		ul#navigation li#contact_us_link a	{
			color:	#333;
		}


div#content	{
	position:	absolute;
	top:	15px;
	left:	225px;
	width:	410px;
	height:	290px;
	background: url('/images/content_bg.png') no-repeat top left;
	font:	12px/22px Helvetica, Arial, Verdana, sans-serif;
	color:	#666;
}
	div#content h2	{
		font-weight:	bold;
		margin:	10px 0 20px;
		padding:	0;
		text-align:	right;
		border-bottom:	1px solid #87A6C3;
	}
	
	div#content ul	{
		margin:	0;
		padding:	0;
		float:	right;
		width:	200px;
	}
		div#content ul li	{
			margin:	0 0 0 20px;
			color:	#999;
		}
	
	div#content div.summary	{
		width:	200px;
	}


	div#content form	{
		margin:	0;
		padding:	0;
		height:	290px;
		background:	#FC0;
		color:	#333;
	}




.form	{
	position:	relative;
	margin:	0;
	padding:	10px 0 0 0;
}
	.form label	{
		font:	20px "century gothic", Helvetica, Arial, sans-serif;
		position:	absolute;
		top:	12px;
		left:	0;
		width:	120px;
		text-align:	right;
	}

.field	{
	display:	block;
	width:	265px;
	font:	12px/14px Helvetica, Arial, Verdana, sans-serif;
	margin:	0 0 0 130px;
}
input.field,
textarea.field	{
	border:	none;
	padding:	2px;
	font:	20px "century gothic", Helvetica, Arial, sans-serif;
}
textarea.field	{
	height:	5.5em;
}
.notes	{
	margin-top:	5px;
}
input.submit	{
	border:	2px solid #333;
	font:	20px "century gothic", Helvetica, Arial, sans-serif;
	color:	#333;
	background-color:	#FC0;
	margin-left:	0;
}
	input.submit:hover	{
		background-color:	#333;
		color:	#FC0;
	}
div#progress_spinner	{
	border:	2px solid #FC0;
	font:	20px "century gothic", Helvetica, Arial, sans-serif;
	color:	#333;
	background-color:	#FC0;
	margin-left:	110px;
}
div#error_message	{
	color:	#F00;
	position:	absolute;
	top:	12px;
	right:	15px;
	font:	bold 20px "century gothic", Helvetica, Arial, sans-serif;
	width:	200px;
	text-align:	right;
}



#footer	{
	margin:	300px auto 10px;
	font:	18px "century gothic", Helvetica, Arial, sans-serif;
	text-align:	center;
	color:	#CCC;
}
	#footer a	{
		font-weight:	normal;
		color:	#CCC;
		text-decoration:	none;
	}
	#footer a:hover	{
		color:	#999;
	}


#loading_spinner	{
	position:	absolute;
	top:	15px;
	left:	225px;
	width:	410px;
	height:	290px;
	background: url('/images/content_bg.png') no-repeat top left;
	font:	12px/22px Helvetica, Arial, Verdana, sans-serif;
	color:	#666;
	text-align:	center;
}
	#loading_spinner img	{
		margin:	120px auto 0;
		display:	block;
	}



