/*
Theme Name: TSA
Author: Slick Design
Author URI: http://www.slickdesign.com.au
Description: Website template for TSA
Version: 1.0
*/

/* LIGHT BLUE: #D4F1F9 */
/* NORMO BLUE: #00A9F0 */
/* DARK BLUE: #005293 */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);
html {zoom:1;}
body, div, article, section, header, footer {padding:0;margin:0;font-family: 'Roboto', sans-serif;font-weight:400;}
div {text-align:justify;}
body {border-top:4px solid #005293;}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
a, a:hover {text-decoration:none;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.full-width-wrapper {width:100%;}
header, footer, .home-wrapper, .project-wrapper, .fleet-wrapper, .recruit-wrapper, .hseq-wrapper {
	width:960px;
	position:relative;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	z-index:11;
}
.logo-holder {width:260px;float:left;margin-top:80px;}
.logo-holder img {width:100%;}
header {height:196px;}
nav {
	width:630px;
	float:right;
	padding-bottom:20px;
	position:relative;
}
nav .border {border-bottom:1px solid #005293;width:629px;position:absolute;bottom:0;right:0;height:0}
nav ul {list-style:none;padding:0;margin:0;}
nav ul li {float:right;text-align:right;margin-left:46px;background:url('images/nav-arrow.png') no-repeat center -20px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
nav ul li:last-of-type {margin:0;float:left;}
nav ul li:hover, nav ul li a.active {background:url('images/nav-arrow.png') no-repeat center 0px;}
nav ul li a {text-transform:uppercase;color:#005293;display:block;height:100%;width:100%;padding-top:80px;}
.italic {font-style:italic;}
.blue-text {color:#005293;}
.blue-back {background:#005293;}
h1 {color:#00A9F0;font-size:3.1em;font-weight:400;margin:0;line-height:1.1em;}

/* HOME
/*********************************************************************************************************************************/
.home-wrapper .content {
	width:58%;
	float:left;
	padding-top:30px;
	padding-right:5%;
}
.home-wrapper .content img {
	width:97px;
}
.home-wrapper .content p:first-of-type {
	margin:4px;
}
.home-wrapper .latest-news {
	padding-top:30px;
	width:38%;
	float:right;
}
.latest-news h2 {
	font-size:1.7em;
	color:#005293;
	text-transform:uppercase;
	margin:0 0 17px 0;
}
.latest-news h2 img {margin:0 20px 0 0;vertical-align:middle;}
.latest-news-link {
	display:block;
	width:100%;
	height:50px;
	padding:13px 0 0 20px;
	background:#FFFFFF url('images/right-arrow.png') no-repeat 2% center;
	margin-top:10px;
	border:1px solid #FFFFFF;
	color:#005293;
}
.latest-news-link:hover {background:rgba(255,255,255,0.8) url('images/right-arrow.png') no-repeat 3% center;padding:13px 0 0 25px;border:1px solid #00A9F0;}
#slideshow {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:1500px;
}
#slideshow IMG {position:absolute;bottom:0;left:0;z-index:8;}
#slideshow IMG.show {z-index:10;}
#slideshow IMG.last-show {z-index:9;}

/* PROJECT
/*********************************************************************************************************************************/
.project-sidebar {
	width:30%;
	float:left;
	border-bottom:1px solid #00A9F0;
	padding-bottom:10px;
}
.project-sidebar img {
	width:97px;
}
.project-wrapper .content {
	width:621px;
	float:right;
}
.project-wrapper .content section {
	border-top:3px solid #005293;
	width:100%;
	padding-top:20px;
	padding-bottom: 16px;
}
.project-wrapper .content section:last-of-type {
	padding-bottom:10px;
	border-bottom:3px solid #005293;
	margin-bottom:50px;
	overflow: hidden;
}
.project-wrapper .content section h2 {
	font-size:1.7em;
	color:#005293;
	text-transform:uppercase;
	margin:4px;
}
.project-wrapper .content section h2 img {margin:0 20px 0 0;vertical-align: middle;}
video {margin-top:18px;}
.gallery {width:100%;float:right;padding-top:24px;}
.gallery .feature-img {width:100%;height:auto;float:left;}
.gallery .sub-img-holder {width:100%;float:left;}
.gallery .sub-img {width:32%;float:left;margin:1% 1.9% 1% 0;}
.gallery .sub-img:nth-of-type(3n+1) {margin:1% 0 1% 0;}

/* FLEET
/*********************************************************************************************************************************/
.fleet-blurb {
	width:30%;
	float:left;
	padding-bottom:10px;
}
.fleet-blurb img {
	width:97px;
}
.fleet-images {
	width:70%;
	float:left;
	padding-top:15px;
	padding-bottom:10px;
}
.fleet-content {border-top:2px solid #00A9F0;overflow:hidden;width:100%;}
.ship {float:right;position:relative;margin-left:6px;}
.ship .name {position:absolute;color:#FFFFFF;top:3px;left:0;width:100%;text-align:center;text-transform:uppercase;}

.fleet-menu {width:16%;float:left;padding-top:40px;}
.fleet-menu a {display:block;width:100%;height:32px;padding:6px 6px;background:#005293;color:#FFFFFF;margin-bottom:5px;text-transform:uppercase;font-size:0.8em;}
.fleet-menu a:hover, .fleet-menu a.active {color:#000000;background:rgba(0,0,0,0.2);}
.fleet-content .content {width:80%;float:right;display:none;padding-top:34px;padding-bottom:80px;}
.fleet-content .active {display:block}
.fleet-content .spec-column {width:50%;float:left;}
.fleet-content .content h2 {color:#005293;font-weight:400;margin:0;font-size:1.3em;}
.spec-column h3 {color:#005293;font-size:1em;font-weight:300;text-transform:uppercase;margin:24px 0 10px 0;}
.spec-box table {width:100%;}
.spec-box table tr {background:rgba(0,0,0,0.1);}
.spec-box table tr td {vertical-align:top;width:50%;font-size:0.9em;}
.spec-box table tr:nth-of-type(even) {background:rgba(0,0,0,0.2);}
.small-print {width:100%;float:left;font-style:italic;font-size:0.9em;margin-top:10px;}

/* RECRUIT
/*********************************************************************************************************************************/
.recruit-sidebar {
	width:30%;
	float:left;
	padding-bottom:10px;
}
.recruit-sidebar img {
	width:97px;
}
.recruit-sidebar .pos-available-holder {border-top:1px solid #00A9F0;}
.recruit-sidebar .pos-available-holder h2 {color:#005293;font-weight:300;font-size:1.3em;}
.recruit-wrapper .content {
	width:621px;
	float:right;
	padding-bottom:80px;
}
.recruit-wrapper .content h2 {color:#005293;font-weight:300;font-size:1.3em;margin-top:40px;}
.position-block {margin-bottom:15px;}
.position-block .title {text-transform:uppercase;color:#005293;}
.position-block p {margin:0;}
.position-block a, .recruit-wrapper .content a {color:#005293;}
.position-block a:hover, .recruit-wrapper .content a:hover {color:#000000;}
.induction-button {display:block;padding:10px 0; background:#005293;color:#FFFFFF !important;width:240px;text-align:center;text-transform:uppercase;font-size:0.8em;}
.induction-button:hover {background:rgba(0,0,0,0.2);color:#005293 !important;}

/* HSEQ
/*********************************************************************************************************************************/
.hseq-sidebar {
	width:30%;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #00A9F0;
}
.hseq-sidebar img {
	width:97px;
}
.hseq-wrapper .content {
	width:621px;
	float:right;
	padding-bottom:80px;
}
.hseq-wrapper .content ul {
	list-style:none;
	list-style-image:url('images/bullet-arrow.png');
	margin:4px 20px;padding:0;
}
.hseq-wrapper .content ul li img {margin-right:10px;}
.hseq-wrapper .content ul li {margin-bottom:5px;}
.hseq-wrapper .content p:first-of-type {margin:9px 0 0 0;}
.hseq-wrapper .content p {margin:12px 0 4px 0;}

/* CONTACT
*************************************************************************************************************/
.form-input, .form-textarea {width:400px;padding:6px;border:1px solid #00A9F0;}
.form-textarea {height:300px;}
label {width:100px;float:left;color:#005293;}
#contact-form {margin-top:30px;}
.form-submit {border:1px solid #00A9F0;color:#00A9F0;background:#FFFFFF;cursor:pointer;width: 400px;height: 32px;font-size: 1em;margin-left:100px;}
.form-submit:hover {color:#FFFFFF;background:#00A9F0;}
.contact-link {color:#000000;}
.contact-link:hover {color:#00A9F0;}

/* FOOTER
/*********************************************************************************************************************************/
.fixed-bottom {position:fixed !important;bottom:0;height:24px;z-index:20;}
footer {color:#FFFFFF;font-size:0.8em;font-weight:300;padding-top:4px;width:1028px;text-align: center;}
footer a img {margin-left:8px;}
footer a {text-decoration:none;color:#FFFFFF;}
.footer-br {margin:0 10px;color:#D4F1F9;display:inline;}
footer .author {display:inline;}
footer .author img {vertical-align:middle;}

/* MOBILE
****************************************************************************************************************/
.mob-menu, .mob-menu-icon, .desk-hide {display:none;}

/* Smartphones (portrait and landscape) ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (max-width : 480px) {
	header nav {display:none;}
	header, footer, .home-wrapper, .project-wrapper, .fleet-wrapper, .recruit-wrapper, .hseq-wrapper {width:100%;padding:0 5%;}
	.mob-hide {display:none;}
	.mob-menu {
		display:block;
		width:100%;
		background:#005293;
		color:#FFFFFF;
		text-align:left;
		display:none;
	}
	.mob-menu-icon img {vertical-align:middle;float:right;margin:4px 0 0 0;}
	.mob-menu a {
		width:100%;
		display:block;
		clear:both;
		color:#FFFFFF;
		padding:8px 0 8px 5%;
		background:#005293 url('images/mob-arrow.png') no-repeat 95% center;
		background-size: 20px 20px;
		border-bottom:1px solid #00A9F0;
	}
	.mob-menu-icon {
		display:block;
		width:100%;
		height:40px;
		background:#005293;
		text-align:left;
		padding:7px 5% 0 5%;
		color:#FFFFFF;
		cursor:pointer;
		font-size: 1.4em;
	}
	.logo-holder {width: 80%;text-align: center;margin: 30px auto;float: none;}
	header {height:138px;}

	/* HOME */
	.heading-holder {padding-top:4%;}
	.heading-holder h1 {font-size:1.6em;}
	.home-wrapper .content, .home-wrapper .latest-news {width:100%;}
	.home-wrapper .latest-news {padding-bottom:50px;}
	#slideshow {width:100%;float:left;height:auto;position:relative;}

	/* PROJECTS */
	.project-sidebar, .project-wrapper .content {width:100%;}
	.project-wrapper .content section h2 img {display:none;}

	/* FLEET */
	.fleet-blurb {width:100%;border:0;}
	.fleet-images {width:100%;padding:0;border:0;text-align:center;}
	.ship {width:32%;margin:0;}
	.ship:first-of-type {float:left;}
	.ship:nth-of-type(3) {margin-right:2%}
	.ship:last-of-type {float:right;}
	.ship img {width:100%;}
	.ship .name {background: #005293;padding-bottom: 4px;font-size:0.8em;}
	.fleet-menu, .fleet-content .content, .fleet-content .spec-column {width:100%;}
	.fleet-menu a {text-align:center;}
	.fleet-menu {padding:0;}

	/* RECRUIT */
	.recruit-sidebar, .recruit-wrapper .content, .recruit-wrapper .content img {width:100%;}

	/* HSEQ */
	.hseq-sidebar, .hseq-wrapper .content {width:100%;}

	/* CONTACT */
	label, .form-input, .form-textarea {width:100%;}
	.form-submit {width:100%;margin-left:0;}

	/* FOOTER */
	footer, .fixed-bottom {float:left;position:relative !important;height:auto;}
	footer {padding: 6px 3%;text-align: left;}
	footer img {margin-left:8px;}
	.footer-br {display:block;color:transparent;height:4px;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	html {zoom:0.76;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	ipad-hide {display:none;}
}

/*** Equipment Page ***/

.fleet-content ul {
	list-style: none;
	list-style-image: url('images/bullet-arrow.png');
	margin: 4px 20px;
	padding: 0;
}
.fleet-content .spec-column-full-width {
	width: 100%;
}
.fleet-images {
	padding-left: 54px;
}
.fleet-images .ship {
	float: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (max-width: 480px) {
	.fleet-images .ship {
		float: left;
		margin: 0px 2px;
	}
	.fleet-images {
		padding-left: 0px;
	}
}

/*** Main Navigation Updates ***/

nav ul li {
	margin-left: 29px;
	font-size: 15px;
}

/* Fix home page */
/*.home-wrapper .content .content-bg {background:rgba(255,255,255,0.9);padding:10px;}*/
/*.home-wrapper {background:rgba(255,255,255,0.75);}
.home-wrapper .heading-holder, .home-wrapper .content {padding:20px 30px;}
.latest-news-link {width:75%;background:transparent url('images/right-arrow.png') no-repeat 2% center;}
h1 {font-size:2.9em}
#slideshow {position:fixed;height:100%;margin-top:100px;}
nav ul li a {padding-top:96px;padding-bottom:18px;}
*/