body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}
img {
      	width: 100%;
		left: 0;
		bottom: 0;
		border: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link              {
	color: #3088B8;
	text-decoration: none;
}
a:visited           {
	color: #3c9ccd;
	text-decoration: none;
}
a:hover             {
	color: #3c9ccd;
	text-decoration: none;
}
a:active            {
	color: #3c9ccd;
	text-decoration: none;
}

h1 {
	color: #3c9ccd;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: "hobo-std";
}

p {
	color: #3c9ccd;
	font-size: 16px;
	font-weight: normal;
	font-family: "hobo-std";
	text-align: center;
}

.MovieScreen {
	z-index: 1;
	width: 360px;
	height:360px;
/*	left: 40%;*/
	top: 15%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	position: absolute;
}

.WebsiteText {
	position: absolute;
	z-index: 7;
	width: 100%;
	top: 300px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
	position: absolute;
}

.HatImage {
	z-index: 8;
	/*width: 100px;
	height:100px;
	top: 600px; 80%;
	margin-top: 5%;
	left: 300px;
	margin-right: -100;
    transform: translate(40%, 0%);
	top: 15%;*/
    left: 80%;
    margin-right: -20%;
    transform: translate(-90%, -70%);
	position: absolute;
}
				
body {
	background-image: url(../images/atlanticdrive.jpg);
    /*background-size: 100% 100%;*/
    background-repeat: no-repeat;
    /*max-width: 1884px;*/
    width: 640px; /*(1920px;*/
	height: 760px;
	border: 0;
	z-index: -1;
}

li { cursor: pointer; }