body {
	background: transparent;
	color: #00;
	margin: 0 0pt 0 0pt;
	font-family: Courier New, Courier;
	font-size: 12pt;
	cursor: crosshair; 
	background-image: url(images/bkg_graphpaper.gif);
	background-repeat: repeat;
	background-attachment: fixed;overflow: auto; }
	}

p{
	margin:0;
}

a{
	background-color:rgba(255,255,255,0.5);
}

a{color:#535353;text-decoration:none;font-weight:bold;}
	a:link{color:#535353;background-color:transparent;}
	a:visited{color:#535353;background-color:transparent;}
	a:active{color:#535353;background-color:transparent;}
	a:hover	{color:#535353;background-color:transparent;text-decoration:none;}

	
div#generator1{
	margin:3em;
}

div#isletitle {
	margin:2px 0 0 15px;
	color: #878787;
	letter-spacing:+5px;
	font-size: 28pt;
	font-weight: bold;
	float:none;
	width:1040px;
	position:absolute;
	left: 1800px;
	top: 2600px;
}
div#isleauthor {
	margin:12px 0 0 100px;
	color: #b9b9b9;
	letter-spacing:+7px;
	font-size: 16pt;
	font-weight: bold;
	float:none;
	position:absolute;
	left: 1800px;
	top: 2650px;
}
div#bibliography {
	margin:12px 0 0 100px;
	color: #3d3d3d;
	width: 680px;
	font-size: 11pt;
	float:none;
	position:absolute;
	left: 1800px;
	top: 2700px;
}
div#compas {
	width: 405px;
	float:none;
	position:absolute;
	left: 2820px;
	top: 2350px;
}
div#islepilot {
	margin:20px 0 0 00px;
	color: #535353;
	letter-spacing:0px;
	font-size: 11pt;
	font-weight: regular;
	width: 500px;
	float:none;
	position:absolute;
	left: 3060px;
	top: 2290px;
}

p.isle1.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 290px;
	float:none;
	position:absolute;
	left: 1032px;
	top: 750px;
}
#stepisle1 {
	float:none;
	position:absolute;
	left: 1318px;
	top: 850px;
	
}
p.isle2.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 250px;
	float:none;
	position:absolute;
	left: 710px;
	top: 4230px;
}
#shortisle2 {
	float:none;
	position:absolute;
	left: 620px;
	top: 4200px;
}
p.isle3.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 180px;
	position:absolute;
	left: 970px;
	top: 3275px;
}
#stepisle3 {
	float:none;
	position:absolute;
	left: 1000px;
	top: 3200px;
}
p.isle4.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 420px;
	position:absolute;
	left: 4240px;
	top: 150px;
}
#shortisle4 {
	float:none;
	position:absolute;
	left: 4700px;
	top: 75px;
}

p.isle5.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 250px;
	position:absolute;
	left: 3700px;
	top: 4640px;
}
#shortisle5 {
	float:none;
	position:absolute;
	left: 3670px;
	top: 4560px;
}

p.isle6.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 330px;
	position:absolute;
	left: 2770px;
	top: 2970px;
}
#stepisle6 {
	float:none;
	position:absolute;
	left: 2610px;
	top: 2520px;
}

#shortisle7 {
	float:none;
	position:absolute;
	left: 3820px;
	top: 1750px;
}
p.isle7.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 230px;
	position:absolute;
	left: 3550px;
	top: 1650px;
}

#stepisle8 {
	float:none;
	position:absolute;
	left: 1560px;
	top: 2530px;
}
p.isle8.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 230px;
	position:absolute;
	left: 1300px;
	top: 2350px;
}

#stepisle9 {
	float:none;
	position:absolute;
	left: 740px;
	top: 1970px;
}
p.isle9.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: left;
	width: 450px;
	position:absolute;
	left: 200px;
	top: 2050px;
}

#stepisle10 {
	float:none;
	position:absolute;
	left: 2000px;
	top: 1400px;
}
p.isle10.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: left;
	width: 380px;
	position:absolute;
	left: 2000px;
	top: 1500px;
}

#stepisle11 {
	float:none;
	position:absolute;
	left: 3830px;
	top: 3400px;
}
p.isle11.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 260px;
	position:absolute;
	left: 3850px;
	top: 3530px;
}

#stepisle12 {
	float:none;
	position:absolute;
	left: 1000px;
	top: 4400px;
}
p.isle12.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 375px;
	position:absolute;
	left: 1650px;
	top: 4350px;
}

#stepisle13 {
	float:none;
	position:absolute;
	left: 4100px;
	top: 1670px;
}
p.isle13.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 325px;
	position:absolute;
	left: 4250px;
	top: 1420px;
}
#stepisle14 {
	float:none;
	position:absolute;
	left: 2600px;
	top: 350px;
}
p.isle14.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 325px;
	position:absolute;
	left: 2840px;
	top: 370px;
}

/*/////////////////////
 *  Generator styles   *
 //////////////////////*/

div#scale{
	position:absolute;
	left: 1%;
	top: 10px;
}

div#scale img{
	max-width:98%;
	height:auto;
}

div#centrebar{
	margin-left: 15%; 
	margin-right:2%;
	margin-top: 35px; 
	max-width: 440px; 
}

div#destination{
	display:inline-block;
	width:290px;
	height:175px;
}

div#controls{
	float:right;
	margin-top:80px;
}


@media screen and (max-width: 700px) {
	div#centrebar{
/* 		padding:10px; */
		margin-left:auto;
		margin-right:auto;
	}
	
	div#centrebar p{
		padding-left:5px;
		padding-right:5px;
	}
}

@media screen and (max-width: 460px) {
	div#controls{
		float:none;
		margin-top:30px;
		margin-bottom:10px;
		text-align:center;
	}
	div#destination{
		text-align:center;
		width:100%;
	}
}