/*GYF Main*/

body{
	min-width: 1250px;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	margin: 10px;
	background-image: url('../images/back.jpg');
	background-size: cover;                     
	background-repeat: no-repeat;
	background-position: center center;      
}

.home_header{
	/*background-color: white;*/
	height: 75px;
	width: 100%;
	position: relative;
	z-index: 900;
	-moz-box-shadow:0px 3px 17px rgba(21,21,21,0.70);
	-webkit-box-shadow:0px 3px 17px rgba(21,21,21,0.70);
	box-shadow:0px 3px 17px rgba(21,21,21,0.70);
}

.other_header{
	background-color: white;
	height: 100px;
	width: 100%;
	position: relative;
	z-index: 999;
	border-bottom: 1px solid #d4d4d4;
}

.logo {
	width: 600px;
	height: 55px;
	top: 10px;
	position: relative;
	float: left;
	font-family: 'Droid Sans';
	font-size: 50px;
}

.logo img {
	height: 45px;
}

.logo a {
	text-decoration: none;
	
}

.logo span {
	color: #4C8C16;
	position: relative;
	bottom: 5px;
	left: -5px;
}

.section_back {
	background-color: rgba(255,255,255,0.90);
}

.round_it {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.round_it_top {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.round_it_bottom {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

nav{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 15px;
	list-style: none;
	padding: 5px 25px 0px 40px;
	position: relative;
	float: right;
	display: block;
}

nav a{
	color: #1e1e1e;
	text-decoration: none;
	padding: 5px 15px;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

nav a:hover{
	color: white;
	padding: 5px 15px;
	background: #4C8C16;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

nav a:active{
	color: white;
	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:inset 0px 1px 3px rgba(21,35,57,0.75);
	-webkit-box-shadow:inset 0px 1px 3px rgba(21,35,57,0.75);
	box-shadow:inset 0px 1px 3px rgba(21,35,57,0.75);
	background-color: #4C8C16;
}

nav ul{
	list-style-type: none;
}

nav ul li{
	float: left;
	margin-right: 7px;
}


.gal_pic {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	background: #fff;
	border: 2px solid #fff;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}

.active_link {
	color: white;
	padding: 5px 15px;
	background: #4C8C16;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



.slide {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	height: 500px;
	top: -25px;
}

.slide h1{
	position: relative;
	z-index: 2;
	width: 600px;
	height: 60px;
	/*margin: auto;*/
	left:25px;
	top:25px;
	text-align: center;
	font-size: 24px;
	color: white;
	font-weight: 400;
	text-shadow: 0px 2px 3px #111111;
	background: rgba(35,35,35,0.80);
	padding: 13px 13px 17px 13px;
	
}

#contact {
	
	text-align:right;
	margin: 0px 0px 0px 500px;
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 45px;
}

#contact a {
	color: #4C8C16;
}

/****MAP*****/
#add_float {
	text-align: center;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f6f6f6;
	background-color:rgba(255,255,255,0.8);
}

.close_bt {
	position:absolute; 
	right:5px; 
	top:5px;
}

.map_query {
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:absolute; 
	left:200px; 
	top:500px; 
	width:250px; 
	display:none; 
	z-index:100;
	background: #f6f6f6;
	background-color:rgba(255,255,255,0.8);
}

/*google*/

.map {
	text-align:center;
}

/******* Universal stuff ****/
.sub_title h1 {
	color: white;
	padding: 5px 12px;
	background: #4C8C16;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 21px;
	
}



/******* HOMEPAGE *******/

section{
	width: 100%;
	margin: auto;
}



.contact-section{
	margin-top: 45px;
	width: 40%;
	float: left;
	position: relative;
	margin-left: 90px;
	/*background: #f6f6f6;*/
	padding: 25px 0px 25px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow:inset 0px 1px 0px white;
}


.contact-section h1{
	color: white;
	padding: 5px 12px;
	background: #4C8C16;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 21px;
	width: 35%;
	margin: auto;
	text-align: center;
}

.contact-section p{
	text-align: center;
	margin: auto;
	margin-top: 25px;
	text-shadow: 0 1px 0px #ffffff;
	font: 300 16px 'Open Sans', sans-serif;
}

.contact-section a{
	color: #357ae5;
	text-decoration: none;
}

.contact-section a:hover{
	color: #4C8C16;
}

.contact-section .map{
	margin: auto;
	margin-top: 30px;
}

small {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

small a{
	color: #357ae5;
}

.mission-section{
	margin-top: 45px;
	margin-right: 90px;
	width: 40%;
	height: 100%;
	float: right;
	position: relative;
	/*background: #f6f6f6*/;
	padding: 25px 0px 25px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	box-shadow:inset 0px 1px 0px white;
	text-align: center;
}

.mission-section h1{
	color: white;
	padding: 5px 12px;
	background: #4C8C16;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 21px;
	width: 30%;
	margin: auto;
	text-align: center;
}

.mission-section p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin: auto;
	margin-top: 25px;
	width: 90%;
	text-align: left;
	line-height: 25px;
	padding-left: 15px;
	text-shadow: 0 1px 0px #ffffff;
}

.mission-section img{
	margin: auto;
	margin-top: 30px;
}




/***** WRAPPER *****/

.content {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
	padding: 50px 0px;
	background: #e8e9eb;
	float: left;
}

.wrapper{
	width: 960px;
	min-height: 400px;
	margin: 0 auto;
	background: white;
	padding: 0px 35px 35px 35px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow:inset 0px 1px 0px white;
}

.wrapperCrew{
	width: 960px;
	height: 900px;
	margin: 0 auto;
	background: white;
	padding: 0px 35px 25px 35px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow:inset 0px 1px 0px white;
	text-align:center;
}

.wrapperCrew a{
	color: #4C8C16;
}

.wrapperPorts{
	width: 960px;
	height: 950px;
	margin: 0 auto;
	background: white;
	padding: 0px 35px 25px 35px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow:inset 0px 1px 0px white;
}

.heading{
	margin: 0;
	border-bottom: 1px solid #d1d1d1;
	height: 50px;
}

.heading h1{
	text-align: left;
	font: 700 35px 'Open-Sans', sans-serif;
	color: #353535;
}



/***** Our Crew *****/

.crew{
	position: relative;
	top: 55px;
	padding-top: 30px;
	width: 960px;
	float: left;
}

.crew-left, .crew-right {
	position: relative;

	float: left;
	width: 400px;
}

.crew-left {
	margin-left: 50px;
	margin-right: 30px;
}

.crew-title{
	width: 350px;
	/*height: 100px;*/
	margin-top: 30px;
	position: relative;
	background: #4C8C16;
	margin: auto;
	margin-left:25px;
	padding: 3px 15px 5px 15px;
}

.crew-title a {
	color: white;
}

.crew-title h2{
	font: 600 24px 'Open-Sans', sans-serif;
	color: white;
	text-shadow: 0 2px 1px #2b5ba8;
}

.crew-title p{
	font: 400 14px 'Open-Sans', sans-serif;
	color: white;
	text-shadow: 0 1px 1px #2b5ba8;
}


.crew ul li:last-child{
	
}




/***** Contact *****/

#contact-form {
	background-color:#f5f5f5;
	width:465px;
	padding:20px;	
	border: 6px solid #4C8C16;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
	margin: 0;
	margin-top: 30px;
}

#contact-form h2 {
	text-align: left;
	font: 500 20px 'Open-Sans', sans-serif;
	color: #353535;
	margin-bottom:25px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:15px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:450px;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #4C8C16;
	background-color: #ecf2f9;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	width: 100px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:6px;
	background-color:#4C8C16;
	-moz-border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #2e63b6;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}




.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}




/***** Footer *****/

footer{
	width: 100%;
	margin: 0 auto;
	height: 110px;
	position: relative;
	background-color: #272727;
	color: white;
	border-top: 7px solid #4C8C16;
	padding-top: 20px;
	float: left;
	/*left: 60px;*/
}

.homefooter{
	width: 100%;
	width: 0 auto;
	height: 110px;
	position: relative;
	background-color: #272727;
	color: white;
	border-top: 7px solid #4C8C16;
	padding-top: 20px;
	margin-top: 30px;
}


.footer-copyright{
	font: 300 12px 'Open Sans', sans-serif;
	color: #9a9a9a;
	text-align: center;
}

.footer-links{
	text-align: center;
	margin-right: 60px;
}

.footer-links ul li{
	list-style-type: none;
	display: inline;
}

.footer-links ul li a{
	font: 300 12px 'Open Sans', sans-serif;
	color: #c9c9c9;
	margin-left: 40px;
	text-decoration: none;
	display: inline-block;
}

.footer-links ul li a:hover{
	color: #4C8C16;
	margin-top: 1px;
}

.clear{
	clear: both;
}