@font-face {
    font-family:'lucida_granderegular';
    src: url('../fonts/lucida_grande.eot');
    src: url('../fonts/lucida_grande.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_grande.woff') format('woff'),
         url('../fonts/lucida_grande.ttf') format('truetype'),
         url('../fonts/lucida_grande.svg#lucida_granderegular') format('svg');
    font-weight:normal; font-style:normal;
}

@font-face {
    font-family:'lucida_grandebold';
    src: url('../fonts/lucida_grande_bold.eot');
    src: url('../fonts/lucida_grande_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_grande_bold.woff') format('woff'),
         url('../fonts/lucida_grande_bold.ttf') format('truetype'),
         url('../fonts/lucida_grande_bold.svg#lucida_grandebold') format('svg');
    font-weight:normal; font-style:normal;
}


html {height:100%; overflow-y:auto; -webkit-font-smoothing:antialiased}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video, textarea {
	font-family: inherit;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 3;
}

body {
	color: #002651;
	font-size: 13px;
	font-family: 'lucida_granderegular', arial;
	height: 100%;
	line-height: 18px;
	background-color: #D7EAFF;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .fixer {display:block; position:relative}


/* headers
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {display:block; font-weight:normal; font-style:normal; line-height:normal}



/* links
-----------------------------------------------*/
a {
	color: #999999;
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline: 0;
	text-decoration: none
}
	a:hover {text-decoration:underline}

/* paragraphs
-----------------------------------------------*/
p, address {display:block; font-style:normal}

strong, b {font-family:'lucida_grandebold', arial; font-weight:normal}
em, i {font-style:italic;}

/* general
-----------------------------------------------*/

#holder {background:#fefefe; clear:both; display:block; margin:0 auto; position:relative; width:959px; -webkit-box-shadow:0 0 5px 2px #55573e; box-shadow:0 0 5px 2px #55573e; }

.fixer {clear:both; display:block; margin:0 auto; width:924px}


/* header
-----------------------------------------------*/

#header {
	clear: both;
	display: block;
	min-height: 140px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position: 100px 0px;
}

	#header .logo {
	display: block;
	height: 102px;
	overflow: hidden;
	position: absolute;
	right: 50px;
	text-indent: -9999em;
	top: 8px;
	width: 454px;
	background-image: url(../../images/sealineSupport.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

	#nav {clear:both; display:block; overflow:hidden; padding:112px 0 0 0; position:relative}
	#nav .menu {
	clear: both;
	display: block;
	margin: 0;
	min-height: 20px;
	overflow: hidden;
	padding: 4px 40px;
	white-space: nowrap;
	background-color: #002651;
}
	#nav .menu li {background:url("../img/divider2x12.jpg") no-repeat left 4px; float:left; font-size:14px; line-height:20px; list-style:none; padding:0 10px 0 12px}
	#nav .menu a {color:#dddddd; font-family:'lucida_granderegular', arial; }
	#nav .menu a:hover, #nav .menu .active {color:#ffffff; text-decoration:none}
	#nav .menu .home {background:none; padding-left:0}
	

	#nav-toggle {display:none}


/* banner -----------------------------------------------*/

#banner {clear:both; display:block; overflow:hidden; padding:0; position:relative}
	#banner img {float:left; z-index:1}
	#banner ul {margin:0; padding:0}
	#banner li {background:none; list-style:none; margin:0; padding:0}

	#banner .bx-wrapper {clear:both; display:block; overflow:hidden; padding:0 0 20px 0}

	#banner .bx-pager {bottom:0; float:right; overflow:hidden; padding:0 20px 0 0; right:0; width:auto; z-index:9999}
	#banner .bx-pager .bx-pager-item {float:left; padding:0 0 0 7px}
	#banner .bx-pager .bx-pager-link {background:url("../img/bullets-slider.png") no-repeat 0 0; float:left; height:10px; margin:0; overflow:hidden; text-indent:-9999em; width:10px}
	#banner .bx-pager .bx-pager-link:hover, #banner .bx-pager .active {background-position:0 -10px}



/* main
-----------------------------------------------*/

#main {clear:both; display:block; overflow:hidden; padding:10px 20px 10px 40px; position:relative; z-index:1}

	.bg-rhs360 {background:url("../img/bg-rhs360.jpg") repeat-y right 0}
	.bg-rhs480 {background:url("../img/bg-rhs480.jpg") repeat-y right 0}

	#main .col-lhs270 {float:left; width:270px}
	#main .col-lhs280 {
	float: left;
	width: 420px
}
	#main .col-lhs292 {float:left; width:292px}
	#main .col-lhs540 {float:left; width:540px}
	#main .col-lhs570 {
	float: left;
	width: 420px
}
#main .col-lhs900 {
	float: left;
	width: 870px
}


	#main .col-rhs250 {float:right; width:250px}
	#main .col-rhs280 {float:right; width:280px}
	#main .col-rhs300 {
	float: right;
	width: 460px
}
	#main .col-rhs312 {float:right; padding:0 28px 0 0; position:relative; width:312px}
	#main .col-rhs432 {float:right; padding:0 70px 0 41px; position:relative; width:350px}
	#main .col-rhs544 {float:right; width:544px}

	#main h1 {clear:both; color:#80835f; font-family:'lucida_grandebold', arial; font-size:14px; line-height:20px; overflow:hidden; padding:0 0 5px 0}
	#main h3 {clear:both; color:#80835f; font-family:'lucida_grandebold', arial; font-size:12px; line-height:18px; overflow:hidden; padding:0 0 10px 0}
	#main p, #main address {
	color: #002651;
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 10px 0
}
	
	#main h3 a:hover, #main p a:hover {color:#1e1e1e; text-decoration:none}
	
	
	#main .pic-lhs {border:1px solid #8c8c8d; clear:left; float:left; margin:3px 20px 10px 0}
	
	#main .list {clear:both; display:block; margin:0; overflow:hidden; padding:0 0 20px 0}
	#main .list li {
	background: url("../img/bullets-green8x7.png") no-repeat 0 5px;
	clear: both;
	display: block;
	font-family: 'lucida_grandebold';
	font-size: 13px;
	list-style: none;
	line-height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0 0 10px 18px
}

	#content .list li {font-family:'lucida_granderegular', arial; font-size:12px; line-height:18px; padding:0 0 15px 18px}

	#main .riba {background:url("../img/riba.png") no-repeat 0 0; display:block; height:52px; margin:0 auto; margin-top:240px; overflow:hidden; text-indent:-9999em; width:218px;}

	#main .pic {clear:both; display:block; overflow:hidden}
	#main .pic img {float:left; width:100%}

	#main .box { background:#d6e150; border:1px solid #96989a; clear:both; display:block; margin:40px 0 0 0; overflow:hidden; padding:13px}	
	#main .box .list li {font-family:'lucida_grandebold', arial;}

	/* pages -----------------------------------------------*/

	#content {clear:both; display:block; overflow:hidden; padding:40px 0 100px 0; position:relative}
	#content .head {clear:both; display:block; overflow:hidden; padding:0 0 10px 0; position:relative}

	.home #main {padding:20px 20px 10px 40px;}
	.home #content {padding:0}

	.profile {}

	.links {}
		.links #content h3 {font-family:'lucida_grandebold'; font-size:12px; padding:0 }
		.links #content h3 a {font-family:'lucida_grandebold'; font-size:12px;}
		.links .col-rhs312 {padding-top:70px !important;}

	.gallery {}
		.gallery #content h2 {font-family:'lucida_grandebold'; font-size:14px; padding:0 0 20px 0}
		.gallery #content .list li {background:url("../img/bullets-white7x6.png") no-repeat 0 6px; font-size:12px; padding-left:16px}
		.gallery .col-rhs544 {padding-top:69px}
		.gallery .pic {clear:none !important; float:left; padding:0 28px 23px 17px; width:225px}
		.gallery .pic img {border:1px solid #96989a; float:left}
		.gallery .link {float:left; width:225px}

	.clients {}
		.clients #content {padding-bottom:0}
		.clients #content .list li {background:none; font-family:'lucida_granderegular'; font-size:12px; line-height:18px; padding:0 0 20px 0}
	
	.contact {}
		.contact .col-rhs432 {padding-top:85px !important;}
		.contact .map {border:1px solid #c6ce53; clear:both; display:block; height:263px !important; overflow:hidden; padding:0; width:348px}
		.contact .col-rhs432 p {padding:12px 0 0 0 !important}
		.contact .col-rhs432 a {color:#e1e97e}
	
	.fullpage #content { padding-top:40}

/* footer
-----------------------------------------------*/

#footer {
	clear: both;
	display: block;
	height: 100px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 9999;
	background-color: #002651;
}

	#footer .riba {background:url("../img/riba-small.png") no-repeat 0 0; float:left; height:31px; overflow:hidden; text-indent:-9999em; width:134px;}

	#footer .col-lhs {
	float: left;
	padding: 22px 0 0 40px;
	width: 600px;
	color: #FFF;
}
	#footer .col-rhs {
	float: right;
	width: 280px;
	text-align: right;
	color: #FFF;
	padding-top: 20px;
	padding-right: 15;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 15px;
}

	#footer address {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 3px 0
}
	#footer address span {color:#c3cf21; font-size:12px;}

	#footer ul {clear:both; display:block; margin:0; overflow:hidden; padding:0; white-space:nowrap}
	#footer ul li {
	background: url("../img/divider2x11.jpg") no-repeat left 4px;
	color: #FEFEFE;
	float: left;
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	padding: 0 10px 0 12px
}
	#footer ul a {
	color: #FEFEFE;
	font-family: 'lucida_granderegular', arial;
}
	#footer ul a:hover {color:#ffffff; text-decoration:none}
	#footer ul .active {color:#ffffff}
	#footer ul .first {background:none; padding-left:0}

	#footer .col-lhs strong, #footer .col-lhs ul a {color:#ffffff}
	#footer .col-rhs ul {
	padding: 0
}

	#footer a:hover {
	text-decoration: none !important;
	color: #FFF;
}
	









@media only screen and (min-width: 768px) and (max-width: 975px) {

	
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* MOBILE PORTRAIT */
@media only screen and (max-width: 767px) {

html, body, div, h1, h2, h3, h4, h5, h6, p, a, em, li, em, strong {}

html {-webkit-text-size-adjust:none}

#holder {clear:both; display:block; margin:0; padding:0; width:auto}

#header {height:auto; min-height:1px; padding:0 0 20px 0}

	#header .logo {display:block; float:none; left:auto; margin:0 auto; position:relative; right:auto; top:auto}

	#header #nav {background:#c3cf21; position:relative; padding:0}
	#header #nav .menu {clear:both; display:none; float:none; overflow:hidden; padding:0}
	#header #nav .menu li {border-bottom:1px solid #ffffff; clear:both; display:block; float:none; font-size:18px; overflow:hidden; padding:0}
	#header #nav .menu a {color:#ffffff; display:block; padding:7px 10px; text-align:center; text-decoration:none}
	#header #nav .menu .last {border:0}

	#header #nav-toggle {background:#ffffff url("../img/link-menu.jpg") no-repeat right 0; border-top:5px solid #c3cf21; clear:both; display:block; height:40px; overflow:hidden; text-indent:-9999em}

#main { background:#fefefe !important; min-height:1px; padding:20px 20px 30px 20px !important; width:auto}
	#main .col-lhs270, #main .col-lhs280, #main .col-lhs292, #main .col-lhs540, #main .col-lhs570 {clear:both; display:block; float:none; overflow:hidden; padding:0; width:auto}
	#main .col-rhs250, #main .col-rhs280, #main .col-rhs300, #main .col-rhs312, #main .col-rhs432, #main .col-rhs544 {clear:both; display:block; float:none; overflow:hidden; padding:0 !important; width:auto}

	#main .col-lhs292 {padding-bottom:30px}

	#main #content {padding:0}
	#main .profile {padding:0}
	#main .riba {margin-top:0}

	#main .map {width:auto}
	#main a {color:#80835f}
	
	.gallery .pic {padding:0 0 20px 0} 


#footer {bottom:auto; min-height:1px; height:auto; padding:20px 20px 0 20px; width:auto; position:relative; text-align:center;}
	#footer .col-lhs, #footer .col-rhs {clear:both; display:block; float:none; overflow:hidden; padding:0 0 20px 0; width:auto}
	#footer .riba {display:block; float:none; margin:0 auto}
	#footer address {line-height:24px; text-align:center;}
	#footer address span {clear:both; display:block; font-size:0; line-height:0; text-indent:-9999em}
	#footer ul li { background:none; clear:both; display:block; float:none; line-height:24px; overflow:hidden}

	
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

#header .logo {background:url("../img/logo.png") no-repeat 0 0; background-size:216px 77px;}
#main .riba {background:url("../img/riba.png") no-repeat 0 0; background-size:218px 52px;}
	
}
#main .col-lhs570 #content .col-lhs280 .heading {
	font-size: 24px;
	line-height: 1.4;
}
.home #holder #main .col-lhs900 #content p a {
	color: #03F;
}