body
{
positon: relative;
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-color: #ececec ;

}
#content 
{position: absolute;
top: 40px;
margin-left: 50px;
width: 728px;
height: 480px;
background:transparent url(images/banner.jpg) no-repeat top left;
background-color: white ;
border-style: none; 

/* positioning of images, anchoring only top and left to allow for different sizes*/

}
#image1
{position: absolute;
top: 80px;
left: 10px; 
width: 580px;
height: 389px;

}

#image1a
{position: absolute;
top: 140px;
left: 10px; 
width: 580px;
height: 319px;
background:transparent url(images/background.jpg) no-repeat top left;

}
#image2
{position: absolute;
top: 140px;
left: 10px;
width: 137px;
height: 252px;
border-style: none; 
}

#image3
{position: absolute;
top: 140px;
left: 157px;
width: 137px;
height: 252px;
border-style: none; 

}
#image4
{position: absolute;
top: 140px;
left: 305px;
width: 137px;
height: 252px;
border-style: none; 

}
#image5
{position: absolute;
top: 140px;
left: 453px;
width: 137px;
height: 252px;
border-style: none; 
}

#image6
{position: absolute;
top: 302px;
left: 355px;
border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; 
}

#image7
{position: absolute;
top: 140px;
left: 165px;
border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; 
}

#acc
{position: absolute;
top: 140px;
left: 170px;
width: 400px;
height: 252px;
border-style: none; 

}

#buttonbacktoindex
{position: absolute;
top: 445px;
margin-left: 641px;
}

#buttonback
{position: absolute;
top: 445px;
left: 598px;
}

#buttonforward
{position: absolute;
top: 445px;
left: 685px;
}

#footer {
position: absolute;
top: 490px;
left: 320px;
width: 110px;
height: 50px;

font-family: Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}


#caption
{position: absolute;
top: 375px;
left: 604px;
width: 110px;
}




h1
{
font-family: Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size: 22px;
text-align: left;
color: #357c67;
letter-spacing: 0px;
}

/*main text format*/

p
{

font-family: Gill Sans, Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
font-variant: none;
color: #002927;
letter-spacing: 0px;
line-height: 17px;

}

.larger
{font-size: 15px;
}

.center
{font-size: 16px;
text-align: center;
color: white;
}

.centersmall
{font-size: 13px;
text-align: center;
}


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

.contact
{margin-left: 350px;
width: 165px;
}

.where {
left: 390px;
top: 135px;
width: 167px;
font-size: 12px; 
line-height: 16px;
}

.bookings {
left: 390px;
top: 122px;
width: 167px;
font-size: 12px; 
line-height: 16px;
}



/*navigation menu*/

#button {
position: absolute;
top: 135px; width: 130px;
margin-left: 598px;
padding: 0 0 0 0;
font-family: Gill Sans, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #EAF3DA;
color: black;
}

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

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: none;
background-color: white;
color: #357c67;
text-decoration: none;
width: 100%;
}

#button li a {
width: auto;
}

#button li a:hover {
background-color: #EBF4EA;
color: #003F5B;
}

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



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

a {
color: #00a9a4;
text-decoration: none;

}



a:hover
{color: #bee0df;
}

a:active
{color: black;}