/* Contactus form */

		*:focus{
			outline:none; /* Prevents blue border in Webkit */
		}

		.asterisk {color:#46A1F9; font-size:12px; font-weight: bold;} /* Denotes required field */
		
		#top_bit {
			width:760px;
			margin: 0 auto;
		}
		
		form {
			width:300px;
			margin: 20px auto;
			float: left; /*shifting the form to center, left or right*/ 
		}

		p {
			line-height: 1.6;
		}

		input, textarea {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			background-color:#ffffff;
			border:1px solid #2A699F;
			font-size:15px;
			color: #00006F;
			width:300px;
			min-height:30px;
			display:block;
			margin-bottom:16px;
			margin-top:8px;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}
		
		textarea {
				min-height:200px;
		}

		input:focus, textarea:focus {
			-webkit-box-shadow:0 0 25px #ccc;
			-moz-box-shadow:0 0 25px #ccc;
			box-shadow:0 0 25px #ccc;
			
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			transform: scale(1.05);
		}
		
/* The interesting bit of contact form for validation */
		
		input:not(:focus), textarea:not(:focus) {
			opacity:0.5;
		}
		
		input:required, textarea:required {
			background:url(../images/layout/asterisk.png) no-repeat 280px 7px;						
		}

		input:valid, textarea:valid {
			background:url(../images/layout/tick.png) no-repeat 280px 7px;			
		}		

		input:focus:invalid, textarea:focus:invalid {
			background:url(../images/layout/cancel.png) no-repeat 280px 7px;						
		}

		input[type=submit] {
			padding:10px;
			background:none;
			opacity:1.0;
		}