* { margin:0; padding:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
p {
	font-size:0.8em;
	line-height:1.5em;
	margin:10px 0;
	}
h1 {
	font-size:1.1em;
	margin:10px 0;
	color:#015B66;
	}
h1.purple {
	color:#3C009F;
	}
h1.red {
	color:#6B0000;
	}
h1.blue {
	color:#2CBBBA;
	}
h1.orange {
	color:#EA7E1D;
	}
h2 {
	font-size:1em;
	margin:20px 0 5px 0;
	}
h3 {
	font-size:0.9em;
	margin:20px 0 5px 0;
	}
ul {
	list-style:disc;
	margin:10px 0 10px 30px;
	}
li {
	font-size:0.8em;
	padding:3px 0;
	}
a, a:link, a:active, a:visited {
	color:#000;
	}
a:hover {
	color:#19525A;
	}
img.leftalign {
	float:left;
	margin:5px 10px 5px 0px;
	}
img.rightalign {
	float:right;
	margin:5px 0 5px 10px;
	}
img.centeralign {
	margin:5px 40%;
	}
a img {
border:none;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	}

.clear {
	clear:both;
	height:1px;
	width:100%;
	display:block;
	font-size:0.1em;
	}

#outer {
	height:100%;
	width:900px;
	position:relative;
	left:0;
	top:0;
	margin:0 auto;
	padding:0;
	}
	
#top {
	display:block;
	width:100%;
	height:182px;
	background-color:#19525A;
	position:absolute;
	top:0;
	left:0;
	}
#footer {
	display:block;
	width:100%;
	height:65px;
	background-color:#19525A;
	position:relative;
	bottom:0;
	left:0;
	border:1px solid #19525A;
	}

#content {
	width:535px;
	margin:0 0 10px 5px;
	height:auto;
	float:left;
	}
#content-internal {
	width:525px;
	margin:0 0 20px 5px;
         padding-left:10px;
	min-height:240px;
  	height:auto !important;
         height:240px;
	float:left;
         border-left:1px solid #cccccc;
	}
#content-internal-noborder {
	width:525px;
	margin:0 0 20px 5px;
         padding-left:10px;
	min-height:240px;
  	height:auto !important;
         height:240px;
	float:left;
	}
#content-internal-right {
	display:block;
	width:204px;
	height:auto;
	float:right;
         }
#content-internal-fullwidth {
	width:730px;
	margin:0 0 20px 5px;
         padding-left:10px;
	height:auto;
	float:left;
         border-left:1px solid #cccccc;
	}
#content-internal-fullwidth_noborder {
         width:730px;
	margin:0 0 20px 5px;
         padding-left:10px;
	height:auto;
	float:left;
         border:none;
}
#home-img-left-top {
	width:116px;
	height:28px;
	float:right;
	margin-top:-26px;
	}
#home-img-left-top img, #home-img-left-bottom img {
	display:block;
	margin:0;
	padding:0;
	}
#home-img-left-bottom {
	width:344px;
	height:auto;
	float:right;
	}
	
#links-bottom {
	background:url(/Assets/CSS/oceanus/links-bg.jpg) repeat-x;
	height:70px;
	width:100%;
	background-color:#BDD9DD;
	}
	

/* BANNER */

.banner {
	display:block;
	width:100%;
	height:150px;
	background:url(/Assets/CSS/oceanus/banner-bg.jpg) no-repeat right top;
	padding:0;
	z-index:2;
	}
.banner .titles {
	display:block;
	width:490px;
	height:auto;
	float:left;
	padding:40px 0 0 10px;
	}
.banner h1 {
	display:block;
	width:347px;
	height:56px;
	background:url(/Assets/CSS/oceanus/banner-h1.jpg) no-repeat;
	text-indent:-9999px;
	margin:0;
         cursor:pointer;
	}

.banner h2 {
	display:block;
	width:400px;
	height:auto;
	color:#fff;
	font-size:1.1em;
	margin:10px 0 0 0;
	}
.banner .links {
	display:block;
	width:200px;
	height:auto;
	float:right;
	margin-top:100px;
	}
.banner .links ul {
	list-style:none;
	margin:5px 0 0 53px;
	display:block;
	width:140px;
	}
.banner .links ul li {
	padding:0 0 0 20px;
	display:inline;
	}
.banner .links ul li a, .banner .links ul li a:link, .banner .links ul li a:active, .banner .links ul li a:visited {
	color:#fff;
	text-decoration:none;
	}
.banner .links ul li a:hover {
	text-decoration:underline;
	}
input.btn-search {
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	cursor:pointer;
	background-color:#CCCCCC;
	width:50px;
	}
input.btn-search:hover {
	border:1px solid #CCCCCC;
	}

/* NAVIGATION */

#navigation-top {
	width:756px;
	height:5px;
	font-size:1px;
	float:left;
	background:url(/Assets/CSS/oceanus/banner-bg-middle.jpg) no-repeat top right;	
	}
#navigation-end, #navigation-end-internal {
	width:144px;
	height:32px;
	float:right;
	background:url(/Assets/CSS/oceanus/banner-bg-end.jpg) no-repeat top right;
	}
#navigation-end-internal {
	background:url(/Assets/CSS/oceanus/banner-bg-end-internal.jpg) no-repeat top right;
	}
#navigation-bottom {
	width:757px;
	height:10px;
	font-size:1px;
	float:left;
	background:url(/Assets/CSS/oceanus/banner-bg-navbottom.jpg) no-repeat 1px 0px;
	margin-bottom:5px;
	}
	
#navigation {
	display:block;
	height:38px;
	width:756px;
	background:url(/Assets/CSS/oceanus/banner-bg-navigation.jpg) no-repeat top right;
	float:left;
	}
ul#nav {
	list-style:none;
	margin:12px 0 0 1px;
	height:26px;
	}
ul#nav li {
	padding:0;
	float:left;
	text-align:center;
	height:20px;
	}
ul#nav li ul {
         display:none;
}
ul#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	display:block;
	height:21px;
	width:84px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	border-left:1px solid white;
	}
ul#nav li a.start, ul#nav li a.start:link, ul#nav li a.start:active, ul#nav li a.start:visited {
	width:55px;
	border:none;
	}
ul#nav li a.contact, ul#nav li a.contact:link, ul#nav li a.contact:active, ul#nav li a.contact:visited {
	width:70px;
	text-align:left;
	padding-left:6px;
	}
ul#nav li a.about, ul#nav li a.about:link, ul#nav li a.about:active, ul#nav li a.about:visited {
	width:67px;
	}
#nav li a.resources, #nav li a.resources:link, #nav li a.resources:active, #nav li a.resources:visited {
	width:77px;
	}
ul#nav li a.partners, ul#nav li a.partners:link, ul#nav li a.partners:active, ul#nav li a.partners:visited {
	width:67px
	}
ul#nav li a.customers, ul#nav li a.customers:link, ul#nav li a.customers:active, ul#nav li a.customers:visited {
	width:76px
	}
ul#nav li a.news, ul#nav li a.news:link, ul#nav li a.news:active, ul#nav li a.news:visited {
	width:112px
	}
ul#nav li a.solutions, ul#nav li a.solutions:link, ul#nav li a.solutions:active, ul#nav li a.solutions:visited {
	width:115px;
	}
ul#nav li a:hover, ul#nav li a.selected, ul#nav li.selected a  {
	background:url(/Assets/CSS/oceanus/navigation-bg.jpg) repeat-x top;
	}
#nav li a.start:hover, #nav li a.start-selected  {
	background:url(/Assets/CSS/oceanus/navigation-start.jpg) no-repeat top left;
	}
ul#nav li a.contact:hover, ul#nav li a.contact-selected   {
	background:url(/Assets/CSS/oceanus/navigation-end.jpg) no-repeat top right;
	}

/* NAV-LEFT */

#nav-left {
	display:block;
	width:140px;
	height:100%;
	margin:5px 0 0 5px;
	float:left;
	}
#nav-left ul {
	margin:0;
	padding:0;
	list-style:none;	
	}
#nav-left ul li {
	margin:0;
	padding:5px 0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	}
#nav-left ul li span {
	position:relative;
	top:0;
	left:0;
	}
#nav-left ul li span.right {
	position:relative;
	left:10px;
	top:-12px;
	display:block;
	width:90%;
	margin-bottom:-12px;
	}
#nav-left ul li a, #nav-left ul li a:link, #nav-left ul li a:visited, #nav-left ul li a:active {
	text-decoration:none;
	cursor:pointer;
	display:block;
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	}
#nav-left ul li a:hover {
	color:#015B66;
	}
#nav-left ul li a.selected {
	color:#015B66;
	font-weight:bold;
	}

/* LINKS-BOTTOM */

.links-bottom-content {
	width:289px;
	min-height:70px;
	float:left;
	margin:0 5px;
	border-right:1px solid #fff;
         position:relative;
	}
.end {
	border:none;
	margin:0 0 0 5px;
	}
.links-bottom-content h3, .links-bottom-content h3 a, .links-bottom-content h3 a:link, .links-bottom-content h3 a:visited, .links-bottom-content h3 a:active {
	color:#015B66;
	padding:0;
	margin:10px 0 5px 0;
         text-decoration:none;
	}
.links-bottom-content h3 a:hover {
        color:#000;
}
#links-bottom p {
	padding:0;
	margin:0;
	line-height:normal;
	width:220px;
	}
#links-bottom a, #links-bottom a:link, #links-bottom a:visited, #links-bottom a:active {
         text-decoration:none;
}
#links-bottom a.more, #links-bottom a.more:link, #links-bottom a.more:visited, #links-bottom a.more:active {
	background:url(/Assets/CSS/oceanus/btn-more.jpg) no-repeat top left;
	padding:1px 0 0 25px;
	display:block;
	width:auto;
	height:17px;
	font-weight:bold;
	text-decoration:none;
	color:#015B66;
	width:40px;
	position:absolute;
         right:0;
         top:30px;
	}
#links-bottom a.more:hover {
	background-position:bottom left;
	text-decoration:underline;
	}
	
/* CONTENT - BOXES */

.boxleft {
	display:block;
	width:235px;
	height:auto;
	float:left;
	margin:0 30px 5px 0;
	}

.boxright {
	display:block;
	width:235px;
	height:auto;
	float:left;
	margin:0 0 5px 0;
	}
.boxleft a, .boxleft a:link, .boxleft a:active, .boxleft a:visited,
.boxright a, .boxright a:link, .boxright a:active, .boxright a:visited {
	display:block;
	height:100%;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	}
.boxleft h1, .boxright h1, .boxleft p, .boxright p {
	font-size:0.75em;
	display:block;
	color:#015B66;
	padding:0;
	margin:0;
	}
.boxleft p, .boxright p {
         font-weight:bold;
         margin-left:5px;
}

.boxleft h2, .boxright h2 {
	font-size:0.75em;
	display:inline;
	}
.boxleft a, .boxright a,
.boxleft a:link, .boxright a:link,
.boxleft a:active, .boxright a:active,
.boxleft a:visited, .boxright a:visited {
	text-decoration:none;
	}
.boxleft a:hover, .boxright a:hover {
	color:#015B66;
	}

/* SITEMAP */

.sitemap ul {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
	}
.sitemap ul li {
	font-weight:bold;
	font-size:0.9em;
	padding:12px 0 0 0;
	margin:0;
	}
.sitemap ul li ul li {
	font-weight:normal;
	padding:5px 0 0 0;
	margin:0;
	font-size:0.9em;
	}
.sitemap ul li ul li ul li {
	font-weight:normal;
	padding-top:0;
	font-size:0.8em;
	}
.sitemap a, .sitemap a:link, .sitemap a:active, .sitemap a:visited {
	text-decoration:none;
	}
.sitemap a:hover {
	text-decoration:underline;
	}
	
/* SEARCH */

.search {
        font-size:0.9em;
        margin-bottom:10px;
}

ul#mylist {
	list-style:none;
	font-weight:bold;
	margin:20px 0 20px 0;
	}
ul#mylist li {
	padding:5px 0;
         font-size:0.9em;
	}

.search ul.pag {
	list-style:none;
	}
.search ul.pag li {
	display:inline;
	padding-right:10px;
         font-size:0.9em;
	}

/* FORM */

form.enquiry div {
	clear:both;
	height:100%;
	display:block;
	margin:0px 0;
	padding-top:8px;
	}
form.enquiry label {
	display:block;
	width:105px;
	float:left;
	font-size:0.9em;
	padding-top:4px;
	}
form.enquiry input {
	width:235px;
	padding:2px;
	font-size:0.8em;
	}
form.enquiry textarea {
	padding:2px;
	font-size:0.9em;
	}
form.enquiry input.button {
	font-size:0.9em;
	width:60px;
	}


/* NEWS LIST */

ul.news {
list-style:none;
margin:0 0 0 10px;
padding:0;
line-height:1.3em;
}
ul.news li {
padding:12px 0;
}
ul.news a, ul.news a:link, ul.news a:active, ul.news a:visited {
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#015B66;
}
ul.news a.more-news, ul.news a.more-news:link, ul.news a.more-news:active, ul.news a.more-news:visited {
font-weight:bold;
text-decoration:none;
font-size:0.7em;
}
ul.news a:hover {
text-decoration:underline;
}


/*  FOOTER  */

#footer .footer_content { 
	height:auto;
	width:900px;
	margin:15px auto 0 auto;
	}
#footer .links_left {
	width:500px;
	float:left;
	}
#footer .links_right {
	width:280px;
	float:right;
	height:auto;
	margin-top:28px;
	}
#footer .links_left p {
	font-size:0.75em;
	color:#fff;
	line-height:normal;
	padding:0;
	margin:7px 5px;
	}
#footer .links_left ul, #footer .links_right ul {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
	}
#footer .links_left li, #footer .links_right li {
	display:inline;
	font-size:0.75em;
	margin-right:20px;
	}
#footer .links_right li.end {
	margin-right:0;
	}
#footer .links_left li a, #footer .links_right li a,
#footer .links_left li a:link, #footer .links_right li a:link,
#footer .links_left li a:active, #footer .links_right li a:active,
#footer .links_left li a:visited, #footer .links_right li a:visited,
#footer .links_left a, #footer .links_right li a,
#footer .links_left a:link, #footer .links_right a:link,
#footer .links_left a:active, #footer .links_right a:active,
#footer .links_left a:visited, #footer .links_right a:visited {
	text-decoration:none;
	color:#fff;
	}
#footer .links_left li a:hover, #footer .links_right li a:hover,
#footer .links_left a:hover, #footer .links_right a:hover {
	text-decoration:underline;
	}