@charset "utf-8";
/* CSS Document */

/*---------BASIC---------*/
body {
font-family:Verdana, Geneva, sans-serif;
font-size:75%;
background:#A6ACB9;
margin:0px;
padding:0px;
text-align:left;
}

h{font-family:Verdana, Geneva, sans-serif;}

h1 span{display:none}
h2{color:#E7A034; padding:0px 0px 10px 0px; margin:0px;font-size:14px;}
h3{}

ul.common {padding:0px; margin:0px; font-size:12px;}
li.common {padding:0px; margin:0px; font-size:12px;}

ul.important {}
li.important {}


ul {list-style-type:none;padding:0px;}

li { margin-bottom:10px;}

p{text-align:justify; margin-top:0px;}

p1 {padding:0px; text-align:justify; width:inherit; float:left;}
p2 {padding:0px; text-align:justify; width:245px; float:left; margin-bottom:8px;}
p3 {padding-right:15px; padding-bottom:5px; width:168px; float:left; text-align:justify; font-size:10px;}
p4 {padding:5px; text-align:center; display:block; background-color:#cad5dc; width:320px; color:#FFF;}

p5.important {padding:5px; background-color:#744F71; width:140px; display:block; color:#FFF; margin-top:55px;}

/*--------Prices---------*/
p6 {padding:0px; margin-left:20px; width:220px; float:left; margin-top:10px; text-align:left; color:#FFF;}

p7 {padding:5px; background-color:#FFF; margin-left:20px; width:220px; float:left; margin-top:5px; text-align:left;}
p8 {padding:5px; background-color:#FFF; margin-right:20px; width:100px; float:right; margin-top:5px; text-align:center;}
p9 {padding:0px; color:#FFF; margin-right:27px; width:90px; float:right; margin-top:10px; text-align:center; word-spacing:40px;}


p10 {padding:0px; color:#FFF; margin-right:27px; width:90px; float:right; margin-top:10px; text-align:center;}

p1.half {display:block;padding:5px; background-color:#FFF; margin-right:10px; width:40px; float:right; margin-top:5px; text-align:center;}
p1.one {display:block;padding:5px; background-color:#FFF; margin-right:20px; width:40px; float:right; margin-top:5px; text-align:center;}






/*--------Prices----------*/

a.renameMe1:link,a.renameMe1:visited,a.renameMe1:active{color:#FFF;text-decoration:none; font-size:90%;}

a.renameMe1:hover{color:#FC3;}

a.subnav:link,a.subnav:visited,a.subnav:active{color:#636; display:block; height:20px; background:url(images/dotted.gif) bottom left repeat-x; width:150px; text-decoration:none;}
a.subnav:hover{color:#9999CC;}

a.curnav:link,a.curnav:visited,a.curnav:active{color:#0033FF;}
a.curnav:hover{color:#FC3;}

a.heading:link,a.heading:visited,a.heading:active{color:#E7A034;text-decoration:none;}

a.heading:hover{color:#FC3;}


/*---------LAYOUT---------*/
#container {
position:relative;
width:840px;
margin-left:auto;
margin-right:auto;
}

#pageHeader {
background:url(images/header.jpg) top left no-repeat;
float:left;
width:776px;
height:195px;
margin-top:-20px;
margin-left:32px;
}

#whitespace{
width:840px;
background:url(images/bg02.gif) top left repeat-y;
float:left;
}

#navigation {
color:#69F;
font-size:10pt;
text-align:center;
background:url(images/navigation.png) top left no-repeat;
float:left;
width:776px;
height:18px;
margin-top:3px;
margin-left:32px;
}

#curnav{
color:#999;
margin-right:34px;
text-align:right;
font-size:08pt;
float:right;
width:776px;
height:18px;
display:block;
}

#subnav{
display:block;
margin-top:16px;
float:left;
margin-left:65px;
}

#aboutus, #boating, #hydepark, #battersea, #alexandra, #greenwich, #solarshuttle, #howitworks, #gallery, #events, #visitorcentre, #contact, #olympics, #filming {
display:block;
float:left;
width:550px;
height:inherit;
margin-left:16px;
margin-top:0px;
padding:0px;
}

#footer {
float:left;
background:url(images/navigation.png) bottom left no-repeat;
width:776px;
height:18px;
margin-left:32px;
margin-bottom:12px;
padding-top:30px;
color:#FFFFFF;
text-align:center;
font-size:80%;
}

#break {
display:block;
height:3px;
width:550px;
float:left;
background:url(images/dotted.gif) bottom left repeat-x;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px
}

#prices {
display:block;
height:138px;
width:400px;
float:left;
background-color:#693;
	
}

#rndtop {
	padding:0px;
	margin:0px;
	background:url(images/rndtop.gif) top left no-repeat;
	display:block;
	height:10px;
	width:150px;
	float:left;
	margin-top:43px;
}

#rndbtm {
	padding:0px;
	margin:0px;
	background:url(images/rndbtm.gif) top left no-repeat;
	display:block;
	height:10px;
	width:150px;
	float:left;
}




/*------replacmentImages-------*/
#aboutus h1 {background:url(images/h_aboutus.gif) top left no-repeat; height:35px; width:550px; float:left;}
#boating h1 {background:url(images/h_boating.gif) top left no-repeat; height:35px; width:550px; float:left;}
#hydepark h1 {background:url(images/h_hydepark.gif) top left no-repeat; height:35px; width:550px; float:left;}
#battersea h1 {background:url(images/h_battersea.gif) top left no-repeat; height:35px; width:550px; float:left;}
#alexandra h1 {background:url(images/h_alexandra.gif) top left no-repeat; height:35px; width:550px; float:left;}
#greenwich h1 {background:url(images/h_greenwich.gif) top left no-repeat; height:35px; width:550px; float:left;}
#solarshuttle h1 {background:url(images/h_solarshuttle.gif) top left no-repeat; height:35px; width:550px; float:left;}
#howitworks h1 {background:url(images/h_howitworks.gif) top left no-repeat; height:35px; width:550px; float:left;}
#gallery h1 {background:url(images/h_gallery.gif) top left no-repeat; height:35px; width:550px; float:left;}
#events h1 {background:url(images/h_events.gif) top left no-repeat; height:35px; width:550px; float:left;}
#visitorcentre h1 {background:url(images/h_visitorcentre.gif) top left no-repeat; height:35px; width:550px; float:left;}
#contact h1 {background:url(images/h_contacts.gif) top left no-repeat; height:35px; width:550px; float:left;}
#olympics h1 {background:url(images/h_olympics.gif) top left no-repeat; height:35px; width:550px; float:left;}
#filming h1 {background:url(images/h_filming.gif) top left no-repeat; height:35px; width:550px; float:left;}


/*--------Photo Float-------*/
img.floatright {
	float:right;
    margin-right:10px;
	margin-left:10px;
	padding-bottom:10px;
}

img.floatleft {
	float:left;
    margin-right:10px;
	margin-left:0px;
	padding-bottom:10px;
}

img.floatcenter {
	padding-top:10px;
	padding-bottom:10px;
  
  }