/* Feedback form on the contact.htm page */

#feedback form
{
	width: 100%;
	/* need to set the width of the form so that the right aligned elements aren't too far to the right side of the container */
	margin-top: 5px;
	line-height: normal;
}

#feedback form div
{
	margin: 1.4em 0;
		/* add a little space above and below the divs in the form so that the lines are not too close together */
	text-align: right;
	margin-right: 160px;
}

#feedback form h2
{
	margin-top: 20px;
	text-align: left;
}

#feedback fieldset
{
	width: auto;
	padding: 0.5em;
	/* adds space around the fieldset, although this design doesn't show the fieldset, it's all ready for you to give it a border or background color or whatever */
	margin-bottom: 0.5em;
	/* add a little space below the fieldset  */
	display: block;
}

#feedback label
{
	font-weight: #500;
	font-size: 1em;
}

#feedback label.comments
{
	position: relative;
	bottom: 40px;
}

#feedback input, 
#feedback textarea
{
	width: 12em;
	/* the form inputs and textarea have the same width so that when right-aligned, everything lines up neatly */
	color: #000;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0.125em;
	/* adds a little space between the left/right edges of the input and textarea and the letters that are typed within those elements */
	background-color: #F2EFEC;
	border: 1px solid #BFB6AC;
}

/* shows focus in the form inputs and textarea */
#feedback input:focus, 
#feedback textarea:focus
{
	background-color: #4F4F4F;
	color: #fff;
	font-weight: 500;
}

#feedback .sendbutton
{
	/* background color of the send button */
	background-color: #98bd74; 
	/*set the background colour of your form buttons*/
	color: #000;
	/*set the text colour to white*/
	width: 96px;
	/*provide a width*/
	margin-top: 20px;
	/*set a 10 pixel top margin to give some "air" below the inputs*/
}