/* BACKGROUND */
#content			{ background: #FFFFFF; color: #454545; }


/* GREETING */
.greeting	 		{ padding-top: 300px; margin: 0 auto; }
.greeting h1		{ font-size: 7.4em; text-transform: uppercase; }
.greeting p			{ font-size: 2em; width: 600px; display: inline-block; }


.cont-info, #contactForm	{ float: left; }

.cont-info				{ margin: 15px 0 0 70px; }
.cont-info a			{ color: #28B3B8; font-size: 1.6em; }
.cont-info a:hover		{ color: #C4D65D; }
.cont-info a:active		{ color: #1D1E1E; }

/* LOWER INFO OUTER DIV */
.text				{ padding-top: 90px; margin: 0 auto; display: inline-block; }


/* LEFT HAND SIDE INFO BLOCK */
.text ul					{ border-left: 2px solid #454545; width: 250px;  padding-left: 20px; }
.text li					{ font-size: 1.65em; text-align: left; padding-bottom: 17px;   }
.pam-title					{ font-family: "League_GothicRegular"; font-size: 3.2em!important; padding-top: 17px; }



/* CONTACT FROM */
.contact-contact									{ width: 800px; text-align: left; margin-left: 60px; float: left; }

.contact-contact #name, .contact-contact #email, .contact-contact #phone, .contact-contact #enquiry		
													{ font-family: "Helvetica Neue"; font-size: 1.6em; background: none; text-transform: lowercase; color: #292B2B; padding: 0 0 5px 5px; }

.contact-contact #name, .contact-contact #email, .contact-contact #phone			
													{ width: 99%; border-bottom: 2px solid #454545; margin-right: 12px; }

.contact-contact #phone								{ margin-right: 0; }

.contact-contact #enquiry							{ border: 2px solid #454545; margin-top: 30px; width: 787px; height: 130px; padding-top: 3px; }

.contact-contact #submitButton						{ -webkit-appearance: none; display: inline-block; background-color: #28B3B8; padding: 6px 35px 3px; letter-spacing: 0.04em; font-size: 2.5em; margin: 20px 0 0 669px; font-family: "League_GothicRegular"; text-transform: uppercase; color: #fff; transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; }

.contact-contact #submitButton:hover				{ background-color: #c4d853; cursor: pointer;  }
.contact-contact #submitButton:active				{ background-color: #1D1E1E; }
.contact-contact #loader							{ display: none; height: 39px; background-color: #D2DFE8; }

.contact-contact fieldset span			{ width: 254px; float: left; }
.mlr					{ margin: 0 15px; }

#loader					{ left: 445px; top: 780px; }
.confirmation, #loader	{ margin-top: -30px; position: absolute; }
.confirmation			{ margin-left: 85px; font-size: 1.4em; }
.error					{ color: red; }








/* ///////////////////////////// MEDIA QUERIES //////////////////////////////////////////////////////////// */



/* 960 - 1280 AND GREATER DESKTOPS /////////////////////////////////////// */
@media screen and (min-width: 960px) and (max-width: 1279px) { 
	
.cont-info						{ margin: 15px 0 0 0; }	
	
.contact-contact				{ width: 600px; margin-left: 50px; }
.contact-contact fieldset span			{ width: 206px; }
.contact-contact #enquiry				{ width: 640px; height: 150px; }
.contact-contact #submitButton			{ margin: 20px 0 0 521px; }
	
	
	
}



@media screen and (min-width: 768px) and (max-width: 959px) { 

	.cont-info			{ margin-left: 20px; width: 220px; }	
	
	.greeting	 		{ padding-top: 250px;}
	
		
	.contact-contact				{ width: 400px; margin-left: 50px; }
	.contact-contact fieldset span			{ width: 430px;	float: none; }
	.mlr				{ margin: 0; }
	.contact-contact #enquiry				{ width: 430px; height: 150px; margin-top: 40px; }
	.contact-contact #submitButton			{ margin: 20px 0 0 312px; }
	.contact-contact .email					{ margin-left: 0; }
	.contact-contact .email, .contact-contact .phone	{ margin-top: 18px; }
	
	.text ul	{ width: 200px; }
	.text		{ padding-top: 70px; }
	
	
}

@media screen and (max-width: 767px) { 
	.greeting			{  padding-top: 80px; }
	.greeting p			{ width: 100%;}
	.cont-info			{ width: 90%; margin-left: 5%; }
	.text ul	{ width: 100%; padding-left: 0; border-left: none; }
	.contact-contact				{ width: 90%; margin-left: 5%; }
	.contact-contact fieldset span			{ width: 100%;	float: none; }
	.mlr				{ margin: 0; }
	.contact-contact #enquiry				{ width: 98%; height: 150px; margin-top: 40px; }
	#contactForm		{ text-align: right; }
	.contact-contact #submitButton			{ margin: 20px 0 0 0; text-align: right; }
	.contact-contact #name, .contact-contact #email, .contact-contact #phone			
														{  margin-right: 10; }
	.email				{ margin: 30px 0px; }


}