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

.backgroundWrap{
	background:#FFFFFF;
	width:100%;
	height:750px;

}

a {
text-decoration:none;
outline: none;
}


a img {outline : none;}

img {border : 0;}

.headerWrap{
	width: 100%;
	height: 150px;
	margin: 0 auto;
}

.spacer{
	width: 100%;
	height: 30px;
	margin: 0 0;
	background:#FFFFFF;
	float:right;
}



.logo{
	width: 310px;
	height:50px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}


.menu {
	float: left;
	width: 100%;
	height: 50px;
	background: #00401C;
	margin: 0 0 0 0;
  	font-family: "Play", sans-serif;
	
}

.menu .line3 {
	width: 100%;
	height: 5px;
	background: #FFF;
	margin-bottom:0px;
	float:left;
}

.menu ul {
	margin: 10px 0 0 0;
	list-style: none;

}

.menu ul li {
	display: inline;
}

.menu .spacerSmall{
	width: 150px;
	height: 50px;
	margin: 0 0;
	background: #00401C;
	display: inline;
	float: right;	
	
}

.menu a {
	float:right;
	display: block;
	height: 30px;
	width: 130px;
	margin-left: 30px;
	padding:0;
	text-align: center;
	text-decoration: none;
	font-size: 19px;
	color:#FFFFFF;
  	font-family: "Play", sans-serif;
}

.menu li a:hover {

	font-size: 22px;
}

.menu li .current{
	font-weight: 400;
	font-size: 19px;
	color: #79E55C;
  	font-family: "Play", sans-serif;
}

.bodyWrap{
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
	padding-top: 15px;
	margin: 0 auto;
}



.mainTable {
	width: 1000px;
	height: 600px;
	margin: 20px auto;


}

.mainColumn {
	width: 235px;
	height: 570px;
	background-color: #FFF;
	display: inline;
	float: left;
	margin-right:45px;
}

.mainColumnWhite {
	width: 130px;
	height: 570px;
	background-color: #FFF;
	display: inline;
	float: left;
	margin-left:15px;


}


.mainCell {
	width: 235px;
	height: 180px;
	background-color: #FFF;
	margin-top:7px;

}

.mainCell .serviceTitle{
	width: 100%;
	height: 30px;
	text-decoration: none;
  	font-family: "Play", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	float:left;
	margin-top:10px;
	color:#000000;
	
}

.mainCell .image{
	height: 130px;
	width: 235px;
}


.serviceBox {
	width:170px;
	height:165px;
	float: left;
	margin: 15px 15px 15px 15px;
	
}


.aboutSpace {
	width: 60%;
	height: 600px;
	margin: 40px auto;
  	font-family: "Play", sans-serif;

}

.aboutSpace h2 {
  font-size: 1.5em;
  font-family: 'Play', sans-serif;
	font-weight: 700; 
  line-height: 1.2em;
}


.aboutSpace ul{
 list-style-type: square;
 padding-left: 25px;
 list-style-position: outside;
 right: 5px;
 font-size: 1em;
 padding: 10px 5px 10px 5px;
 line-height: 1.8em;

}

.aboutSpace a {
	text-decoration: none;
	font-size: 1em;
	color:#055669;
  	font-family: "Play", sans-serif;
}

.aboutSpace li a:hover {
	font-size: 1.3em;
}



.footerWrap {
	width: 100%;
	height: 50px;
	background: #00200E;
	margin-top: -50px;

}
.footerWrap .line {
	width: 100%;
	height: 10px;
	background: #79E55C;
}

.footerWrap .line2 {
	width: 100%;
	height: 7px;
	background: #055669;
}


/* Addition styles for Contacts page*/

.contactDetailWrap {
	position:relative;
	float: right;
	width: 300px;
	height: 565px;
}

.contactDetailWrap .address{
	width: 270px;
	height: 180px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	
} 

.contactDetailWrap .numbers{
	width: 270px;
	height: 100px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	
}

.contactDetailWrap .emails{
	width: 270px;
	height: 180px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	
}

.contactTable {
	width: 1000px;
	height: 600px;
	margin: 20px auto;
}


.contactColumn {
	width: 380px;
	height: 500px;
	background-color: #FFF;
	display: inline;
	float: left;
	margin-right:45px;
}

.contactColumn .contactCell{
	width: 280px;
	height: 150px;
	background-color: #FFF;
	float: right;
	margin-top:30px;
	font-size:16px;
	font-family: "Play", sans-serif;
}

.contactCell h3 {
	font-family: "Play", sans-serif;
	font-size:14px;
}

.contactCell p {
	font-family: "Play", sans-serif;
	font-size:14px;
}



.contactSpacerColumn {
	width: 120px;
	height: 500px;
	background-color: #FFF;
	display: inline;
	float: left;
	margin-left:15px;

}

/*---contact form---*/

#contact-area {
	width: 300px;
	float: right;
	margin-top: 30px; 
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	font-family: "Play", sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #055669;
	width:280px;
}

#contact-area textarea {
	height: 90px;
	width:280px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #055669;
}

#contact-area input.submit-button {
	margin-top: 31px;
	width: 100px;
	float: right;
	background-color: #055669;
	border: 0px solid #79E55C;
	font-family: "Play", sans-serif;
	font-size:14px;

	font-weight:bold;
	color: #FFF;
	
}

label {
	float: left;
	text-align: left;
	width: 100px;
	padding-top: 5px;
	font-family: "Play", sans-serif;
	font-size:14px;

	font-weight:bold;
}


.sent {
	
	width: 250px;
	height:20px;
	float: left;
	font-size:16px;
	font-weight: bold;
	
}