body {
  margin:0px;
  padding:0px;
  background-color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
}

#container {
  width: 773px;
  \width: 780px;
  w\idth: 760px;
  /*min-width:700px;*/
	margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  text-align:left;
}

#banner {
  padding: 0px;
  margin-bottom: 15px;
  clear:both;
  height:260px;
}

#sitename {
  position:absolute;
  z-index:-1;
  top:0px;
  left:-900px;
}

.logo {
  height:94px;
  width:201px;
  position:absolute;
  top:0px;
}

#menu {
  margin-left:200px;
  position:absolute;
  top:0px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:0.9em;
  width:572px;
  padding-bottom:6px;
  text-align:center;
}

#menu ul {
  padding:0px;
  margin:0px;
  padding-top:8px;
}

#menu ul li {
  display:inline;
  padding:0px;
  margin:0px;
  margin-left:4px;
  padding-right:4px;
}

#menu ul li a {
  color:#fff;
  text-decoration:none;
}

#menu ul li a:hover { text-decoration:underline; }

#menu2 {
  margin-left:4px;
  position:absolute;
  top:230px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  text-align:center;
}

#menu2 ul {
  padding:0px;
  margin:0px;
  padding-top:8px;
}

#menu2 ul li {
  display:inline;
  padding:0px;
  margin:0px;
  margin-left:3px;
  padding-right:3px;
}

#menu2 ul li a { text-decoration:none; }

#menu2 ul li a:hover { text-decoration:underline; }

#featurecontainer {
  position:absolute;
  top:60px;
  margin-left:350px;
  color:#fff;
  font-size:14px;
  width:420px;
  text-align:center;
}

#features {
  float:right;
  color:#fff;
  font-size:14px;
  width:120px;
  text-align:center;
}

#features a {
  text-decoration:none;
  color:#fff;
  display:block;
}

#features a:hover { text-decoration:underline; }

#features .national {
  border: 1px solid #666;
  padding:3px;
  margin-bottom:3px;
  background-color:#7D1004;
  background-image: url(../images/feature_national.jpg);
  background-repeat: repeat-x;
}

#featurecontainer a span {
  position:absolute;
  border: 1px solid #666;
  width:289px;
  height:120px;
  z-index:-1;
  top:0px;
  left:-2000px;
  padding:5px;
  font-size:0.8em;
  color:#333;
}

#featurecontainer a:hover span {
  position:absolute;
  display:block;
  z-index:10;
  top:0px;
  left:0px;
}

#featurecontainer a span.nationalsub { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/VisitPembrokeshire/images/nationalsub.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#featurecontainer a span.nationalsub[class] { background-image:url(../images/nationalsub.png); }

#features .coast {
  border: 1px solid #666;
  padding:3px;
  margin-bottom:3px;
  background-color:#090655;
  background-image: url(images/feature_coast.jpg);
  background-repeat: repeat-x;
}

#featurecontainer a span.coastsub { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/VisitPembrokeshire/images/coastsub.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#featurecontainer a span.coastsub[class] { background-image:url(../images/coastsub.png); }

#features .beaches {
  border: 1px solid #666;
  padding:3px;
  margin-bottom:3px;
  background-color:#FF802B;
  background-image: url(images/feature_beaches.jpg);
  background-repeat: repeat-x;
}

#featurecontainer a span.beachessub { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/VisitPembrokeshire/images/beachessub.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#featurecontainer a span.beachessub[class] { background-image:url(../images/beachessub.png); }

#features .castles {
  border: 1px solid #666;
  padding:3px;
  margin-bottom:3px;
  background-color:#797053;
  background-image: url(images/feature_castles.jpg);
  background-repeat: repeat-x;
}

#featurecontainer a span.castlessub { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/VisitPembrokeshire/images/beachessub.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#featurecontainer a span.castlessub[class] { background-image:url(../images/castlessub.png); }

#features .wildlife {
  border: 1px solid #666;
  padding:3px;
  margin-bottom:3px;
  background-color:#1E821E;
  background-image: url(images/feature_wildlife.jpg);
  background-repeat: repeat-x;
}

#featurecontainer a span.wildlifesub { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/VisitPembrokeshire/images/wildlifesub.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#featurecontainer a span.wildlifesub[class] { background-image:url(../images/wildlifesub.png); }

#pagebody {
  margin:0px;
  padding:0px;
  margin-top:0px;
}

#content {
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 773px;
}

#contentback {
  background-image: url(../images/grey_grad.jpg);
  background-repeat: repeat-x;
  padding:5px;
  padding-top:10px;
  border-top: 1px solid #333;
  color:#222;
}

#contentback span { float: right; }

#contentback ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#333333;
  list-style:square;
}

#content table { font-size:0.9em; }

h1 {
  margin: 0px;
  padding: 0px;
  padding-top:13px;
  padding-bottom:0px;
  padding-left: 260px;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  padding-right: 5px;
  font-size: 26px;
  vertical-align: middle;
  height:136px;
  background-repeat:no-repeat;
  margin-bottom:0px;
}

.whitespacer {
  border-top:solid 5px #fff;
  margin:0px;
  padding:0px;
}

.hotel span { float:left; }

#footer {
  margin: 0px;
  padding: 0px;
  width: 773px;
  margin-left: auto;
  margin-right: auto;
}

#footer .copyright {
  background-image: url(../images/footer/copyright.jpg);
  background-repeat: repeat-x;
  height: 28px;
  font-family: 'Gill Sans MT', Tahoma, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  padding:4px;
  margin-top:10px;
}

#footer .copyright .left { float:left; color:#0F75D7; }

#footer .copyright .right { float:right; color:#0F75D7; }

#footer .copyright .right img { margin: 0px 0px 0px 0px; border: none; vertical-align: text-top; width: 10px; height: 20px; }

#footer .copyright .right .colour2 { color:#000066; }

.paging {
  font-size:0.5em;
  word-wrap:normal;
  font-family:Sans-Serif;
  margin-bottom:1px;
}

.paging a {
  text-decoration:none;
  padding:1px;
}

.paging a:hover {
  background-color:Transparent;
  text-decoration:underline;
}

.logo { 	/* Mozilla ignores crazy MS image filters, so it will skip the following */  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./template/visitpembs/App_Themes/home/images/logo.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.logo[class] { background-image:url(../images/logo.png); }

body {
  background-image: url(../images/home/back.jpg);
  background-repeat:no-repeat;
}
@media handheld {

body { background-image: none; }
}

#menu {
  background-image: url(../images/navback.gif);
  background-repeat:repeat;
}

#menu2 ul li a { color: #000033; }

h1 {
  background-image: url(../images/home/top_sub_banner.jpg);
  color: #fff;
}

.paging a {
  color:#fff;
  border:1px solid #114379;
  background-color:#4379B9;
}

#contentback a { color:#0F75D7; }

#contentback h3, h4 {
  font-weight:normal;
  color:#0F75D7;
}

#contentback p { font-size:0.8em; }

#contentback div p {
  font-size: .9em;
  text-align: justify;
}

.divFeatureList {
  text-align: center;
  color: Black;
}

.divList {
  font-size:0.75em;
  text-align:center;
}

.divList a {
  color:#666666;
  text-decoration:none;
}

.divList a:hover { text-decoration:underline; }

.divList .separator {
  border-bottom:dashed 1px #ccc;
  margin:3px;
}

#description { font-size:0.8em; }

#rightfeature {
  background-image: url(../images/home/grey_grad.jpg);
  background-repeat: repeat-x;
  float:right;
  padding:5px;
}