
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	
}

body{
	overflow-y: scroll;
	overflow-x: hidden;
}


.ie7 body{
	overflow:hidden;
}








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

#svc-nav-bg	{
	width:100%;
	min-width:1100px;
	height:90px;	
	margin:0px;
	padding:0px;
	background:url(../images/svc-nav-bg.png) repeat;
	box-shadow:1px 2px 11px #112535;	
}

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


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





#small-nav	{
	position:absolute;
	top:0px;
	right:25px !important;
	width:751px;
	height:100px;
	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: 26px 28px 24px 28px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	text-align:left;
	margin-left:0px;
	text-shadow:2px 1px #ffffff;
	outline:none;
	border:none;
 
	-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;
}












#agency-services-slogan-blur	{
	position:relative;
	background:none !important;
	background-color:transparent !important;
	top:95px;
	width:1100px;
	height:150px;
	margin:0 auto;
	padding:0px;
	z-index:3;
	
}











#home-out-1	{
	position:relative;
	margin:0px;
	padding:0px;
	top:90px;
	width:100%;
	min-width:1100px;
	height:305px;
	z-index:2;	
}

#home-bg-1	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0px;
	padding:0px;
	height:305px;
	background:url(../images/fotolia_70655554.png) repeat;
	min-width:1100px;
	z-index:0;	
}






#more-link-box-outer	{
	position:relative;
	top:145px;
	width:1100px;
	height:44px;
	margin:0 auto;
	padding:0px;	
}


#more-link-box	{
	position:absolute;
	top:0px;
	left:292px;
	width:516px;
	height:44px;
	margin:0px;
	padding:0px;	
}






#home-out-2	{
	position:relative;
	margin:0px;
	padding:0px;
	top:200px;
	width:100%;
	min-width:1100px;
	height:330px;
	z-index:2;	
}


.home-bg-2	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:1100px;
	height:330px;
	padding:0px;
	z-index:1;
	background:url(../images/bigstock-Vector-millimeter-paper-62051831.png) repeat;
}

#home-in-2	{
	position:relative;
	margin:0 auto;
	padding:0px;
	width:1100px;
	min-width:1100px;
	height:330px;
	z-index:2;
}








#vessels-services-slider-home	{
	position:absolute;
	bottom:6px;
	right:43px;
	width:450px;
	height:200px;
	margin:0px;
	padding:0px;
	opacity:1;	
}










.vessels-serviced-txt	{
	position:absolute;
	top:20px;
	left:20px;
	width:618px;
	height:auto;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:155%;
	color:#10171F;
	text-shadow:1px 1px #ffffff;
	text-align:left;	
}

.vessels-serviced-txt h1	{
	font-size:28px;
	text-shadow:1px 1px #ffffff;
	font-weight:400;
	text-transform:uppercase;
	text-align:right;	
}


.vessels-serviced-txt h2	{
	font-size:22px;
	text-shadow:1px 1px #ffffff;
	font-weight:400;
	text-transform:uppercase;	
}










#home-out-3	{
	position:relative;
	margin:0px;
	padding:0px;
	top:280px;
	width:100%;
	min-width:1100px;
	height:582px;
	z-index:2;	
}


.home-bg-3	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:1100px;
	height:582px;
	padding:0px;
	z-index:1;
	background:url(../images/fotolia_70655554.png) repeat;
}


#home-in-3	{
	position:relative;
	margin:0 auto;
	padding:0px;
	width:1100px;
	min-width:1100px;
	height:582px;
	z-index:3;
}



.canada-ports-title	{
	position:absolute;
	top:36px;
	left:0px;
	width:1100px;
	height:auto;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:28px;
	color:#ffffff;
	text-shadow:1px 1px #000000;
	text-transform:uppercase;
	z-index:4;
		
}


#port-maps-holder	{
	position:absolute;
	top:113px;
	left:0px;
	height:450px;
	width:1100px;
	margin:0px;
	padding:0px;
	background:none;
	background-color:transparent;	
}





#home-out-4	{
	position:relative;
	margin:0px;
	padding:0px;
	top:330px;
	width:100%;
	min-width:1100px;
	height:350px;
	z-index:2;	
}


.home-bg-4	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:1100px;
	height:350px;
	padding:0px;
	z-index:1;
	background:url(../images/home-4-bg.png) repeat;
}


#home-in-4	{
	position:relative;
	margin:0 auto;
	padding:0px;
	width:1100px;
	min-width:1100px;
	height:350px;
	z-index:3;
	text-align:center;
	padding-top:40px;
}







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


.on-call-img	{
	top:75px;
	left:97px;
	width:174px;
	height:auto;
	z-index:5;
	margin-top:20px;
	margin-bottom:15px;
}



.phone-txt	{
	top:175px;
	left:73px;
	width:auto;
	height:auto;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:32px;
	color:#2B3846;
	text-shadow:1px 1px #ffffff;
	text-transform:uppercase;
	text-align:left;
	z-index:8;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:20px;
}



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



#quick-message-holder	{
	position:absolute;
	top:60px;
	right:5px;
	width:603px;
	height:auto;
	z-index:40;	
}





.form-blkr	{
	position:absolute;
	top:180px;
	right:0px;
	width:110px;
	height:50px;
	background:none;
	z-index:45;	
}





.more-contact:link	{
	width:136px;
	height:auto;
	background:#ffffff;
	color:#0d1d30;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;	
	border:1px #0d1d30 solid;
	border-radius:4px;
	text-decoration:none !important;
	vertical-align:top;
}


.more-contact:visited	{
	width:136px;
	height:auto;
	background:#ffffff;
	color:#0d1d30;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;	
	border:1px #0d1d30 solid;
	border-radius:4px;
	text-decoration:none !important;
	vertical-align:top;
}

.more-contact:hover	{
	width:136px;
	height:auto;
	background:#16212C;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;	
	border:1px #ffffff solid;
	border-radius:4px;
	text-decoration:none !important;
	vertical-align:top;
}






















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




#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%;
	min-width:1100px;
	height:85px;
	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:45px;
	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;
}




#regulation-out	{
	position:relative;
	top:50px;
	margin:0px;
	padding:0px;
	width:100%;
	min-width:1100px;
	height:35px;
	background:none;
	background-color:transparent;
}

#regulation-bg	{
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	min-width:1100px;
	height:35px;
	background:#333333;
	opacity:.9;
	z-index:40;
}

.regulation-in	{
	position:relative;
	top:10px;
	margin:0 auto;
	padding:0px;
	width:1100px;
	min-width:1100px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-shadow:1px 1px #000000;
	opacity:.9;
	text-align:center;
	z-index:45;	
}

/* 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)
}


