body {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   background-color: white;
   background-image: url(pin19.jpg); 
   position: relative;   	   
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: navy;
}
a:hover {
	color: #711802;
}

img.floatright {
	float: right;
	margin: 2.5em;
	border: none;
	padding: 0;
}
p.clearspace {

	margin: 0;
	padding: 0;
	width: 100%;
	height: 3em;
}
p.spacer {
	margin: 0;
	padding: 1em 0 0 0;
}

p.center {
   text-align: center;
}
h3 {
   margin: 0;
   padding: 0;
   font-size: 1.1em;    
}
#florinmenu {
   width: 200px;
   margin: 0 .5em 0 0;
   padding: 0 0 0 0;
   position: fixed;
   right: 0px;
   top: 0px;
   background-color: transparent;    
   z-index: 1;
}
p.subhead {
   font-family: Arial, Helvetica, sans-serif;
   font-size: .9em;
   margin: 0;
   padding: 0 0 0 0;
   border: none;
   font-variant: small-caps;
   background-color: white; 
   color: Green;
   text-align: center;
}
a.activator {
	font-family: Arial, Helvetica, sans-serif;
	color: #29444A;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	position: relative;
}
a.activator:hover {
	color: #711802;
}
a.activator:active {
	text-decoration: none;
	color: #711802;
}
p.menuitem {
	padding: .35em 0 .35em .5em;
	margin: 0px;
   border-top: 1px solid #711802;
   background-color: #CDD8E2;      
   text-align: left;
   font-size: .9em;
   position: relative;      
}
p.nav {
   text-align: center; 
   width: 100%; 
   padding: .5em 0 .25em 0; 
   margin: 0;
   border-top: 1px solid #711802; 
   background-color: white;      
   position: relative;                
}
a.nav {
	display: inline;
}
#transopac {
   width: 100%;
   margin: 0;
   padding: 0;
   height: 1em;
   position: relative;
   background-color: white;   
   z-index: 1; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#displayRight {
	width: 200px;
	margin: 215px .5em 0 0;
	padding: 2em 0 0 0;
	top: 0px;
	right: 0px;
	background-color: white;
	position: absolute;
}
.adlinks {
	margin: 0 0 0 0;
	padding: .5em 0 .5em 0;
	text-align: center;
	position: relative;
	border-bottom: 1px solid silver;
}
#displayall {
   display: none;
}
#displayLayers {
	margin: 0 0 210px 2em;          
	text-align: center;
	background-color: transparent;
	font-size: 1em;
	position: relative; 
	min-width: 540px;
	padding: 0; 	
}
.otherContents {
	padding: 2em 0 2em 0;   
	margin: 0 20em 0 2em;
	border-top: 10px double #e8e8e8;
	border-left: 10px solid White;
	border-right: 10px solid White;
	border-bottom: 10px double #e8e8e8;		
	text-align: center;
	color: #666666;
	position: relative;
	background-color: white;
	min-width: 540px;
}
.displayContents {
	padding: 2em 0 2em 0;   
	margin: 0 20em 0 2em;
	border-top: 10px double #e8e8e8;
	border-left: 10px solid White;
	border-right: 10px solid White;
	border-bottom: 10px double #e8e8e8;		
	text-align: center;
	color: #666666;
	position: relative;
	background-color: white;
	min-width: 540px;
}
.displayContents a {
	background-color: transparent;
	color: #29444A;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.displayContents a:hover {
	text-decoration: underline;
	color: #711802;
}
#contentssplash {
	border: none;
	padding: 2em 0 2em 0;
	display: block;
	position: relative;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDD8E2', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(radial, 50% 20%, 0, 50% 20%, 800, from(#CDD8E2), to(#fff)) #fff;
	background: -moz-radial-gradient(50% 20%, ellipse, #CDD8E2 0px, #fff 800px);
}
.splashimage {
	margin: 0;
	padding: 0;
}
#contentsHeading {
   border: none;
   color: gray;
   position: relative;   
}
#contentstechnology {
   padding: 3em 0 1em 0;
   background-image: url(technology/nautical1.jpg);
   background-position: center;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
}
#olslayer1 {
   margin: 1em 2em 1em 2em;
   text-align: center;
   position: relative;	
}
#onlinesolutions1 {
   width: 48%;
   text-align: center;
   top: 0;
   left: 0;
   position: absolute;
}
#onlinesolutions2 {
   width: 48%;
   text-align: center;
   top: 0;
   left: 50%;
   position: relative;
}
.olsp {
	margin: 0;
	padding: 0 0 .5em 0;
}
#contentsauthors {
   background-image: url(images/bookwork4.jpg); 
   background-repeat: no-repeat; 
   background-position: bottom;
   position: relative;
   padding: 3em 0 4em 0;
}
#contentsvalore {
	padding: 3em 0 2em 0;
   position: relative;	
}
#contentsperspectives {
	padding: 3em 0 2em 0; 
   position: relative;	  
}
#contentsperspectives a{
	margin: 0;
	padding: 0;
}
img.gpimg {
	margin: 0;
	padding: 0;
	border: none;
}
#contentsecolint {
   text-align: center;
   position: relative;
}
.dalinks {
   min-height: 140px;
   position: relative;
   margin: 1em 0 2em 0;
   text-align: center;
}
.daimg {
   width: 40%;
   min-height: 140px;
   position: relative;
   text-align: right;
   padding: 0 40px 0 0;
   margin: 0;
}
.datext {
   width: 55%;
   min-height: 140px;   
   text-align: left;
   right: 0;
   top: 0;
   position: absolute;
   padding: 50px 0 0 0;
   margin: 0;
}
img.floatleft {
	margin: 0 25px 5px 25px;
	border: none;
	padding: 0;
	position: relative;
}
/*
p.verticalmiddle {
	margin: 2em 10em 0 165px;
	padding: 2em 0 0 0;
	height: 120px;
	vertical-align: middle;
	position: relative;
}
*/
#contentsconnections {
	padding: 3em 0 2em 0;
   position: relative;	
}
p.connectionsitem {
	margin: .5em 2.5em .5em 2em;
	padding: 0;
   text-align: center;
   vertical-align: middle;
   background-image: url(images/vside.gif);
   background-position: right;
   background-repeat: no-repeat;
   position: relative;
}
img.imagelinks {
   vertical-align: baseline;
   float: left;
}
img.brwsr {
	margin: 0 1em 0 1em;
}
p.credits {
	margin-right: 0;
	margin-top: 0;
	padding: 0;
}
#contentscontact {
	padding: 3em 0 2em 0;
	text-align: center;
	border: none;
   position: relative;		
}
p.contactForm {
   padding: 0 0 1em 0;
   margin: 0;
   border: none;
	text-align: center;
}
.contactButton{
   border: 1px solid Black;
   font-weight: bold;
   font-size: .9em;
   background-color: #CDD8E2; 
   padding: .2em 1em .2em 1em;
   margin: 0 0 0 25em;  
}
#contactSubject {
	font-family: "Courier New", Courier, monospace;
   font-size: 1em;
   background-color: #CDD8E2;
   border-top: 1px solid #29444A;
   border-left: 1px solid #29444A;
   margin: 0;
   padding: .25em 0 .25em 1em;
   position: relative;   
}
#contactTextbox{
	font-family: "Courier New", Courier, monospace;
   font-size: 1em;
   background-color: #CDD8E2;
   border-top: 1px solid #29444A;
   border-left: 1px solid #29444A;
   position: relative;   
}

#sitefooter {
	background-color: #666666;
	border: 2px solid silver;
   position: relative;
   padding: 1.5em 1em 1.5em 1em;
   height: 10em;
}
#sitefooter a {
	color: #29444A;
	text-decoration: none;
	font-weight: normal;
}
#sitefooter a:hover {
	color: #711802;
	text-decoration: underline;	
}
#sitefooter a:active {
	text-decoration: none;
	color: #711802;
}
ul.sitedir {
	background-color: white;
	margin: 0 0 0 0;
	padding: 1em 1em 1em 1em;
	width: 25%;
	min-height: 10em;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: black;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CDD8E2'); /* for IE */
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 180, from(#CDD8E2), to(#fff)) #fff;
	background: -moz-radial-gradient(50% 50%, ellipse, #CDD8E2 0px, #fff 180px);					
}
li.sitedirli {
	text-align: left;
	list-style-type: none;
}
li.sitedirimg {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	width: 100%;
}
#footercopy {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 1em 0;
	vertical-align: super;
}
#sitedir1 {
	left: 2%;
	padding-left: 0;
	position: absolute;
	background: white;		
}
#sitedir2 {
	left: 20%;
	position: absolute;
}
#sitedir3 {
	left: 46%;
	position: absolute;
}
#sitedir4 {
	left: 71%;
	position: absolute;
}
#ss {
   margin: 0;
   padding: 0 .5em 0 0;
}
p.l1 {
   padding: 0px;
   margin: 0 0 0 .7em;
   font-size: .9em;
   font-weight: bold;
}
p.l1a {
   padding: 0px;
   margin: 0 0 0 .7em;
   font-size: .9em;
}
p.l2 {
   padding: 0px;
   margin: 0 0 0 .7em;
   font-size: .8em;
   font-weight: bold;
}
p.l2 a {
   color: green;
   text-decoration: none;
}


@media screen 
  and (max-device-width: 480px) {
  .displayContents {
		padding: 0;   
		margin: 0;	
		min-width: 0;
		max-width: 100%;
		width: 100%;
		border: none;
	}
  	.displayContents img {
  		max-width: 90%;
  		height: auto;
  		position: relative;
  		display: inline-block;
  	}
	.otherContents {
		padding: 1em 0;   
		margin: 0;	
		min-width: 0;
		max-width: 100%;
		width: 100%;
	}
	#displayLayers {
		margin: 0;
		padding: 0;
		background: transparent;
		max-width: 100%;
		min-width: 0;
		width: 100%;
		text-align: center;
		position: relative;	
	}
	#olslayer1 {
   	margin: 0;	
   	max-width: 100%;
	}
	#onlinesolutions1 {
   	width: 100%;
   	position: relative;
	}
	#onlinesolutions2 {
   	width: 100%;
   	left: 0;
	}	
	#contentsauthors {
		width: 100%;
   	padding: 3em 0 3em 0;
   	margin: 0;
   	position: relative;
	}
	#contentsvalore {
   	margin: 0;	
	}
	#contentsperspectives {
   	margin: 0;	  
	}
	#contentsecolint {
		padding: 3em 0;
	}
	.dalinks {
		min-height: 0;
		margin: 0;
		display: inline-block;
		position: relative;
		width: 100%;
		max-width: 100%;
		padding: 3em 0;
	}
	.daimg {
   	width: 100%;
   	min-height: 0;
   	text-align: center;
   	padding: 0;
   	margin: 0;
   	display: inline-block;
	}
	.datext {
   	width: 100%;
   	min-height: 0;   
   	text-align: center;
   	right: auto;
   	top: auto;
   	position: relative;
   	padding: 0;
   	display: inline-block;
	}
	p.connectionsitem {
		margin: 0;
		padding: .5em;
	}
	p.credits {
		margin: 0;
		padding: .5em 0;
	}
#contentscontact {
	padding: 3em 0 2em 0;
	margin: 0;	
	width: 100%;
	min-width: 100%;	
}
p.contactForm {
   padding: 0 0 1em 0;
	width: 100%;
	min-width: 100%;
}
.contactButton{
   font-size: 1em;
   padding: .2em 1em .2em 1em;
   margin: 0;  
}
#contactSubject {
   margin: 0;
   padding: .25em 0 .25em 1em;
   width: 80%; 
   font-size: .9em; 
}
#contactTextbox{
   width: 80%;    
}
#sitefooter {
	display: none;
}
	#displayRight {
	 	display: inline-block;
	 	position: relative;
	 	width: 100%;
	 	margin: 0;
	}
	#florinmenu {
		display: inline-block;
		position: relative; 
	 	width: 100%;
	 	margin: 0;         
	}
}