html, body {
height: 100%;
margin: 0;
padding: 0;
}

#BottomLinksLandingPage {
top: 20px;
}


#bookingTitle {
color: #F5F735;
font-weight: bold;
font-family: "Arial";
text-align: center;
font-size:0.8em;
}

#ExtraBookingInfo {
color: white;
font-weight: bold;
font-family: "Arial";
font-size: 0.75em;
text-align: center;
}

#MainContent {
z-index: 1;
}

#Navigation {
z-index: 3;
}

#BottomLinks {
z-index: 1;
}

#MainPhotos {
z-index: 1;
}


#Navigation {position: absolute; width: 800px; height: 30px; top: 30px; left: 285px;}  
#TFerriesLogo {position: absolute; width: 18%; height: 130px; top: 5px; left: 40px;}  
#BookingEngine {position: absolute; width: 18%; height: 300px; top: 140px; left: 45px; text-align: center;}
#BookingEngineBackground {position: absolute; width: 18%; height: 300px; top: 145px; left: 40px; text-align: center;}  
#MainPhotos {position: absolute; width: 680px; height: 200; top: 63px; left: 305px; } 
#MainPhotosBackground {position: absolute; width: 695px; height: 200; top: 55px; left: 295px; } 
#MainContent {position: absolute; width: 680px; height:480px; top: 270px; left: 300px; overflow: auto; padding: 5px;}
#MainContentLanding {position: absolute; width: 680px; height:430px; top: 253px; left: 300px; overflow: auto; padding: 5px;}
#BottomLinks {position: absolute; width: 1070px; height: 60px; top:835px; left: 45px; padding: 5px;}  
#BottomLinksBackground {position: absolute; width: 1075px; height: 65px; top:620px; left: 45px; padding: 5px;}
#BottomLinksLanding {position: absolute; width: 1070px; height: 60px; top:705px; left: 45px; padding: 5px;}  
#BottomLinksBackgroundLanding {position: absolute; width: 1075px; height: 65px; top:705px; left: 45px; padding: 5px;}
#Map {position: absolute; width: 12%; height: 220; top: 465px; left: 45px; z-index: 1;}
#MainContentBackground {position: absolute; width: 700px; height: 600px; top: 252px; left: 300px; overflow: auto;}
#eurocamp {position: absolute; width: 150px; height: 660px; top: 30px; left: 1005px; }
#keycamp {position: absolute; width: 150px; height: 660px;  top: 32px; left: 1133px; }
#keycamplanding { position: absolute; top: 530px; left: 1060px;}
#eurocamplanding {position: absolute; top: 600px; left: 1060px; }
#SpecialOffers {position: absolute; top: 170px; left: 39px;}
#MapLandingPage {position: absolute; top: 62px; left: 1010px; z-index: 1;}
#RoutesLandingPage {position: absolute; top: 230px; left: 1012px; text-align: center;} 
#Routes {position: absolute; width: 12%; height: 220; top: 628px; left: 50px; z-index: 1}
#facebook {position: absolute; top: 755px; left: 300px;}
#thawte {position: absolute; top: 700px; left: 1100px; } 
#w3 {position: absolute; top: 700px; left: 1005px; }
#thawteLanding {position: absolute; top: 480px; left: 155px; } 
#w3Landing {position: absolute; top: 480px; left: 55px; }
#bookings {position: absolute; top: 250px; left: 60px;}
#RoutesBackground {position: absolute; top: 55px; left: 1000px;}
#RoutesBackgroundIndex {position: absolute; top: 460px; left: 38px;}
#PremierInn {position: absolute; top: 410px; left: 120px;}
#PremierInnInfo {position: absolute; top: 350px; left: 70px; width: 190px; text-align: center; font: bold 14px arial, helvetica, sans-serif; color: #003978}
#bookingsInfo {position: absolute; top: 170px; left: 65px; width: 190px; text-align: center; font: bold 14px arial, helvetica, sans-serif; color: #003978}

#Disney {position: absolute; top: 260px; left: 65px; width: 190px; text-align: center; font: bold 14px arial, helvetica, sans-serif; color: #003978}

#EuroCamp {position: absolute; top: 325px; left: 65px; width: 190px; text-align: center; font: bold 14px arial, helvetica, sans-serif; color: #003978}

#KeyCamp {position: absolute; top: 385px; left: 65px; width: 190px; text-align: center; font: bold 14px arial, helvetica, sans-serif; color: #003978}


#BookHere {position: absolute; top: 165px; left: 30px; width: 250px; text-align: center; font: bold  16px arial, helvetica, sans-serif;}

#keycamplandingInfo {position: absolute; top: 420px; left: 1000px; width: 250px; text-align: center; font: bold  16px arial, helvetica, sans-serif;}

#smallLogo {position: absolute; top: 370px; left: 1000px; width: 250px; text-align: center; font: bold  16px arial, helvetica, sans-serif;}

#ferryCompare {position: absolute; top: 330px; left: 65px; width: 190px; text-align: center; font: bold  14px arial, helvetica, sans-serif; color: #003978}



#BottomLinks {
font:  8px arial, helvetica, sans-serif;
overflow: auto;
text-align: center;
top: 830px;
}

#BottomLinksLanding {
font:  8px arial, helvetica, sans-serif;
overflow: auto;
text-align: center;

}

#Navigation {
}

#Navigation ul {
list-style: none;
margin: 0;
padding: 0;
width: 6em;
float: left;
}

#Navigation a, #Navigation h2 {
font: bold 9px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-align: center;
}

#Navigation h2 {
color: #fff;
background: #000099;
}

#Navigation h2:hover {
color: #000099;
background: #fff;
}

#Navigation a {
color: #fff;
background: #000099;
text-decoration: none;
}

#Navigation a:hover {
color: #000099;
background: #fff;
}

#Navigation li {
position: relative;
}

#Navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#Navigation ul ul {
position: absolute;
z-index: 1;
}

div#Navigation ul ul {
display: none;
width: 100px;
padding-left:0;
position: absolute;
margin-top: 0;
float: none;
}


div#Navigation ul li:hover ul
{display: block;}

div#Navigation ul ul,
div#Navigation ul li:hover ul ul,
div#Navigation ul ul li:hover ul ul
{display: none;}

div#Navigation ul li:hover ul,
div#Navigation ul ul li:hover ul,
div#Navigation ul ul ul li:hover ul
{display: block;}

#RoutesLandingPage {
font: 15px/16px arial, helvetica, sans-serif;
}

#RoutesLandingPage td:hover {
background: #319DFF;
font-weight: bold;
}

#Routes {
font: 15px/16px arial, helvetica, sans-serif;
}

#Routes:visited {
color: #000000;
}

#Routes td:hover {
background: #319DFF;
font-weight: bold;
}

h1 {
color: #fff;
font-size: 0.1em;
}

p {
color: #fff;
font-size: 0.1em;
}


<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover3.htc);
font-size: 100%;
}

#Navigation ul li {float: left; width: 100%;}
#Navigation ul li a {height: 1%;} 

#Navigation a, #Navigation h2 {
font: bold 0.65em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->