html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #33CCCC;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #4F0010;
	text-align: center;
	font: 12px verdana, arial, sans-serif;
	color: #FFFFFF;
}

/** layout **/
#wrapper {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 760px;
	Height:460px;
	background: #FFFFFF;
  position: relative;
}
#wrapper2 {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 750px;
	Height:450px;
	background: #006666;
	position: relative;
	top: 5px;
}
#wrapper3 {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 745px;
	Height:445px;
	background: #006666;
	position: relative;
	top: 5px;
	Left: 5px;
}
#two {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 760px;
	Height:460px;
	background: #FFFFFF url(../img/Two-splash-screen.jpg) no-repeat;
  position: relative;
}
#twosmall {
	height: 290px;
	position: absolute;
	colour:#FFFFFF;
	top: 130px;
	Left:235px;
	width: 500px;
	background: url(../img/index.jpg) no-repeat;
  }
#twopapers {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 760px;
	Height:460px;
	background: #FFFFFF url(../img/twopapers.jpg) no-repeat;
  position: relative;
}
#twoabout {
	td align: centre;
	text-align: left;
	margin: 37px auto;
	width: 760px;
	Height:460px;
	background: #FFFFFF url(../img/twobackground.jpg) no-repeat;
  position: relative;
}
terms {

	background: #FF0033;
	text-align: left;
	font: 10px verdana, arial, sans-serif;
	color: #FFFFFF;
}
#header {
  background: #D9D1BC url(../images/HSCmain.jpg) no-repeat;
  height: 350px;
}
#logo {
  position: absolute;
  top: 18px;
  left: 290px;
  width: 380px;
  color: #52616E;
}
#logo h1 {
  font: bold 28px "arial narrow", arial, sans-serif;
}
#logo p {
	margin: 0;
	font-weight: bold;
	font-family: "arial narrow", arial, sans-serif;
	font-size: 19px;
	color: #CC0000;
}
#logo2 {
  position: absolute;
  top: 24px;
  left: 300px;
  width: 375px;
  color: #52616E;
}
#logo2 h1 {
  font: bold 28px "arial narrow", arial, sans-serif;
}
#logo2 p {
	margin: 0;
	font-weight: bold;
	font-family: "arial narrow", arial, sans-serif;
	font-size: 19px;
	color: #CC0000;
}
#logo3  {
	Position: absolute;
	width:320px;
	Height:60px;
	margin: 0px;
	background: #D9D1BC url(../images/FBE-Logo.jpg) no-repeat;
	top: 355px;

}
#cart {
  position: absolute;
  top: 10px;
  left: 454px;
  width: 208px;
  background: #4B5360;
  width: 209px;
}
#cart-top { background: url(../images/cart_top.gif) no-repeat; }
#cart-bot { background: bottom left url(../images/cart_bot.gif) no-repeat; }
#cart-cart { background: 9px 11px url(../images/cart.gif) no-repeat; }
#cart-cart {
  padding: 8px 8px 8px 60px;
  color: white;
}
#cart p {
  margin: 0;
}
#cart .orange {
  color: #FFB400;
  font-size: 10px;
}
#cart a {
  color: white;
  font-size: 10px;
}

#nav {
position:absolute;
  background: #000000;
top:428px;
left:230px;
 text-align:center;
  width: 520px;
  padding: 2px 0;
}
#nav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#nav a {
  text-decoration: none;
  color: #fff;
}
#twonav {
position:absolute;
  background: #000000;
top:460px;
 text-align:center;
  width: 760px;
  padding: 2px 0;
}
#twonav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#twonav a {
  text-decoration: none;
  color: #fff;
}
#picnav {
position:absolute;
  background: #000000;
top:425px;
 text-align:center;
  width: 740px;
  padding: 2px 0;
}
#picnav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#picnav a {
  text-decoration: none;
  color: #fff;
}
#gallery {
  position: absolute;
  top: 145px;
  left: 287px;
  width: 385px;
}
#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 111px;
}
#gallery .gwomen {
  background: url(../images/Art.jpg) no-repeat;
  width: 128px;
}
#gallery .gkids {
  background: url(../images/Food.jpg) no-repeat;
  width: 128px;
}
#gallery .gmen {
  background: url(../images/interiors.jpg) no-repeat;
  width: 128px;
}

#body {
  padding-top: 3px;
  background-color:#FFF;
}
#categories {
  float: left;
  width: 195px;
}
#seasonal, #collection {
  float: right;
  width: 474px;
  background: #D4CAB6;
  margin-bottom: 2px;
}
#seasonal .inner, #collection .inner {
  padding: 6px 12px;
}
#seasonal li {
	background: #D4CAB6 no-repeat left;
	border-top: 1px solid #F4EFDF;
	list-style: none;
	font-size: 12px;
	padding: 4px 0 4px 4px;
	text-transform: none;
	color: #000000;
}
# seasonal h2 {
	background: #D4CAB6 left url(../images/bullet.gif) no-repeat;
	border-top: 1px solid #F4EFDF;
	list-style: none;
	font-size: 10px;
	padding: 4px 0 4px 35px;
	text-transform: uppercase;
	color: #000000;
}

#seasonal p, #collection p {
  margin: 0.9em 0;
}

.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}
#categories h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #847A67;
}
#categories li {
	background: #D4CAB6 left url(../images/bullet.gif) no-repeat;
	border-top: 1px solid #F4EFDF;
	list-style: none;
	font-size: 10px;
	padding: 4px 0 4px 35px;
	text-transform: uppercase;
	color: #000000;
}
#categories li2 {
	background: #D4CAB6 left url(../images/bullet.gif) no-repeat;
	border-top: 1px solid #F4EFDF;
	list-style: none;
	font-size: 10px;
	padding: 4px 0 4px 35px;
	text-transform: uppercase;
	color: #000000;
}
#categories a {
  text-decoration: none;
  color: #000000;
}
#categories a:hover {
  text-decoration: underline;
}

#collection {
  background: #D4CAB6 bottom right url(../images/person_bg.jpg) no-repeat;
}
#collection .inner {
  padding-right: 98px;
}
#minigal {
  float: right;
  width: 222px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 1.5em;
}
#collection li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}
#collection p {
  width: 103px;
  margin-left: 1.5em;
}
h3 {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
}

h2 {
  font: bold 18px Verdana, Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
  padding-bottom: 10px;
}
h4 {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
}

#seas-one, #seas-two, #seas-three, #seas-five, #seas-six,#seas-seven,#seas-eight,#seas-nine,#seas-ten {
  height: 146px;
}

#seas-one {
	position: absolute;
	width: 103px;
	background:url(../img/win1.png) no-repeat;
	height: 146px;
}
#seas-twovid {
	position: absolute;
	width: 222px;
	height: 146px;
	background-color: #006666;
}
#seas-twovidlarge {
	position: relative;
	width: 430px;
	height: 280px;
	left: 80px;
	top: -25px;
}
#seas-twopic {
   height: 450px;
 position: absolute;
 colour:#FFFFFF;
  top: 130px;
  Left:470px;
  width: 240px;
  }
#seas-two {
 position: absolute;
  top:152px;
  width: 119px;
  background:url(../images/english-bridge.jpg; width: 119px) no-repeat;
}
#seas-three {
 position: absolute;
  top:304px;
  width: 222px;
    margin-bottom:80px;
  background:url(../images/ironbridge.jpg) no-repeat;
}
#seas-five {
	position: absolute;
	left:130px;
	width: 94px;
	background:url(../img/win4.png) no-repeat;
	top: 304px;
}
#seas-six {
 position: absolute;
  left:100px;
  top:152px;
  width: 122px;
  background:url(../img/win2.png) no-repeat;
}
#seas-seven {
 position: absolute;
  top:304px;
  width: 122px;
    margin-bottom:80px;
  background:url(../img/Win3.png) no-repeat;
}
#seas-eight {
 position: absolute;
  top:152px;
  width: 123px;
  background:url(../img/win1.png) no-repeat;
}
#seas-nine {
 position: absolute;
 left:103px;
  width: 122px;
  background:url(../images/trombone.jpg) no-repeat;
}
#seas-ten {
 position: absolute;
   left:123px;
 top:152px;
  width: 122px;
    margin-bottom:80px;
  background:url(../images/fashion2.jpg) no-repeat;
}
#seas-eleven {
 position: absolute;
  top: 72px;
  Left:333px;
  width: 320px;
}
#seas-twelve {
	height: 120px;
	Left:230px;
	position: absolute;
	width: 520px;
	background:#000000 url(../img/win6.png) no-repeat;
}
#seas-thirteen {
   height: 450px;
 position: absolute;
 colour:#FFFFFF;
  top: 130px;
  Left:235px;
  width: 500px;
  }
#seas-fourteen {
	height: 450px;
	position: absolute;
	width: 413px;
	background:url(../images/inshropshirecover.jpg) no-repeat;
	left: 1px;
	top: 4px;
}
#seas-four {
 position: absolute;
  colour:#FFFFFF;
  top: 10px;
  Left:250px;
  width: 400px;
}
#twotext {
   height: 450px;
 position: absolute;
 colour:#FFFFFF;
  top: 10px;
  Left:235px;
  width: 500px;
  }
#seas p {
  text-align: right;
  color: #FFFFFF;
  margin: 80px 15px 0 0;
  font-size: 16px;
  font-weight: bold;
}
#seas p.date {
  margin-top: 0;
  font-size: 16px;
}

#copyright {
  Position:absolute;
  Top:475px;
  Left:0px;
  text-align: center;
  font-size: 9px;
  padding: 3px;
}

#form1 {
	background: #4B5360;
	position: absolute;
	top: 91px;
	width: 385px;
	padding: 9px 0;
	text-align: center;
	color: #FFFFFF;
}
#stheader {
  background: #D9D1BC url(../images/HSCmain.jpg) no-repeat;
  height: 266px;
  width: 266px;
  }
#chheader {
  background: #D9D1BC url(../images/Cheshireheader.jpg) no-repeat;
  height: 266px;
  width: 266px;
  }
#shrheader {
  background: #D9D1BC url(../images/shrheader.jpg) no-repeat;
  height: 266px;
  width: 266px;
  }  

#form2 {
  background: #4B5360;
  position: absolute;
  top: 600px;
  left: 287px;
  width: 385px;
  padding: 9px 0;
  text-align: center;
}  

#form 1 li {
  list-style: none;
  display: inline;
  color: #fff;
}

#form 1a {
  text-decoration: none;
  color: #fff;
}
#booknav {
  background: #4B5360;
  position: absolute;
  top: 555px;
  left: 85px;
  width: 585px;
  padding: 9px 0;
  text-align: center;
}
#booknav li {
  list-style: none;
  display: inline;
  color: #FFFFFF;
}
#booknav a {
  text-decoration: none;
  color: #FFFFFF;
  }
#infonav {
  background: #4B5360;
  position: absolute;
  top: 475px;
  left: 100px;
  width: 585px;
  padding: 9px 0;
  text-align: center;
}
#infonav li {
  list-style: none;
  display: inline;
  color: #FFFFFF;
}
#infonav a {
  text-decoration: none;
  color: #FFFFFF;
}
#infobody {
	background: #FFFFFF;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 10px;
}
#hotspot {
    <img src="../images/home.jpg" alt="" name="sasassa" width="50" height="30" border="0" usemap="#asasasasas" id="sasassa" /> 
  <map name="asasasasas" id="asasasasas">
    <area shape="rect" coords="1,0,64,38" href="#" />
  </map>
 position: absolute;
  top: 110px;
  left: 460px;
  width: 280px;
  Height:120px;
  color: #994400;
}
 #click {
 position: absolute;
  top: 400px;
  width: 320px;
  padding: 9px 0;
  text-align: center;
 font: 14px verdana, arial, sans-serif;
 color: #FFFFF;
}