/* ### css by flurdy . Copyright: electric ray 2004, www.eray.co.uk ### */

/* div{ padding: 0px; margin: 0px; } */
body{ color: black; }
a,a:visited{ color: black; }
#bow{
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}
#bow h1 {
	color: #146;
	width: 1px;
	height: 1px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#lookout {
	text-align: center;
}
#lookout ul{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	/* float: left; */
}
#lookout ul li{
	margin: 1px 0px;
	padding: 1px;
	list-style: none;
	display: inline;
}
#lookout ul li a{
	width: 60px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	color: black;
	padding: 2px 10px;
	margin: 0px;
/*	border: 1px outset silver; */
/*	background-color: #0053cf; */
}
#lookout ul li a:visited{
	color: black;
}
#lookout ul li a:hover{
	color: black;
	text-decoration: underline;
}
#lookout ul li a:active{
	color: black;
	text-decoration: underline;
}
#stern { padding: 0px; margin: 0px; overflow: hidden; }
#stern .left{ float: left;}
#stern .center{ }
#stern .right{ float: right; }
#stern p{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 7pt;
	color: white;
}
#stern a,#stern a:visited{ color: white; }
#stern div{ margin: 0px; padding: 0px; }

#stern #tagstrips{
	float: right;
	width: 60px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
#stern #tagstrips a{
	margin: 0px;
	padding: 0px;
}
#stern #tagstrips img{
	/* width: 60px; */
	/* height: 12px; */
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
}
#stern #flurdy{
	float: left;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
#stern #flurdy a{
	margin: 0px;
	padding: 0px;
}
#stern #flurdy img{
	margin: 0px;
	padding: 0px;
}
#alltagstrips{
	position: absolute;
	/* display: none;  */
	visibility: hidden;
	width: 100px;
	/* height: 410px;  */
	left: 827px;
	top: 482px;
	/* background-color: red; */
	/* border: 2px groove gray; */
}
#alltagstrips p{
	margin: 0px;
	padding: 0px;
}
#alltagstrips img{
	border: 0px groove gray;
}

#cargo { }

#cargo h1{ font-size: 22pt; font-weight: bold; }
#cargo h2{ font-size: 12pt; font-weight: bold; }
#cargo h3{ font-size: 12pt; font-weight: bold; }
#cargo h4{ font-size: 11pt; font-weight: bold; }
#cargo h5{ font-size: 9pt; font-weight: bold; }
#cargo h6{ font-size: 7pt; font-weight: bold; }
#cargo p{ font-size: 9pt; font-weight: normal; }
#cargo h3 p{ font-size: 12pt; font-weight: bold; }
#cargo h4 p{ font-size: 11pt; font-weight: bold; }
#cargo h5 p{ font-size: 9pt; font-weight: normal; }
#cargo h6 p{ font-size: 7pt; font-weight: normal; }
#cargo li{ font-size: 9pt; font-weight: normal; }
#cargo th{
	font-size: 10pt; font-weight: bold;
	text-align: left;
	margin: 0px; padding: 2px 5px;
}
#cargo td{
	font-size: 9pt; font-weight: normal;
	text-align: left;
	margin: 0px; padding: 2px 5px;
}
#cargo h1{ margin: 30px 5px; padding: 5px; }
#cargo h2{ margin: 5px 5px; padding: 5px; }
#cargo h3{ margin: 5px 5px; padding: 5px; }
#cargo h4{ margin: 3px 3px; padding: 5px; }
#cargo h5{ margin: 1px; padding: 3px; }
#cargo h6{ margin: 1px; padding: 1px; }
#cargo p{ margin: 5px; padding: 3px; }
#cargo h5 p{ margin: 1px; padding: 1px; }
#cargo h6 p{ margin: 1px; padding: 1px; }
#cargo input{ background-color: #eee; }
#cargo .smaller{ font-size: 7pt; }
#cargo .error{ color: red; }
#cargo .fullgrid{
	border: 2px ridge silver;
	margin: 20px 5px 20px 5px;
	padding: 0px;
}
#cargo a{
	text-decoration: none;
}
#cargo a:hover{
	text-decoration: underline;
}
#cargo .white{
	background-color: #fff;
}

#cargo .border{
	border: 2px outset silver;
}
#cargo .grid_pallet{
	display: inline;
	float: left;
	margin: 2px;
	/* padding: 5px;
	background-color: #146;
	border: 1px solid silver; */
}
#cargo .grid_container{
	display: inline;
}
#cargo .grid_box{
	background-color: #8ad;
	display: block;
	width: 430px;
	border: 1px solid white;
	height: 210px;
	overflow: hidden;
	margin: 0px;
	padding: 4px 7px;
}
#cargo .grid_banner{
	/*background-color: #146; */
	display: block;
	width: 846px;
	text-align: center;
	/* border: 1px solid white; */
	overflow: hidden;
	margin: 3px 0px 0px 0px;
	padding: 0px 7px;
}
#cargo .grid_banner img.border{
	border: 2px inset silver;
}


#cargo .left{ float: left; }
#cargo .right{ float: right; }

#cargo #contact table{
	background-color: #146;
	border: 2px outset silver;
	margin: 2px 8px;
	padding: 5px;
}
#cargo #contact #intro{
		width: 350px;

	}
#cargo #contact #facebook {
	padding: 5px 2px;
}
#cargo #contact table a,
#cargo #contact table a:visited,
#cargo #contact table a:hover,
#cargo #contact table a:active{color:white;}
#cargo #contact th{
	margin: 0px;
	padding: 3px;
	font-size: 9pt;
	border: 1px inset silver;
	color: white;
}
#cargo #contact td{
	margin: 0px;
	padding: 3px;
	border: 1px inset silver;
	color: white;
}
#cargo #contact .button{
	background-color: white;
	color: black;
	font-size: 9pt;
	font-weight: bold;
	display: block;
}
#cargo #contact .text{
	font-size: 7pt;
}

#bow #flurdy-link{
    margin: 0.4em 1em;
    height: 3.5em;

    float: right;
}
#bow #ivar-eyes{
	height: 4.5em;
}

#cargo .tile {
	padding: 0.5em;
	margin: 0.5em;
	background-color: #114466;
	color: white;
	border: 1px outset white;
}
#cargo .tile a,
#cargo .tile a:visited {
	color: white;
	text-decoration: underline;
}

#cargo .frontTile,
#cargo .advertTile { padding: 0.6em 0.6em; margin: 0.5em 0.5em; border: 1px solid silver; }
#cargo .frontTile { width: 23.5em; height: 13em; overflow: hidden; float: left; clear:left;}
#cargo .wideTile,
#cargo .advertTile { clear: both; width: 95%; }
#cargo .boxTile { height: 21em; }
#cargo .columnTile { height: 23em; }
#cargo .stubTile { height: 7em; }
#cargo .advertTile { height: 6em; }
#cargo .frontRight { float: right; clear:right; }
#cargo .twtr-doc { width: 100%; }

#cargo .frontTile {
	/*display: none;*/
}

#cargo .frontTile h2 {
	font-size: 2em;
	float: left;
	margin: 1em 3em;
}

#cargo #tile-nerdme {
	background-color: #225599;
}

#cargo #tile-nerdme img {
	width: 12.5em;
	margin: 1em 5em;
}

#cargo #tile-workme {
	background-color: #0053cf;
	background-image: url('https://eray.uk/assets/images/erayless.png');
	background-repeat: no-repeat;
	background-position: center center;
}

#cargo #tile-workme img {
	width: 25em;
	margin-top: 1.2em;
}

#cargo #tile-whome,
#cargo #tile-contactme {
	background-color: #225599;
}

#cargo .frontTile a,
#cargo .frontTile a:visited {
	color: white;
}

#cargo #tile-whome img {
	width: 3em;
	margin: 1em 5em;
}

#cargo #tile-contactme img {
	width: 5em;
	margin: 0.5em 3em;
}


#cargo #contactTile table {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#cargo #contactTile td,
#cargo #contactTile th{
    text-align: center;
    font-weight:bold;
    padding: 0.5em 1em;
    border: 1px inset silver;
    color: white;
    background-color:#114466;
}
#cargo #contactTile td a,
#cargo #contactTile td a:visited{ color: white; text-decoration: underline; }
#cargo #contactTile th a,
#cargo #contactTile th a:visited{ color: white; text-decoration: none; }
#cargo #contactTile th a:hover{ color: white; text-decoration: underline; }
#cargo #contactTile td img{ border: 1px outset silver; width: 100px; height: 22px;  }
#cargo #contactTile td img#tietoContact{ padding: 0; background-color: white; }
#cargo #contactTile td img#erayContact{  padding: 0; width: 50px; height: 50px; border: 0; }
#cargo #contactTile th.header {
    font-size: 1.2em;
}



#cargo #contactPage {
	width: 55em;
}

#cargo #contactPage h2 {
	font-size: 16pt;
}

#cargo #contactPage #channels {
	background-color: #114466;
	border: 1px outset white;
	color: white;
	width: 21.4em;
	padding: 0.5em 2em 1em 2em;
}
#cargo #contactPage #channels .description {
	padding: 0.5em 2em;
	text-align: center;
}
#cargo #contactPage #channels .channel {
	border-top: 1px inset silver;
}
#cargo #contactPage #channels .channel .title {
	width: 6em;
	float: right;
	padding: 1.2em 1em;
	vertical-align: middle;
	font-size: 0.9em;
}
#cargo #contactPage #channels .channel .image  {
	padding: 1em 0.5em;
	width: 9em;
	text-align: right;
}
#cargo #contactPage #channels img {
	width: 100px;
	height: 24px;
	border: 1px inset silver;
}
#cargo #contactPage #channels img#twitterContact,
#cargo #contactPage #channels .channel #flurdyContact img {
	border: 0;
	height: 30px;
}
#cargo #contactPage #channels #directEmailBox { font-size: 0.9em; }
#cargo #contactPage #channels #directEmailBox .title { padding-top: 1em; }
#cargo #contactPage #channels #directEmailBox .image { margin-left: 1em; }
#cargo #contactPage #channels #directEmailBox #domBit{ float: right; }
#cargo #contactPage #channels #directEmailBox #atBit{ float: right; }
#cargo #contactPage #channels #directEmailBox #startBit{ float: right;}
#cargo #contactPage #channels #directEmailBox .description{ float: left;}
#cargo #contactPage #channels #directEmailBox .garbage{
	float: left;
	width: 1px;
	height: 1px;
	color: #114466;
	overflow: hidden;
}
#cargo #contactPage #pgpBox {
	background-color: #114466;
	border: 1px outset white;
	color: white;
	padding: 1em 1.2em;
	width: 23em;
	margin: 1em 0;
}
#cargo #contactPage #pgpBox textarea {
	font-size: xx-small;
	margin: 1em 0;
}
#cargo #contactPage #pgpBox a,
#cargo #contactPage #pgpBox a:visited {
	color: white;
	text-decoration: underline;
	font-size: small;
}


#cargo #contactPage #contactFormTile {
	float: right;
	clear: right;
	width: 24em;
	background-color: #114466;
	border: 1px outset white;
	color: white;
	padding: 1em;
	margin: 0 0 1em 1em;
}
#cargo #contactPage #contactFormTile .title {
	width: 4em;
	float: left;
	padding: 0.2em 0.5em;
	clear: left;
}
#cargo #contactPage #contactFormTile .field {
	text-align: right;
	padding: 0.2em;
}
#cargo #contactPage #contactFormTile .field input[type="text"] ,
#cargo #contactPage #contactFormTile .field input[type="email"] {
	width: 21em;
}
#cargo #contactPage #contactFormTile .field input[type="text"],
#cargo #contactPage #contactFormTile .field input[type="email"],
#cargo #contactPage #contactFormTile .field textarea {
	background-color: #ffffff;
}
#cargo #contactPage #contactFormTile .field input[type="text"]:hover,
#cargo #contactPage #contactFormTile .field input[type="email"]:hover,
#cargo #contactPage #contactFormTile .field textarea:hover {
	background-color: #dfdfff;
}
#cargo #contactPage #contactFormTile .field input[type="text"]:active,
#cargo #contactPage #contactFormTile .field input[type="email"]:active,
#cargo #contactPage #contactFormTile .field textarea:active {
	background-color: #ffffff;
}
#cargo #contactPage #contactFormTile #subjectField input {
	clear: left;
	width: 26em;
}
#cargo #contactPage #contactFormTile #messageField {
	text-align: right;
	clear: left;
}
#cargo #contactPage #contactFormTile #buttons {
	float: right;
}
#cargo #contactPage #contactFormTile #notes {
	font-size: 0.7em;
	font-style: italic;
}
#cargo #contactPage #contactFormTile input[type="button"],
#cargo #contactPage #contactFormTile input[type="reset"],
#cargo #contactPage #contactFormTile input[type="submit"] {
	background-color: white;
	font-weight: bold;
	color: black;
}
#cargo #contactPage #contactFormTile input[type="button"]:hover,
#cargo #contactPage #contactFormTile input[type="reset"]:hover,
#cargo #contactPage #contactFormTile input[type="submit"]:hover {
	color: #006400;
}
#cargo #contactPage #contactFormTile input[type="button"]:active ,
#cargo #contactPage #contactFormTile input[type="reset"]:active ,
#cargo #contactPage #contactFormTile input[type="submit"]:active  {
	color: #dc143c;
}

#cargo #contactFormTile #errorBox li {
	color: red;
}

#cargo #contactPage #procrastinator {
	background-color: #114466;
	border: 1px outset white;
	color: white;
	padding: 1em 1em;
	width: 24em;
	margin: 0em 0 1em 0;
	float: right;
	clear: right;
}
#cargo #contactPage #ivarBalance {
	float: right;
	clear: right;
	width: 24em;
	background-color: #114466;
	border: 1px outset white;
	padding: 1em;
	margin-bottom: 1em;
}
#cargo #contactPage #ivarBalance div {
	background-color: #225599;
	border: 2px inset white;
	text-align: center;
}
#cargo #contactPage #ivarBalance img {
	height: 9.6em;
	margin: 0.5em auto 0 auto;
}

#cargo #contactPage #confirmation {
	float: left;
	clear: left;
	width: 22em;
	background-color: #114466;
	border: 1px outset white;
	padding: 1em;
	color: white;
	margin-bottom: 3em;
}

#ship #ballast #cargo < #flickrbox {
	width: 55em;
}


@media all and (min-width: 376px) {
	#ballast { width: 350px; }
	#cargo .wideTile { width: 300px; }
	#cargo #tile-workme h2,
	#cargo #tile-nerdme h2 { display: none; }
	#cargo #tile-nerdme img { width: 150px; margin: 0.2em; }
	#cargo #tile-workme img { width: 200px; margin: 0.7em 1em; }
	#cargo #tile-whome img,
	#cargo #tile-contactme img { display: none; }
}

@media all and (min-width: 481px) {
	#ballast { width: 415px; }
	#cargo .wideTile {  width: 365px; }
	#cargo .frontTile { text-align: left; height: 5em; }
	#cargo .frontTile h2 {
		font-size: 1.7em;
		margin: 0.2em 0.2em;
		float: left;
	}
	#cargo #tile-workme h2,
	#cargo #tile-nerdme h2 { display: block; }
	#cargo #tile-nerdme img {
		margin: -2em 0.2em 0.2em 12em;
	}
	#cargo #tile-workme img {
		margin: -1em 0.2em 0.2em 9.5em;
	}
	#cargo #tile-whome img,
	#cargo #tile-contactme img { display: block; }
	#cargo #tile-whome img {
		width: 2.2em;
		margin: 0.25em 1em 0.2em 15em;
	}
	#cargo #tile-contactme img {
		width: 4em;
		margin: 0.1em 1em 0.2em 14em;
	}
}

@media all and (min-width: 641px) {
	#ballast { width: 95%; }
	#cargo .wideTile {  width: 98%; }
	#cargo .frontTile { height: 6em; }
	#cargo .frontTile h2 { margin: 1em 1em; }
	#cargo .frontTile img { float: right; }
	#cargo #tile-nerdme img {
		width: 180px;
		margin: 1em 5em 0.2em 1em;
	}
	#cargo #tile-workme img {
		width: 260px;
		margin: 1.3em 2.5em 0.2em 1em;
	}
	#cargo #tile-whome img {
		width: 2.7em;
		margin: 0.25em 10.5em 0.2em 1em;
	}
	#cargo #tile-contactme img {
		width: 4.5em;
		margin: 0.3em 9.5em 0.2em 1em;
	}
}

@media all and (min-width: 677px) {
	#cargo #tile-contactme img { width: 4.5em; }
}

@media all and (min-width: 750px) {
	#cargo .frontTile h2 { margin: 1em 4em; }
	#cargo #tile-workme img { width: 320px; margin-right: 1em; margin-top: -5em; }
	/*#cargo #tile-contactme img { margin-top: -5.7em; }*/
}

@media all and (min-width: 803px) {
	#cargo #tile-workme img { margin-top: 1em; }
}

@media all and (min-width: 858px) {
	#cargo #tile-contactme img { margin-top: 0.3em; }
}

@media all and (min-width: 873px) {
	/*#cargo #tile-workme img { margin-top: 1em; }*/
}

@media all and (min-width: 875px) {
	#cargo #tile-nerdme img {    margin-right: 11em; }
	#cargo #tile-workme img {    margin-right: 6em;  margin-top: -5em; }
	#cargo #tile-whome img {     margin-right: 15.5em; }
	#cargo #tile-contactme img { margin-right: 15em; }
}

@media all and (min-width: 927px) {
	/*#cargo #tile-workme img { margin-top: 1em; }*/
}

@media all and (min-width: 937px) {
	/*#cargo #tile-contactme img { margin-top: 1em; }*/
}


@media all and (min-width: 960px) {
	#cargo #tile-nerdme img {    margin-right: 14em; }
	#cargo #tile-workme img {    margin-right: 9em; }
	#cargo #tile-whome img {     margin-right: 18.5em; }
	#cargo #tile-contactme img { margin-right: 18em; }
}
@media all and (min-width: 1040px) {
	/*#cargo #tile-workme img { margin-top: -5em; }*/
}

@media all and (max-width: 480px) {
	#cargo .frontTile { height: 4em; text-align: center; }
	#cargo .frontTile h2 {
		font-size: 1.3em;
		margin-top: 0.7em;
		text-align: center;
		float: none;
	}
	#lookout { display: none; }
}

@media all and (max-width: 750px) {
	#cargo #contactPage #pgpBox { display: none; }
	#cargo #contactPage #procrastinator { display: none; }
	#cargo #contactPage #ivarBalance { display: none; }
	#cargo #contactPage #contactFormTile{ float: none; margin-left: 0; }
}

@media all and (max-width: 375px) {
	#ocean { margin-left: 0; }
	#fleet { padding-top: 0; }
	#cargo .wideTile { width: 300px; }
	#ballast { width: 350px; }
	#cargo #tile-workme h2,
	#cargo #tile-nerdme h2 { display: none; }
	#cargo #tile-nerdme img { width: 150px; margin: 0.2em; }
	#cargo #tile-workme img { width: 200px; margin: 0.7em 1em; }
	#cargo #tile-whome img,
	#cargo #tile-contactme img { display: none; }
	#stern {  display: none; }
}

@media all and (max-width: 360px) {
	#bow { height: 2.6em; margin: 0; }
	#bow img#ivar-eyes { height: 3em; }
	#cargo .wideTile { width: 285px; }
	#ballast { width: 335px; }
}

@media all and (max-width: 320px) {
	#cargo .wideTile { width: 245px; }
	#cargo #tile-whome,
	#cargo #tile-contactme { height: 3.5em; }
	#cargo #tile-whome h2,
	#cargo #tile-contactme h2 { margin-top: 0.6em; }
	#ballast { width: 295px; }
}