/*
 * Derived from:
 * http://designshack.co.uk/tutorials/creating-a-slide-in-jquery-contact-form
 */
#contactFormContainer
{
	position:absolute;
	left:400px;
	float:right;
	border: thin solid black;
}
#contactForm
{
	height:330px;
	width:351px;
	background: #505050; 
	display:none;
}
#contactForm fieldset
{
	padding:20px;
	border:none;
}      
#contactForm label
{
	display:block;
	color:#ffc400;
}      
#contactForm input[type=text]
{
	display:block;
	border:solid 1px #4d3a24;
	width:100%;
	margin-bottom:10px;
	height:24px;
}  
#contactForm textarea
{
	display:block;
	border:solid 1px #4d3a24;
	width:100%;
	margin-bottom:10px;
}  
#contactForm input[type=submit],
#contactForm input[type=button]
{
	/* background-color:#4d3a24; */
	background: #aaa; 
	border:solid 1px #23150c;
	/* color:#fecd28; */
	color: #333;
	padding:5px;
}                
#contactLink
{
	height:40px;
	width:351px;
	background: #aaa; 
	display:block;
	cursor:pointer;
	text-align: center;
	font-size: 1.5em;
	color:#ffc400;
	font-weight: bold;
}
#contactLink img 
{
	vertical-align: middle;
	margin-right: 0.5em;
}
#contactLink span {
	vertical-align: middle;
	margin: 0;
	padding: 0;
} 
#messageSent
{
	display:none;
	color:#ffc400;
}