/*

==============================================================================
Styling the Contact Form to conform to all other contact forms in the website. 
2007 By Kev! NeoTech Media IT Architecture.
Do not change anything unless you know what you are doing!
===============================================================================

*/

#wrapper { 
margin: 0 auto;
padding: 20px;
width: 580px;
border: 1px solid #CCC;
background-color: #FFF;
background-image: url(../gfx/vbg2.png);
background-repeat: repeat-x;
background-position: left top;

}

#main {
	border: 1px solid #CCC;
	width: 575px;
	min-height: 150px;
	background: #F1F3F5;
}

#header
{
	color: #039;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	font-style: oblique;
	padding: 4px 0 4px 0;
	text-align: justify;
}

form
{
	margin-left: 70px;
	border: 1px solid #CCC;
	width: 475px;
	background: #E9ECEF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #06C;
	padding: 5px;
	margin-bottom: 10px;
}

#result {

	margin-left: 70px;
    margin-top: 10px;
	border: 1px solid #cccccc;
	width: 475px;
	background: #E9ECEF;
    text-align: justify;
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    font-size : 11px;
    color: #039;
    padding: 5px;
}

.error {
    font-family: verdana, arial, sans-serif;
    font-weight:normal;
    font-size : 11px;
    color:#dd1111;
    padding:5px;

}


.text {
	border: 1px solid #CCC;
}

input {
    border: 0px solid #CCC;
}


#caption
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px;
	font-size: 14px;
	color: #069;
}

#icon
{
	width: 60px;
	height: 100px;
	float: left;
	background-image: url(icon.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#foot
{
	color: #369;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: normal;
	text-align: center;
}