
body {
	background-color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}



* {
	margin: 0px;
}
#Wrapper {
	background-color: #FFFFFF;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 900px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;	
}
#Wrapper #Header {
	background-image: url(../images/Header-Slice.jpg);
	height: 151px;
	width: 920px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	position: relative;	
}
#Wrapper #all-aboard {
	height: 220px;
	width: 225px;
	background-image: url(../images/Railway-Museum.jpg);
	float: left;
	margin-left: 20px;
	display:inline;
	position: relative;
}
#Wrapper #main-grey-background {
	height: 444px;
	width: 687px;
	background-image: url(../images/Main-Grey-Background.jpg);
	float: left;
	margin-left: 20px;
	display:inline;
	position: relative;
}
#Wrapper #main-grey-background #web-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: regular;
	color: #4D4D4D;
	position: absolute;
	top: 50px;
	left:110px;
}
#Wrapper #main-grey-background #form-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: regular;
	color: #4D4D4D;
	position: absolute;
	top: 20px;
	left:20px;
}
#Wrapper #main-grey-background #data-protection {
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: regular;
	color: #4D4D4D;
	position: absolute;
	top: 230px;
	left:-110px;
}
#Wrapper #Header #logo {
	height: 119px;
	width: 258px;
	background-image: url(../images/go-windermere-logo.jpg);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	top: 17px;
	left: 15px;
}
#Wrapper #test  {
	height: 132px;
	background-image: url(../images/Top-Banner.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	width: 645px;
	float: left;
	margin: 0 20px 20px 20px;
	padding: 20px;
	display: inline;
}
#Wrapper #get-fishy {
	background-image: url(../images/Lakes-Aquarium.jpg);
	height: 220px;
	width: 235px;
	float: left;
	display:inline;
	position: relative;
}
#Wrapper #big-adventure {
	background-image: url(../images/Brockhole.jpg);
	float: left;
	height: 220px;
	width: 235px;
	display:inline;
	position: relative;
}
#Wrapper #get-fishy #orange-rollover a{
	height: 40px;
	width: 41px;
	background-image: url(../images/orange-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 165px;
	left: 20px;
}
#Wrapper #motor-museum {
	background-image: url(../images/Motor-Museum.jpg);
	height: 220px;
	width: 225px;
	float: left;
	margin-left: 20px;
	display:inline;
	position: relative;
}
#Wrapper #big-adventure #purple-rollover a {
	height: 40px;
	width: 40px;
	background-image: url(../images/purple-btn.jpg);
	background-position: left top;
	position: absolute;
	top: 165px;
	left: 19px;	
}
#Wrapper #ahoy {
	background-image: url(../images/Lake-Cruises.jpg);
	float: left;
	height: 220px;
	width: 235px;
	display:inline;
	position: relative;
}
#Wrapper #story-time {
	background-image: url(../images/Beatrix-Potter.jpg);
	float: left;
	height: 220px;
	width: 235px;
	display:inline;
	position: relative;
}
#Wrapper #footer {
	background-image: url(../images/Bottom-Footer.gif);
	height: 58px;
	width: 920px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	display:inline;
	position: relative;
}
#Wrapper #right-column {
	height: 633px;
	width: 214px;
	background-image: url(../images/Voucher-Column.jpg);
	float: right;
	margin-right: 20px;
	position: relative;
}
#Wrapper #all-aboard #pink-rollover a {
	height: 40px;
	width: 42px;
	background-image: url(../images/pink-btn.jpg);
	background-position: 0 0;
	position: absolute;
	top: 165px;
	left: 10px;
}
#Wrapper #right-column #register-rollover a {
	height: 44px;
	width: 160px;
	background-image: url(../images/Register-btn.jpg);
	background-position: 0 0;
	position: absolute;
	top: 250px;
	left: 25px;
	
}
#Wrapper #main-grey-background #download-rollover a {
	height: 44px;
	width: 160px;
	background-image: url(../images/Download-btn.jpg);
	background-position: 0 0;
	position: absolute;
	top: 50px;
	left:10px;
	
}
#Wrapper #voucher-column {
	height: 633px;
	width: 214px;
	background-image: url(../images/Right-Column.jpg);
	float: right;
	margin-right: 20px;
	position: relative;
}

/* CSS Accessible Links */





#Wrapper #all-aboard #pink-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #get-fishy #orange-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}
#Wrapper #logo a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #big-adventure #purple-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #motor-museum #green-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #ahoy #red-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #story-time #blue-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
}

#Wrapper #right-column #register-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
	
}
#Wrapper #main-grey-background #download-rollover a i {
	visibility: hidden;
	margin-left: -2000px;
	display: block;
	
}	


#Wrapper #all-aboard #pink-copy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	position: absolute;
}
#Wrapper #story-time #blue-rollover a {
	background-position: left top;
	height: 40px;
	width: 40px;
	background-image: url(../images/blue-btn.jpg);
	position: absolute;
	top: 172px;
	left: 20px;
}
#Wrapper #all-aboard #pink-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 75px;
	left: 15px;
	right: 100px;
}
#Wrapper #all-aboard #pink-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E582B3;
	position: absolute;
	top: 42px;
	left: 15px;
}
#Wrapper #all-aboard #pink-rollover a:hover {
	background-position: bottom;
}
#Wrapper #get-fishy #orange-rollover a:hover {
	background-position: bottom;
}
#Wrapper #big-adventure #purple-rollover a:hover {
	background-position: bottom;
}
#Wrapper #test #banner-headline-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #FFCC00;
	margin-left: 20px;
}
#Wrapper #right-column #register-rollover a:hover {
	background-position: bottom;
}
#Wrapper #main-grey-background #download-rollover a:hover {
	background-position: bottom;
}
	
#Wrapper #all-aboard #pink-header {
	height: 32px;
	width: 147px;
	background-image: url(../images/pink-header.jpg);
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 10px;
	left: 15px;
}
#Wrapper #ahoy #red-header {
	height: 32px;
	width: 79px;
	background-image: url(../images/red-header.jpg);
	position: absolute;
	top: 18px;
	left: 23px;
}
#Wrapper #test #banner-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #FFFFFF;
}
#Wrapper #right-column #main-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 250px;
	margin-left: 15px;
	margin-right: 15px;
}
#Wrapper #voucher-column #right-main-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 188px;
	margin-left: 15px;
	margin-right: 15px;
}
#Wrapper #Header #slogan {
	height: 28px;
	width: 364px;
	background-image: url(../images/header-slogan.jpg);
	margin-left: 0px;
	background-repeat: no-repeat;
	position: absolute;
	left: 540px;
	top: 107px;
}
#Wrapper #footer #site-build {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: right;
	position: absolute;
	top: 24px;
	right: 20px;
}
#Wrapper #footer #copyright-img {
	height: 15px;
	width: 109px;
	float: left;
	position: absolute;
	left: 20px;
	top: 22px;
	color: #fff;
}
#Wrapper #voucher-column #intro-copy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 12px;
	margin-right: 15px;
	line-height: normal;
}
#Wrapper #Header #CTA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	position: absolute;
	left: 572px;
	top: 15px;
}
#Wrapper #story-time #blue-header {
	height: 31px;
	width: 153px;
	background-image: url(../images/blue-header.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}
#Wrapper #motor-museum #green-rollover a {
	height: 40px;
	width: 42px;
	background-image: url(../images/green-btn.jpg);
	background-position: left top;
	position: absolute;
	top: 172px;
	left: 11px;
	display: block;
}
#Wrapper #story-time #blue-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 75px;
	left: 24px;
	right: 95px;
}
#Wrapper #story-time #blue-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5BA9D5;
	font-weight: bold;
	position: absolute;
	top: 55px;
	left: 24px;
}
#Wrapper #motor-museum #green-rollover a:hover {
	background-position: bottom;
}
#Wrapper #ahoy #red-rollover a{
	height: 40px;
	width: 41px;
	background-image: url(../images/red-btn.jpg);
	background-position: left top;
	position: absolute;
	top: 172px;
	left: 18px;
}
#Wrapper #ahoy #red-rollover a:hover {
	background-position: bottom;
}
#Wrapper #motor-museum #green-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 75px;
	left: 17px;
	right: 60px;
}
#Wrapper #motor-museum #green-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C8D22C;
	position: absolute;
	top: 54px;
	left: 17px;
}
#Wrapper #story-time #blue-rollover a:hover {
	background-position: bottom;
}
#Wrapper   #right-column   #Tophead  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 23px;
	margin-left: 15px;
	margin-top: 15px;
}
#Wrapper   #voucher-column   #right-head  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 23px;
	margin-left: 15px;
	margin-top: 15px;
}
#Wrapper #big-adventure #purple-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 105px;
	left: 25px;
	right: 70px;
}
#Wrapper #ahoy #red-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 85px;
	left: 24px;
	right: 90px;
}
#Wrapper #get-fishy #orange-header {
	height: 32px;
	width: 131px;
	background-image: url(../images/orange-header.jpg);
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 10px;
	left: 23px;
}
#Wrapper #big-adventure #purple-header {
	height: 59px;
	width: 155px;
	background-image: url(../images/purple-header.jpg);
	position: absolute;
	top: 10px;
	left: 18px;
}
#Wrapper #motor-museum #green-header {
	height: 33px;
	width: 132px;
	background-image: url(../images/green-header.jpg);
	position: absolute;
	top: 18px;
	left: 13px;
}
#Wrapper #get-fishy #orange-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E35523;
	position: absolute;
	top: 45px;
	left: 25px;
}
#Wrapper #get-fishy #orange-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 62px;
	left: 25px;
	right: 90px;
}
#Wrapper #big-adventure #purple-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B38FC1;
	position: absolute;
	top: 72px;
	left: 25px;
}
#Wrapper #ahoy #red-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	position: absolute;
	top: 52px;
	left: 24px;
}


a:link, a:visited {
text-decoration:none;
color:#C8D210;
}

a:hover, a:active {
color: #fff;
text-decoration:underline;
}

h1 {font-size: 18px;}
h2 {font-size: 12px;}
.blue {color: #21407D;}
.red {color: #ffcc00;}
