@charset "UTF-8";
/* CSS Document */

html {
	
}

body {
	background-color: #10012a;
	margin: 0;
	padding: 22px 0 0 0;
	font-family: Verdana, Arial, sans-serif;
}

p {
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0 0 8px 0;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	word-spacing: 2px;
	word-break: none;
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #fff;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #a5cad0;
	font-weight: normal;
}

h3 {}

.clearer {clear: both;}

a img {border: none;}

.divContent {
	width: 900px;
	margin: 0 auto;
}

.blueBox {
	/*background-color: #013668;*/
	position: absolute;
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;
	width: 350px;
}

/* -------- Splash page -------- */

#splashPage {
	margin-top: 45px;
}

#splashPage .blueBox {
	 width: 900px;
	 height: 633px;
	 margin: 0 auto;
	 padding: 0;
	 background-color: #013668;
	 position: relative;
}

#enterButton {
	position: absolute;
	left: 151px;
	top: 185px;
}


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

#header {
	position: relative;
}

#header .divContent {
	padding: 0;
	font-size: 0;
	line-height: 0;
}


#body {
	position: relative;
}
#body .divContent {
	height: 491px;
	padding: 0;
}


#nav {
	float: left;
	width: 175px;
	height: 491px;
	background-image: url(../images/nav-bg-2.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

#menu {
	width: 175px;
	background-image: url(../images/nav-bg-1.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 20px 0 0 0;
}

#menu ul, #menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menu ul li {
	float: right;
	width: 165px;
	padding: 0 0 0 10px;
}

#menu ul li a {
	margin: 0;
	padding: 5px 28px 5px 0;
	border-top: 1px solid #013668;
	display: block;
	color: #013668;
	font-size: 12px;
	text-decoration: none;
}
#menu ul li a.end {border-bottom: 1px solid #013668;}
#menu ul li a.sub {background-image: url(../images/menu-sub-bg.png); background-position: right; background-repeat: repeat-y;}
#menu ul li a:hover, #menu ul li a.groupActive {background-image: url(../images/menu-hover-bg.png); background-position: right; background-repeat: repeat-y; color: #fff;}
#menu ul li a.active {background-image: url(../images/menu-active-bg.png); background-position: right; background-repeat: repeat-y; color: #fff;}
#menu ul li a.sub.active {background-image: url(../images/menu-sub-active-bg.png); background-position: right; background-repeat: repeat-y; color: #fff;}



#content {
	float: right;
	width: 725px;
	height: 491px;
	background-color: #fff;
	position: relative;
}

#content .blueBox h1 {
	margin: 0;
	padding: 15px 30px 10px 40px;
	width: 302px;
}
#content .noBox h1 {
	margin: 0;
	padding: 20px 30px 10px 40px;
	color: #013668;
}

#content .blueBox h2 {
	margin: 0;
	padding: 0 30px 6px 40px;
	width: 302px;
}

#content .blueBox p {
	margin: 0;
	padding: 0 30px 8px 42px;
}
#content .noBox p {
	margin: 0;
	padding: 0 30px 8px 42px;
	color: #666;
}

#content div.hr {
	width: 275px;
	height: 2px;
	font-size: 0;
	line-height: 0;
	background-image: url(../images/text-divider.gif);
	background-repeat: repeat-y;
	margin: 0 0 8px 40px;
}
#content div.hr.white {
	width: 330px;
	height: 2px;
	font-size: 0;
	line-height: 0;
	background-image: url(../images/text-divider-white.gif);
	background-repeat: repeat-y;
	margin: 0 0 8px 42px;
}

/* -- PAGES -- */

/* ABOUT */

body#about {}

body#about #content {
	background-image: url(../images/about_bg.jpg);
	background-repeat: no-repeat;
}

body#about .blueBox {
	/*background-color: #013668;*/
	position: absolute;
	margin: 0;
	padding: 0 0 30px 0;
	width: 400px;
	bottom: 40px;
	top: auto;
}



body#about-experience {}

body#about-experience #content {
	background-image: url(../images/about_experience_bg.jpg);
	background-repeat: no-repeat;
}



body#about-compliance {}

body#about-compliance #content {
	background-image: url(../images/about_compliance_bg.jpg);
	background-repeat: no-repeat;
}

body#about-compliance .noBox {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 380px;
	top: 10px;
}


body#about-location {}

body#about-location #content {
	background-image: url(../images/about_location_bg.jpg);
	background-repeat: no-repeat;
}

body#about-location .noBox {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 380px;
	top: 10px;
}



/* WHAT WE DO */

body#whatwedo {}

body#whatwedo #content {
	background-image: url(../images/whatwedo_bg.jpg);
	background-repeat: no-repeat;
}


body#whatwedo-specialist {}

body#whatwedo-specialist #content {
	background-image: url(../images/whatwedo_specialist_bg.jpg);
	background-repeat: no-repeat;
}


body#whatwedo-contractors {}

body#whatwedo-contractors #content {
	background-image: url(../images/whatwedo_contractors_bg.jpg);
	background-repeat: no-repeat;
}


body#whatwedo-proactive {}

body#whatwedo-proactive #content {
	background-image: url(../images/whatwedo_proactive_bg.jpg);
	background-repeat: no-repeat;
}



body#whatwedo-servicecharges {}

body#whatwedo-servicecharges #content {
	background-image: url(../images/whatwedo_servicecharges_bg.jpg);
	background-repeat: no-repeat;
}



body#whatwedo-financial {}

body#whatwedo-financial #content {
	background-image: url(../images/whatwedo_financial_bg.jpg);
	background-repeat: no-repeat;
}



body#whatwedo-majorworks {}

body#whatwedo-majorworks #content {
	background-image: url(../images/whatwedo_majorworks_bg.jpg);
	background-repeat: no-repeat;
}



/* Customer service */

body#custser {}

body#custser #content {
	background-image: url(../images/custser_bg.jpg);
	background-repeat: no-repeat;
}

body#custser-comms {}

body#custser-comms #content {
	background-image: url(../images/custser_comms_bg.jpg);
	background-repeat: no-repeat;
}

body#custser-complaints {}

body#custser-complaints #content {
	background-image: url(../images/custser_complaints_bg.jpg);
	background-repeat: no-repeat;
}


/* Business relationships */

body#busrel {}

body#busrel #content {
	background-image: url(../images/busrel_bg.jpg);
	background-repeat: no-repeat;
}

body#busrel-newbuild {}

body#busrel-newbuild #content {
	background-image: url(../images/busrel_newbuild_bg.jpg);
	background-repeat: no-repeat;
}

body#busrel-newbuild .blueBox {
	background-color: transparent;
}

/* contact */


body#contact {}

body#contact #content {
	background-color: #174f7e;
	position: relative;
}

body#contact h1 {
	margin: 35px 0 10px 40px;
}

#formDiv {
	margin: 0 30px 0 40px;
	border-top: 2px solid #a5cad0;
}

#formDiv .blueBox {
	position: relative;
	top: auto;
	margin: 0;
	padding: 20px 0 0 0;
	float: right;
	width: 387px;
	/*height: 384px;*/
	background-color: #01396a;
}

#formDiv .blueBox p {

}