html, body {
    height: 100%;
}
#container {
    position: relative;
    min-height: 100%;
}

body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
}

#container {
width: 958px;
margin: 0 auto;
padding: 1px 20px 20px; /* stop margins of contained items interfering */
font-size: 1.3em;
background: url(shadow.gif) right top repeat-y;
}

#header {
background: url(everyman4.jpg) right top no-repeat;
height: 130px;
width: 998px;
text-indent: -999em;
margin: 0 auto;
padding: 0;
}

form {
/*display: none;*/
margin: 10px 10px 0 0;
padding: 4px 0 0;
float: right;
/*border-top: 3px solid #808;*/
}

#listing form {
float: none;
display: inline;
vertical-align: top;
}

#nav {
list-style-type: none;
border-bottom: 2px solid #000;
padding: 8px 0 8px;
margin: 5px 10px 0;
font-size: 1.2em;

height: 19px;
}

#nav li {
display: block;
float: left;
margin: 0 30px 10px 3px;
white-space: nowrap;

}

#nav a {
color: black;
text-decoration: none;
/*text-indent: -999em;*/
display: block;
height: 21px;
}

/*
#nav a:hover {
border-bottom: 2px solid rgb(246, 69, 15);
}
*/

/*#nav .home a {
background: url(nav-home-black.gif);
width: 49px;
}

#nav .about a {
background: url(nav-about-black.gif);
width: 145px;
}

#nav .browse a {
background: url(nav-browse-black.gif);
width: 209px;
}

#nav .contact a {
background: url(nav-contact-black.gif);
width: 89px;
}

.home #nav .home a,
#nav .home a:hover {
background: url(nav-home-colour.gif);
}

.about #nav .about a,
#nav .about a:hover {
background: url(nav-about-colour.gif);
}

.browse #nav .browse a,
#nav .browse a:hover {
background: url(nav-browse-colour.gif);
}

.contact #nav .contact a,
#nav .contact a:hover {
background: url(nav-contact-colour.gif);
}
*/

.home #nav .home a,
#nav .home a:hover {
color: #00b0bb;
}

.about #nav .about a,
#nav .about a:hover {
color: #807e00;
}

.browse #nav .browse a,
#nav .browse a:hover {
color: #ee70d4;
}

.contact #nav .contact a,
#nav .contact a:hover {
color: #f6450f;
}

.contact h2 {
color: #f6450f;
}

.browse h2 {
color: #ee70d4;
}

.about h2 {
color: #807e00;
}

.home h2 {
color: #00b0bb;
}

.home h2 a {
color: #00b0bb;
text-decoration: none;
}

#breadcrumbs {
list-style-type: none;
margin: 10px;
padding: 0;
font-size: 0.8em;
float: left;
}

#breadcrumbs li {
display: inline;
}

#breadcrumbs a {
color: #f40;
text-decoration: none;
border-bottom: 1px solid #f40;
}

#breadcrumbs li:before {
content: " \00bb  ";
}

#breadcrumbs li:first-child:before {
content: "";
}

#footer {
background: url(footershadow.gif) right bottom no-repeat;
width: 958px;
margin: 0 auto;
font-size: 0.7em;
text-align: center;
padding: 10px 20px 20px;
}

#footer p {
display: inline;
border-top: 1px solid black;
padding: 5px;
}

#footer a {
text-decoration: none;
color: black;
}

#footer a span {
text-decoration: underline;
}

h1 {
font-size: 3.9em;
line-height: 1;
margin: 10px;
padding: 0;
/*float: right;*/
text-align: right;
vertical-align: top;
/*color: white;
background-color: #00a1b2;*/
color: #00a1b2;
font-family: Bell Gothic;
display: none;
}

h2 {
font-size: 1.3em;
/*margin: 10px;*/
margin: 1.2em 0 0.83em;
}

p {
margin: 10px 0;

}

/*.destinations h1 {
visibility: hidden;
}*/

#content {
clear: both;
font-size: 1em;
line-height: 1.4;
padding: 1.5em 10px 0;
margin: 0;
width: 938px; /* hasLayout for alignment in IE6 */
}



/*
.contact #content {
font-size: 1em;
padding: 0 50px;
}

.contact h2 {
margin-top: 2em;
}
*/

ol {
list-style: upper-latin;
}

/*
.about .selling-point {
border: 3px solid #00a1b2;
width: 160px;
margin: 0 0 10px -30px;
-webkit-box-shadow: -7px 2px 10px #888;
}

.about .selling-point img {
display: block;
}

.about .selling-point p {
background: #00a1b2;
color: white;
padding: 4px;
margin: 0;
font-size: 0.7em;
text-align: center;
}
*/


.about .selling-point {
width: 176px;
float: left;
margin: 10px 10px 10px -46px;
background: url(side-bg-l.gif) left bottom no-repeat;
padding: 0 0 11px 0;
}

.about .selling-point img {
display: block;
background: url(side-img-bg-aqua-l.gif);
padding: 10px 3px 3px 19px;
margin: 0;
}

.about .selling-point p {
background: #00a1b2;
color: white;
padding: 4px 8px 8px;
margin: 0 0 0 16px;
font-size: 0.7em;
text-align: center;
width: 150px;
}

.about .selling-point img {
background: url(side-img-bg-aqua-l.gif);
}

.about .selling-point p {
background: #00a1b2;
}

/*
.about .selling-point img {
background: url(side-img-bg-orange-l.gif);
}

.about .selling-point p {
background: #ac2601;
}



.about .selling-point img {
background: url(side-img-bg-pink-l.gif);
}

.about .selling-point p {
background: #971750;
}



.about .selling-point img {
background: url(side-img-bg-purple-l.gif);
}

.about .selling-point p {
background: #7c2294;
}

.about.left -- IE 6 will read this as .left
*/

.box {
width: 267px;
/*height: 180px;*/
border: 2px solid;
float: left;
margin: 10px;
display: inline; /* IE6 double float margin bug */
padding: 0 10px 25px;
text-align: center;
position: relative;
}

.box h2 { text-align: center; 
/*height: 2.3em;*/
}

.box a {
outline: none;
border: none;
}

.box a img {
outline: none;
border: none;
}

.arrow {
width: 420px;
height: 60px;
padding: 13px 70px 10px 10px;
background: url(purple-arrow.gif) right center no-repeat;
float: right;
clear: right;
font-size: 3em;
font-weight: bold;
text-align: right;
margin: 15px 20px 0 0;
}

.arrow.pink {
background: url(pink-arrow.gif) right center no-repeat;
}

.arrow.orange {
background: url(orange-arrow.gif) right center no-repeat;
}

blockquote {
font-weight: bold;
margin: 0 0 0.5em;
padding: 0;
}

cite {
font-weight: normal;
font-style: normal;
padding-left: 0.5em;
}

.about ul {
padding: 0 0 0 20px;
margin: 0;
}

.about #content li {
list-style-image: url(bullet.gif);
font-weight: bold;
line-height: 1.5;
}

.about p {
margin: 0;
text-indent: 1em;
line-height: 1.5;
}

.about h2+p {
text-indent: 0;
}

.about h2 {
font-size: 1.1em;
margin: 1em 0 0.4em;
}

.sticker {
background: url(sticker.png) transparent;
color: white;
position: relative;
left: 85px;
top: -60px;
text-indent: -999em;
height: 70px;
width: 90px;
padding: 12px 2px;
margin-bottom: -60px;
}

* html .sticker { /* IE6 needs gif and applies text centering */
background: url(sticker.gif) transparent;
left: 0;
}

*+html .sticker { /* IE7 applies text centering */
left: 0;
}

#listing h2 {
float: left;
clear: left;
margin: 0;
}

#listing a:link {
color: black;
}

#listing a:visited {
color: #333;
}

#listing div {
float: left;
width: 32%;
min-height: 704px;

}

#listing div div {
float: none;
margin: 0 0 0 10em;
padding: 0 4px;
width: auto;
background: white;
min-height: 0;
}

#listing a+a {
font-size: 0.6em;
}

#listing input {
font-size: 0.6em;
}

ol {
list-style-position: inside;
padding: 0;
}

.destinations #listing {
background: url(destination-bg.jpg) left top no-repeat;
min-height: 704px;
padding: 0 0 0 10em;
}