@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }







html {
margin:0px;
padding:0px;
border:0px;
}




#svc-nav-outer	{
	position:fixed;
	top:0px;
	z-index:1999;
	width:100%;
	min-width:1100px;
	height:80px;
	margin:0px;
	padding:0px;	
}

#svc-nav-bg	{
	width:100%;
	min-width:1100px;
	height:80px;	
	margin:0px;
	padding:0px;
	background:url(../img/svc-nav-bg.png) repeat;
	box-shadow:1px 1px #101B25;
}

#svc-nav-inner	{
	position:relative;
	width:1100px;
	height:80px;
	margin:0 auto;
	padding:0px;
		
}


#svc-logo	{
	position:absolute;
	top:10px;
	left:25px;
	height:60px;
	width:auto;	
}





#small-nav	{
	position:absolute;
	top:0px;
	right:25px !important;
	width:810px;
	height:80px;
	margin:0px;
	padding:0px;
	list-style-type:none;
		
}


#small-nav li	{
	display:inline;	
	line-height:1.2;
}


.navbuttonS:link, .navbuttonS:visited {
	text-transform:uppercase;
	float:left;
	clear:none;
	margin:0px;
	width:auto;
	height:auto;
	color: #10171F;
	text-decoration: none;
	padding: 23px 28px 21px 28px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	margin-left:20px;
	text-shadow:1px 1px #ffffff; 
	-webkit-transition: color .5s linear, background-color .75s ease-in-out;
	-moz-transition: color .5s linear, background-color .75s ease-in-out;
	-o-transition: color .5s linear, background-color .75s ease-in-out;
	transition: color .5s linear, background-color .75s ease-in-out;
}
.navbuttonS:hover {
	background-color: #10171F;
	color:#ffffff;
	text-shadow:1px 1px #000000; 
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}






#ship-services-box-bg	{
	width:100%;
	min-width:1100px;
	height:650px;
	margin:0px;
	padding:0px;
	background:url(../img/Fotolia_52922952_Subscription_Monthly_M.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1000;

}








.shape-bg	{
	position:relative;
	top:-240px;
	left:0px;
	width:100%;	
	margin:0px;
	min-width:1100px;
	height:370px;
	background:url(../img/shape-bg2.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1001;


}



.agency-services-title	{
	position:relative;
	width:1100px;
	min-width:1100px;
	height:100px;
	margin:0 auto;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:77px;
	letter-spacing:-1px;
	color:#ffffff;
	text-shadow:2px 2px #333333;
	opacity:.9;
	text-align:center;
	text-transform:uppercase;
	}








#svc-menu-holder	{
	position:relative;
	top:0px;
	width:1100px;
	min-width:1100px;
	height:230px;
	margin:0 auto;
	padding:0px;
	z-index:1002;	
}






.your-vessel	{
	position:absolute;
	top:-365px;
	left:35px;
	width:1035px;
	height:200px;
	font-family: 'Oswald', sans-serif;
	color:#333333;
	font-size:17px;
	font-weight:300;
	text-shadow:1px 1px #ffffff;
		
}



.assurance	{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:29px;
	text-transform:uppercase;
}


.vessel	{
	font-weight:300;
	font-size:21px;	
}









#sub-nav-holder	{
	position:absolute;
	top:-160px;
	left:35px;
	width:1030px;
	height:444px;
	margin:0px;
	padding:0px;	
}















#copy-out	{
	position:relative;
	top:50px;
	width:100%;
	height:410px;
	background:url(../img/tormar-Diagonal-lines-white-pattern.png) repeat;	
	margin:0px;
	padding:0px;
	z-index:1400;
}



#footer-top-border	{
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:8px;
	background-color:#ffffff;
	opacity:.7;	
	z-index:1;
}


#regulation-bg	{
	position:absolute;
	top:380px;
	margin:0px;
	padding:10px 0px 0px 0px;
	width:100%;
	min-width:1100px;
	height:35px;
	background-color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5f5f5f5;
	text-shadow:1px 1px #ffffff;
	text-align:center;
	opacity:1;	
	z-index:5;
}

#footer-top-border2	{
	position:absolute;
	top:294px;
	margin:0px;
	padding:0px;
	width:100%;
	height:2px;
	background-color:#333333;
	opacity:.4;	
	z-index:1;
}



#footer-whitespace	{
	position:absolute;
	bottom:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:115px;
	background-color:#ffffff;
	opacity:.9;
	z-index:1;

}


#copy-in	{
	position:relative;
	width:1100px;
	height:380px;
	margin:0 auto;
	padding:0px;	
}




.social-network-links	{
	position:absolute;
	width:245px;
	height:65px;
	right:36px;
	bottom:0px;
	z-index:2;	
}



.footer-copy	{
	position:absolute;
	width:700px;
	height:75px;
	bottom:0px;
	left:30px;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:13px;
	color:#444444;
	text-shadow:1px 1px 1px #ffffff;
	text-align:left;
	z-index:5;
}





.contact-title	{
	position:absolute;
	top:38px;
	left:40px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}


.on-call-img	{
	position:absolute;
	top:95px;
	left:76px;
	width:170px;
	height:auto;
	z-index:5;	
}




.vessels-serviced-title	{
	position:absolute;
	top:38px;
	right:64px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}






.ports-serviced-title	{
	position:absolute;
	top:38px;
	left:424px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}




.ports-img	{
	position:absolute;
	top:94px;
	left:484px;
	width:110px;
	height:auto;
	z-index:5;	
}


#vessel-footer-slider	{
	position:absolute;
	top:45px;
	right:49px;
	width:260px;
	height:252px;
	padding:0px;
	margin:0px;
	z-index:8;	
}


.agency-svc-subtitle-link	{
	position:absolute;
	top:80px;
	right:64px;
	width:auto;
	height:auto;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#D7E4EC;
	text-align:center;
	letter-spacing:9px;
	z-index:8;
}

.agency-svc-subtitle-link:visited	{
	color:#D7E4EC;
}

.agency-svc-subtitle-link:hover	{
	color:#cccccc;
	text-decoration:none;
}



.phone-txt	{
	position:absolute;
	top:197px;
	left:50px;
	width:auto;
	height:auto;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:30px;
	color:#D7E4EC;
	text-transform:uppercase;
	text-align:left;
	z-index:8;
	letter-spacing:1px;
}


.footer-contact-button	{
	position:absolute;
	top:249px;
	left:105px;
	width:84px;
	height:auto;
	border:none;
	outline:none;
	z-index:11;	
}


.coordinates-link	{
	position:absolute;
	top:213px;
	left:407px;
	width:auto;
	height:auto;
	text-align:center;	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color:#F4FCFF;
	font-size:20px;
	text-decoration:none !important;
	z-index:12;
}

.coordinates-link:visited	{
	color:#F4FCFF;	
}


.coordinates-link:hover	{
	color:#D7E4EC;	
}


/* SOCIAL IMAGE HOVER */

.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.image-hover 
{
position:relative;display:inline-block;overflow:hidden;background:none;border:0;
}

.image-hover img {display:block}
.image-hover a {text-decoration:none}

.image-pos {width:60px;height:60px}
.image-pos img {margin:-100px 0px 0px -100px}

/*** effect zoom in ***/

.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}




/* ==== 3) Intro ==== */

#intro {
	height:480px;
	min-height: 480px;
	background:transparent url("../img/intro_bg.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	z-index:999;
}


.scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	text-align: center;
	opacity: .75;
}

.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 50px;
	height: 75px;
	margin: 0 auto 40px;
	border: 2px solid #fff;
	border-radius: 23px;
}

.scroll-btn .mouse span {
	position: absolute;
	display: block;
	top: 25%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: scroll 2s linear infinite;
	-moz-animation: scroll 2s linear infinite;
	animation: scroll 2s linear infinite;
}

@-webkit-keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}

@-moz-keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}

@keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}