#view {
	padding-bottom: 600px;
}


#contact-form {
	
	background-color: rgb(237, 237, 237);
	font-family:Arial, Helvetica, sans-serif;
	width:720px;
	
	margin-top: 155px;
	margin-left: 110px;
	
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	
	position:absolute;
}

#contact-form h1 {
	padding-top: 10px;
	font-size: 20px;
	margin-left: 25px;
}

#contact-form h2 {
	
	margin-left: 25px;
	margin-bottom:20px;
	font-size: 15px;
	font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	
	font-size:12px;
	margin-left: 25px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:450px;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #83D186;
	background-color: #EBF2F4;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	width: 100px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:70px;
	background-color:#82B424;
	-moz-border-radius:8px;
	border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #83D186;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	font-size: 14px;
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	margin-left: 25px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../images/cancel_48.png) no-repeat 410px;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	font-size: 13px;
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	margin-left: 25px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../images/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	margin-left: 25px;
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}
