*{outline: none;}
html{color: #000; width: 100%; outline: none; list-style: none; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,th,var{font-style: normal; font-weight: normal;}
li{list-style: none;}
caption,th{text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit;}
input, textarea, select {font-size: 100%;}
article,aside,figure,footer, header, nav, section {display: block; margin: 0; padding: 0;}
input,select,textarea,a {-o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}
/*********************************Please do not change anything before this line *********************************************/
a:hover{color:#000 !important;}
@font-face {
    font-family:'RobotoRegular';
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Regular-webfont.eot');
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Regular-webfont.woff') format('woff'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Regular-webfont.ttf') format('truetype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'RobotoLight';
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Light-webfont.eot');
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Light-webfont.woff') format('woff'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Light-webfont.ttf') format('truetype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'RobotoMedium';
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Medium-webfont.eot');
    src: url('http://m.maritimeservices.ca/fontface/Roboto-Medium-webfont.eot#iefix') format('embedded-opentype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Medium-webfont.woff') format('woff'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Medium-webfont.ttf') format('truetype'),
         url('http://m.maritimeservices.ca/fontface/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font:14px/18px 'RobotoLight', Arial, Helvetica, sans-serif !important; color:#000;}
header{height:auto; text-align:center; height:51px; background:url(http://m.maritimeservices.ca/images/header_bg.png) 0 0 repeat-x; margin-bottom:1px;}
footer{height:auto; overflow:hidden; padding-bottom:5px;}
footer .fullview{background:#6b6969; height:auto; overflow:hidden; padding:5px 10px; margin-bottom:5px;}
footer .fullview p.left{float:left; line-height:22px; text-shadow:none; color:#fff;}
footer .fullview p.left a{color:#fff !important; font-weight:normal; text-decoration:none;}
footer .fullview p.left a:hover{color:#ccc; text-decoration:underline;}
footer .fullview p.left img{position:relative; top:0px; left:5px;}

footer .fullview p.right{float:right;}
footer .fullview p.right a{display:inline-block; width:22px; height:22px; background:url(http://m.maritimeservices.ca/images/social.png) 0 0 no-repeat; float:left;}
footer .fullview p.right a.twitter{background-position:-22px 0; margin-left:7px;}
footer .fullview p.right a:hover{-webkit-opacity:.5; -moz-opacity:.5; -o-opacity:.5; opacity:.5; -ms-opacity:.5; filter:alpha(opacity='50');}
footer p{text-align:center; font-size:12px;}
footer p a{color:#000 !important; font-weight:normal !important; text-decoration:none;}
footer p a:hover{color:#000 !important; text-decoration:underline;}

/*Banner*/
.slides li{margin:0px !important; padding:0px !important; list-style:none !important;}
.slides li img{width:100%; height:auto; float:left;}
.flex-control-nav, .flex-direction-nav{display:none;}

/*Navigation*/
.menu{padding:8px 6px;}
nav{display:table; width:100%;}
nav ul{display:table-row; width:100%;}
nav ul li{display:table-cell; width:50%; padding:2px 4px; vertical-align:top}
nav ul li a{display:block; white-space:pre-line; color:#fff !important; font:13px/16px 'RobotoRegular', Arial, Helvetica, sans-serif !important; text-shadow:none; text-decoration:none; box-shadow:inset 0 0 3px #fff; -moz-box-shadow:inset 0 0 3px #fff; -webkit-box-shadow:inset 0 0 3px #fff; border:1px solid #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 10px;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #222222 49%, #1a1a1a 53%, #191919 56%, #121212 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(49%,#222222), color-stop(53%,#1a1a1a), color-stop(56%,#191919), color-stop(100%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#222222 49%,#1a1a1a 53%,#191919 56%,#121212 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#222222 49%,#1a1a1a 53%,#191919 56%,#121212 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#222222 49%,#1a1a1a 53%,#191919 56%,#121212 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#222222 49%,#1a1a1a 53%,#191919 56%,#121212 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
height:33px;}
nav ul li a:hover{background:#00306e; color:#fff !important;}
nav ul li a img{float:left; position:relative; margin-right:5px;}

nav ul li a.call{background: #ffae00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffae00 0%, #fdad01 49%, #fea201 53%, #fea201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae00), color-stop(49%,#fdad01), color-stop(53%,#fea201), color-stop(100%,#fea201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#fea201',GradientType=0 ); /* IE6-9 */
border:1px solid #fd9917; display:block;}
nav ul li a.call span{display:block; background:url(http://m.maritimeservices.ca/images/call.png) center no-repeat; width:100%; height:32px; line-height:32px; font-size:24px; text-align:center; text-shadow:1px 1px 0px #ff7800}
nav ul li a.call:hover{background:#ff7800}

h1{font:18px/30px 'RobotoMedium', Arial, Helvetica, sans-serif; color:#000; margin:5px 10px;}
h1 a{float:right;}
h1:first-letter{color:#00306e; font-size:24px;}
h1.border{ border-bottom:1px dashed #00306e}
.content{padding:0px 10px;}
.content p{margin-bottom:10px; font-size:14px; line-height:18px; text-align:justify;}
.content p.contact{text-align:left;}
ul.feedback{height:auto; overflow:hidden; padding-bottom:10px; margin-bottom:10px;}
ul.feedback li{margin-bottom:8px;}
ul.feedback input[type=text]{font-size:14px; width:95%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.feedback textarea{font-size:14px; width:95%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; resize:none}
ul.feedback .ui-btn{font-size:14px; width:40%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.feedback .ui-btn .ui-btn-inner{border:none;}
ul.feedback em{color:#f00;}
.content ul{margin-bottom:10px;}
.content ul li{border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:5px;}
p.nomargin{margin-bottom:0;}
.content ol{margin-bottom:10px;}
.content ol li{display:list-item; list-style-position:outside; margin-left:20px; list-style-type:lower-alpha; color:#000; font-size:14px; border-bottom:1px dashed #999; padding-bottom:5px; margin-bottom:5px;}

.callbtn{display:block; width:100%; margin-bottom:10px;}
.callbtn a{display:block;
background: #ffae00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffae00 0%, #fdad01 49%, #fea201 53%, #fea201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae00), color-stop(49%,#fdad01), color-stop(53%,#fea201), color-stop(100%,#fea201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffae00 0%,#fdad01 49%,#fea201 53%,#fea201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#fea201',GradientType=0 ); /* IE6-9 */
border:1px solid #fd9917; text-align:center; line-height:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-indent:-9999em; position:relative;}
.callbtn a span{position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; background:url(http://m.maritimeservices.ca/images/call.png) center no-repeat}


h2{font:16px/20px 'RobotoMedium', Arial, Helvetica, sans-serif; color:#000; margin:5px 10px;}
table.flags { border:1px solid #fff}
table.flags td{text-align:center; vertical-align:middle; font-size:12px; border:1px solid #fff}
table.flags td img{width:50px; height:auto; margin:5px; float:left;}
table.flags th{text-align:center; vertical-align:top; background:#00306e; color:#fff; font-weight:bold; font-size:12px; text-shadow:none; padding:3px; border:1px solid #fff}

.deck_pro{display:table; height:auto; overflow:hidden; width:100%; border-bottom:1px dashed #333; padding-bottom:5px; margin-bottom:5px;}
.deck_pro .row{display:table-row; width:100%;}
.deck_pro .propic{display:table-cell; vertical-align:top; width:70px;}
.deck_pro .propic img{float:left; width:80%; height:auto; margin-bottom:5px;}
.deck_pro .prodesc{display:table-cell; vertical-align:top;}
.deck_pro .prodesc strong{font-size:18px;}

li{display:list-item; list-style-position:outside; margin-left:30px; list-style-type:disc}
li span{float:right;}
ol.type1 li{list-style-type:decimal; margin-left:30px;}
ol.type1 li ol{margin-bottom:0;}
ol.type1 li li{list-style-type:lower-alpha; border:none;}
ol.type1 li li:last-child{margin-bottom:0; padding-bottom:0;}