HTML {
	background: #000;
	margin: 0;
	padding: 0;
}

BODY {
	background: transparent url(../_img/ui/bg_spheres.gif) 0 474px repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
}

DIV, IMG, P, H1, H2, H3, H4, H5, UL, OL, FORM, DL, DT, DD {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	font-style: italic;
	text-decoration: underline;
	color: #7C848B;
}

A:HOVER, A:VISITED:HOVER {
	color: #444;
}

A IMG {
	display: inline;
	border: 0;
}

P {
	padding-bottom: 1.917em;
}

H1 {
	padding-bottom: 0.5185em;
	font: italic bold 2.25em/1.1481 "Palatino Linotype", "Times New Roman", Arial, Helvetica, sans-serif;
	color: #FFCA13;
}

H2 {
	padding-bottom: 0.696em;
	font: italic bold 1.917em/1.217 "Palatino Linotype", "Times New Roman", Arial, Helvetica, sans-serif;
	color: #FFCA13;
}

H3 {
	padding-bottom: 0.696em;
	font: normal 1.417em/1.235 Arial, Helvetica, sans-serif;
	color: #333;
}

H4 {
	padding-bottom: 0.333em;
	font: normal 1.25em/1.267 Arial, Helvetica, sans-serif;
	color: #333;
}

UL {
	padding: 0 0 1.417em 0;
	list-style: none;
}

UL LI {
	background: transparent url(../_img/content/icon/list_bullet.gif) 0 9px no-repeat;
	padding-left: 1.083em;
}

H1.ingres {
	margin-top: -5px;
	padding-bottom: 0.1515em;
	font: italic bold 27px/33px "Palatino Linotype", "Times New Roman", Arial, Helvetica, sans-serif;
	text-align: center;
}

P.ingres {
	font: normal 15px/1.3529 Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
}



DIV#master-wrapper {
	width: 100%;
	background: transparent url(../_img/ui/bg_header_bar.gif) 0 0 repeat-x;
	font-size: 0.75em;
	line-height: 1.917;
}

DIV#sub-wrapper {
	width: 100%;
	background-color: transparent;
	background-position: center 134px;
	background-repeat: no-repeat;
}

#sect-comp DIV#sub-wrapper { background-image: url(../_img/content/bg/cranes.jpg); }
#sect-serv DIV#sub-wrapper { background-image: url(../_img/content/bg/ship.jpg); }
#sect-pers DIV#sub-wrapper { background-image: url(../_img/content/bg/icysea.jpg); }
#sect-clie DIV#sub-wrapper { background-image: url(../_img/content/bg/wake.jpg); }
#sect-recr DIV#sub-wrapper { background-image: url(../_img/content/bg/pier.jpg); }
#sect-cont DIV#sub-wrapper { background-image: url(../_img/content/bg/compass.jpg); }
#sect-news DIV#sub-wrapper { background-image: url(../_img/content/bg/ferry.jpg); }

DIV#final-wrapper {
	width: 1000px;
	margin: auto;
	padding-bottom: 23px;
}

DIV#header {
	width: 1000px;
	height: 105px;
}

DIV#footer {
	width: 100%;
	height: 79px;
	background: transparent url(../_img/ui/bg_footer.gif) 0 bottom repeat-x;
	clear: both;
}

DIV#footer ADDRESS {
	width: 794px;
	height: 48px;
	background: transparent url(../_img/ui/logo_footer.gif) 166px 26px no-repeat;
	margin: auto;
	padding: 31px 0 0 206px;
	font: normal 0.917em/1.909 Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}



A#homelink {
	display: block;
	width: 278px;
	height: 105px;
	background: transparent url(../_img/ui/logo_header.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}




UL#navi-main {
	width: 696px;
	height: 40px;
	background: transparent url(../_img/ui/navi_main.gif) 0 0 no-repeat;
	margin-top: 47px;
	padding: 0 0 0 26px;
	list-style: none;
	float: right;
}

UL#navi-main LI {
	display: block;
	height: 40px;
	background: none;
	padding: 0;
	float: left;
}

UL#navi-main LI A {
	display: block;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#navi-main LI#nm-comp {
	width: 79px;
	margin-right: 21px;
}

UL#navi-main LI#nm-serv {
	width: 77px;
	margin-right: 22px;
}

UL#navi-main LI#nm-pers {
	width: 91px;
	margin-right: 21px;
}

UL#navi-main LI#nm-clie {
	width: 100px;
	margin-right: 26px;
}

UL#navi-main LI#nm-recr {
	width: 106px;
	margin-right: 25px;
}

UL#navi-main LI#nm-cont {
	width: 96px;
}

LI#nm-comp A:HOVER, #sect-comp LI#nm-comp { background: transparent url(../_img/ui/navi_main.gif) -26px -40px no-repeat; }
LI#nm-serv A:HOVER, #sect-serv LI#nm-serv { background: transparent url(../_img/ui/navi_main.gif) -126px -40px no-repeat; }
LI#nm-pers A:HOVER, #sect-pers LI#nm-pers { background: transparent url(../_img/ui/navi_main.gif) -225px -40px no-repeat; }
LI#nm-clie A:HOVER, #sect-clie LI#nm-clie { background: transparent url(../_img/ui/navi_main.gif) -337px -40px no-repeat; }
LI#nm-recr A:HOVER, #sect-recr LI#nm-recr { background: transparent url(../_img/ui/navi_main.gif) -463px -40px no-repeat; }
LI#nm-cont A:HOVER, #sect-cont LI#nm-cont { background: transparent url(../_img/ui/navi_main.gif) -594px -40px no-repeat; }



DIV#content-wrapper-img {
	width: 822px;
	padding: 175px 31px 0 147px;
}
/*
#sect-comp DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_company.jpg) 0 0 no-repeat; }
#sect-serv DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_services.jpg) 0 0 no-repeat; }
#sect-pers DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_personnel.jpg) 0 0 no-repeat; }
#sect-clie DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_clients.jpg) 0 0 no-repeat; }
#sect-recr DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_recruitment.jpg) 0 0 no-repeat; }
#sect-cont DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_contact.jpg) 0 0 no-repeat; }
#sect-news DIV#content-wrapper-img { background: transparent url(../_img/content/bg/content_services.jpg) 0 0 no-repeat; }
*/



DIV#content-master-wrapper {
	width: 810px;
	background: #FFF;
	padding: 6px 6px 0;
}

DIV#content-sub-wrapper {
	width: 810px;
	background: #FFF url(../_img/ui/bg_content.gif) 0 0 repeat-y;
	padding: 0;
}

DIV#content {
	width: 810px;
	min-height: 300px;
	background: transparent url(../_img/ui/bg_content_top_gradient.gif) 0 0 no-repeat;
	padding: 0;
	float: left;
}

DIV#lcol {
	width: 400px;
	padding: 40px 55px 0 58px;
	float: left;
}

DIV#rcol {
	width: 254px;
	padding: 44px 21px 0 21px;
	float: right;
}

DIV#content-bottom {
	width: 822px;
	height: 154px;
	background: transparent url(../_img/ui/bg_content_bottom.png) 0 0 no-repeat;
	clear: both;
}

DIV.clr {
	clear: both;
}



DIV.QA {
	padding: 2em 0 1em;
}

DIV.QA H2 {
	padding-bottom: 0.217em;
}

DIV.QA BIG {
	display: block;
	padding: 0 0 13px 17px;
	font-size: 130px;
	line-height: 1;
	letter-spacing: 6px;
	color: #969798;
}

DIV.QA A {
	display: block;
	width: 135px;
	margin-left: 49px;
}



UL.greybars {
	padding: 2px 0 1.083em 0;
}

UL.greybars LI {
	background: transparent url(../_img/content/icon/list_greybar.gif) 0 0 no-repeat;
	margin-bottom: 4px;
	padding: 0 7px 0 21px;
	line-height: 19px;
	font-style: italic;
	color: #7C848B;
}

UL.greybars LI A,
UL.greybars LI A:VISITED {
	text-decoration: none;
	color: #677;
}

UL.greybars LI A:HOVER,
UL.greybars LI A:VISITED:HOVER {
	color: #444;
}

UL.greybars LI.act {
	font-weight: bold;
}



UL.newslist {
	list-style: none;
}

UL.newslist LI {
	background: none;
	padding: 0 0 11px 0;
}

UL.newslist LI A {
	display: block;
	font: normal 1em/1.417 Arial, Helvetica, sans-serif;
	text-decoration: none;
}



SPAN.newsdate {
	display: block;
	background: transparent url(../_img/content/icon/triangle_yellow_small.gif) 0 center no-repeat;
	padding: 0 0 0 7px;
	font-size: 11px;
	font-weight: bold;
	color: #969798;
}


P.newsdate {
	background: transparent url(../_img/content/icon/triangle_yellow_small.gif) 0 14px no-repeat;
	padding: 5px 0 0 9px;
	font-weight: bold;
	color: #FFCA13;
}



LABEL {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

LABEL.flt {
	display: inline;
	width: 125px;
	line-height: 1.75;
	float: left;
	clear: left;
}

INPUT, TEXTAREA, SELECT {
	margin: 0 0 5px 0;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: top;
}

SELECT {
	margin-right: 3px;
	padding: 1px;
}

INPUT.text, 
TEXTAREA {
	border: 1px solid #CCC;
	border-color: #CCC #DDD #DDD #CCC;
}

INPUT.check {
	margin: 1px 4px 0 0;
	vertical-align: middle;
}

INPUT.radio {
	margin: 0 2px 0 0;
	vertical-align: middle;
}

INPUT.btn {
	border: 1px solid #CCC;
	background: #777;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 2px 6px 2px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
}


































