body
{position: relative;
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-color: black ;
}

#content 
{position: absolute;
top: 40px;
margin-left: 50px;
width: 728px;
height: 380px;
background-color: #01172e;
border-style: none; 
}

#eelhead
{position: absolute;
top: 0px;
left: -200px;
width: 1028px;
height: 75px;
background: transparent url(images/banner2.gif) no-repeat top left;
border-style: none; 
}


#thumbs
{position: absolute;
top: 120px;
left: 19px; 
width: 540px;
height: 180px;
border-style: none; 

}

#blurb
{position: absolute;
top: 290px;
left: 19px; 
width: 540px;
height: 180px;
border-style: none; 

}



#beach
{position: absolute;
top: 75px;
left: 0px; 
width: 138px;
height: 305px;
background: transparent url(images/beacha.jpg) no-repeat top left;
border-style: none; 

}

#heading
{position: absolute;
top: 80px;
left: 19px; 
width: 550px;
height: 319px;
}

#designheading
{position: absolute;
top: 100px;
left: 150px; 
width: 400px;
height: 319px;
}

#ad
{position: absolute;
top: 390px;
left: 0px; 
width: 728px;
height: 90px;
border-style: none; 
}






#footer {
position: absolute;
top: 490px;
right: 0px;
width: 400px;
height: 50px;
font-family: Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
color: white;
font-size: 11px;
text-align: right;
}

/*bit of a wank*/

#validation
{
position: absolute;
top: 490px;
left: 0px;
width: 200px;
height: 100px;

}


h1
{
font-family:  Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size: 21px;
text-align: left;
margin-left: 4px;
color: white;
letter-spacing: 0px;
}

/*main text format*/

p
{

font-family: Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
margin-left: 4px;
color: white;
letter-spacing: 0px;
line-height: 17px;

}
.thumbblurb { font-size: 11px; text-align: left; }


/*classes based on main text format for additional positioning, smaller columns, footer*/


/*navigation menu*/

#button {
position: absolute;
top: 90px; width: 150px;
margin-left: 578px;
padding: 0 0 0 0;
font-family:  Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 14px;
background-color: #f8f7f7;
color: black;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
		
#button li {
border-bottom: 1px solid #07519f;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: none;
background-color: #01172e;
color: #93a9d5;
text-decoration: none;
width: 100%;
}

#button li a {
width: auto;
}

#button li a:hover {
background-color: #005796;
color: white;
}

#button li a:active {
background-color: white;
color: black;
}

/*navigation styling for any links outside the menu*/

a {
color: #93a9d5;
text-decoration: none;
border-style: none; 
}


a:hover
{color: red;
text-decoration: underline;
border-style: none; 
}

a:active
{color: red;
border-style: none; 
}