#wrapper {
	background: #ffffff;	
}

#column-2, #content-columns, .two-column #column-2{
	width: 100%;
}

.grey-box{
	background-color: #eeefef;
	padding: 15px;
	margin-top: 10px;
	border-radius: 1px;
	width: 535px;
}

.grey-box h2{
	margin-bottom: 10px;	
}


.grey-box input, .grey-box textarea {
	padding: 8px 10px 8px 10px;
	border: medium none;
	margin-right: 5px;
	border-radius: 2px;
	font-size: 14px;
	font-family: Arial;
}

.two-column .text, .full-width-inputs input, .full-width-inputs textarea{
	width: 96%;	
	margin-bottom: 10px;
}

.full-width-inputs input[type=submit]{
	width: auto;

}

#column-2 input[type=submit]{
	background-color: #a3243a;
	color: #ffffff;
	font-weight: bold;
}

h2{
	color: #4d4d4f;	
	font-size: 18px;
}

.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	
	/* Firefox */
	-moz-transform: rotate(-90deg);
	
	/* IE */
	-ms-transform: rotate(-90deg);
	
	/* Opera */
	-o-transform: rotate(-90deg);
	
	transform: rotate(-90deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.form-container{
  height: 535px;
  width: 565px;
  -webkit-perspective: 800px;
	 -moz-perspective: 800px;
	   -o-perspective: 800px;
		  perspective: 800px;
}

#form {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-transform-origin: right center;
	 -moz-transform-origin: right center;
	   -o-transform-origin: right center;
		  transform-origin: right center;
}

#form.flipped {
  -webkit-transform: translateX( -100% ) rotateY( -180deg );
	 -moz-transform: translateX( -100% ) rotateY( -180deg );
	   -o-transform: translateX( -100% ) rotateY( -180deg );
		  transform: translateX( -100% ) rotateY( -180deg );
}

#form > div {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	   -o-backface-visibility: hidden;
		  backface-visibility: hidden;
}

#form .thank-you {
	/*background: url(file:///C|/wamp/www/img/white-80.png) repeat;*/
	height: 300px;	
}

#form .back {
  /*background: url(file:///C|/wamp/www/img/white-80.png) repeat;*/
  -webkit-transform: rotateY( 180deg );
	 -moz-transform: rotateY( 180deg );
	   -o-transform: rotateY( 180deg );
		  transform: rotateY( 180deg );
	-webkit-transition: height 0.8s;
	-moz-transition: height 0.8s;
	transition: height 0.8s;
}

#form > div.minimise-form{
	height: 300px;	
}
.back p{
	color: #565656;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	margin-top: 15px;
}
.thank-you p{
	color: #565656;
	text-align: left;
	font-size: 20px;
	line-height: 30px;
}

.back-text{
	margin-bottom: 150px;	
}

.thank-you-message{
	font-size: 20px;
	text-align: center;
	margin: 20px 0;
}

.thank-you-message p{
	margin: 15px 0;
}
