@charset "utf-8";
/* CSS Document */

.contactBanner
{
	background-image:url(../images/contact-banner.jpg); 
	background-position: 50% 0px;
	height:480px;
}

.contactWrapper
{
	padding:60px 0;
}

.contactTitleContainer
{
	position:relative;
	padding-bottom:60px;
}

.blueStrip
{
	content: "";
	height: 94px;
	width: 200%;
	background-color: #17b6ea;
	position: absolute;
	top: 0;
	left: -199%;
	margin-left: -15px;
}

.contactTitleContainer .contactTitleLHS
{
	width: 15%;
	float: left;
	text-align: right;
	font-size: 45px;
	line-height: 45px;
	text-transform: uppercase;
}

.contactTitleContainer .contactTitleLHS span
{
	color:#17b6ea;
	display:block;
}

.contactTitleContainer .contactTitleRHS
{
	width: 81.5%;
	float: left;
	padding-left: 3.5%;
	line-height: 27px;
}


.contactDetailsContainer ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.contactDetailsContainer ul li
{
	width:33.33%;
	float:left;
	text-align:center;
}

.contactDetailsContainer ul li span
{
	display:block;
}

.contactDetailsContainer ul li span.contactDetailsTitle
{
	padding:20px 0;
	font-family: "Roboto-Regular";
	font-size:22px;
}

.contactDetailsContainer ul li span.contactDetailsDesc
{
	line-height:23px;
}

.dropLine
{
	font-size:24px;
	font-family: "Roboto-Regular";
	text-transform:uppercase;
	padding:80px 0 20px 0;
}

::-webkit-input-placeholder {
   color:#a6a6a6;
   
}

:-moz-placeholder { /* Firefox 18- */
   color:#a6a6a6;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#a6a6a6;
}

:-ms-input-placeholder {  
   color:#a6a6a6;
}

.contactFormWrapper .contactFormLHS
{
	width:46%;
	float:left;
}

.contactFormLHS .contactTextfieldContainer
{
	padding-bottom:20px;
}

.contactTextfieldContainer .contactTextfield
{
	padding:12px 0;
	width:100%;
	border:none;
	outline:none;
	border-bottom:solid 1px #000;
	font-size:16px;
	font-family: "Roboto-Light";
}

.contactTextfieldContainer .emailTextField:focus
{
	text-transform: lowercase;
}

.contactFormWrapper .contactFormRHS
{
	width:46%;
	float:right;
}

.contactFormRHS .contactTextarea
{
	padding:12px 0;
	width:99%;
	border:none;
	outline:none;
	border-bottom:solid 1px #000;
	font-size:16px;
	height:145px;
	resize:none;
	color:#a6a6a6;
	font-family: "Roboto-Light";
}

.contactFormRHS .contactTextarea:focus
{
	color:#000;
}

.submitBtnWrapper
{
	margin-top:15px;
}

.submitBtnWrapper .submitBtn
{
	border:solid 1px #16b6ea;
	background:none;
	text-transform:uppercase;
	color:#16b6ea;
	padding:20px 30px;
	cursor:pointer;
	float:right;
}

.has-error
{
	background-color: #FFF7F7;
	border-bottom: solid 1px #ff0000 !important;
}