* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

body {
font-family: Arial,verdana, Times, Sans-Serif;
font-size: 62.5%;
background: #fede89 url(../images/body.gif) repeat-x top;
}

img {border:0px;}
img.border{border:1px solid #777777;}
img.block {display:block;}
img.inline {display:inline;}

.clear {clear: both;}
.clear10 {clear: both;height:10px;}

.clear_bottom {clear: both;height:20px;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:14px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

hr {display:none;}

div.hr {
display:block;
width:800px;
height:5px;
margin: 0px auto 20px auto;
clear:both;
background: url(../images/line.gif) no-repeat bottom;
}

span.hidetext { display: none; }
span.asteric { color:#1a5a80;font-weight:bold;font-size:14px; }

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;

}
sup {bottom: 1ex;}
sub {top: .5ex;}

/*****************************************************************************************/

#wrapper {
width:100%;
margin: 0px auto 0px auto;
background: url(../images/head.gif) no-repeat top;
}

/*****************************************************************************************/

#head {
margin: 0px auto 0px auto;
width:897px;
height:89px;
}

#logo {
position:relative;
top:36px;
width:271px;
height:20px;
}
#contact {
position:relative;
float:right;
color: #ffffff;
font-size:13px;
top:18px;
font-weight:bold;
}
#contact a {
color: #ffffff;
text-decoration:none;
}
#contact a:hover {
text-decoration:underline;
}
#content {
margin: 0px auto 0px auto;
position:relative;
background: #fff url(../images/foot.gif) no-repeat bottom;
width:897px;
min-height:400px;
padding:0px 0px 5px 0px;
}

#navbar {
background: url(../images/topcontent.png) no-repeat top;
height:160px;
margin: 0px auto 0px auto;
width:897px;
display:block;
position:relative;
}
#navbar ul {
position:absolute;
top:30px;
left:50px;
}
#navbar li {
display:inline;
text-align:center;
}

#navbar li a {
font-size:12px;
text-transform: uppercase;
font-weight:bold;
text-decoration:none;
color:#814300;
margin:0px 23px 0px 0px;
}

#navbar li a:hover, 
#home #navbar li a.home,
#tulip-s-history #navbar li a.history,
#facilities #navbar li a.facilities,
#scenery #navbar li a.scenery,
#activities #navbar li a.activities,
#tariff #navbar li a.tariff,
#how-to-find-us #navbar li a.find,
#booking-enquiries #navbar li a.booking
{color:#1a5a80;}


#text {
position:relative;
top:-70px;
}

#text .all {
position:relative;
left:50px;
width:805px;
margin:0px 20px 0px 0px;
}
#text .top {
min-height:320px;
}

#img img {
border: 5px solid #fff;
}

#text .booking {
position:relative;
float:left;
left:50px;
width:525px;
margin:0px 20px 0px 0px;
}

#text .bookingright {
float:left;
position:relative;
left:50px;
width:300px;
}

#text .left {
float:left;
position:relative;
left:50px;
width:300px;
margin:0px 20px 0px 0px;

}

#text .right {
float:left;
position:relative;
left:50px;
width:525px;
min-height:300px;
}

#text h1 {
display:block;
margin:-3px 0px 12px 0px;
font-family: "Times New Roman", Times, serif;
font-size:17px;
color:#814300;
text-transform: uppercase;
}

#text h2 {
display:block;
margin:10px 0px 12px 0px;
font-family: "Times New Roman", Times, serif;
font-size:16px;
color:#814300;
}

#text h3 {
display:block;
margin:10px 0px 12px 0px;
font-family: "Times New Roman", Times, serif;
font-size:15px;
color:#814300;
font-weight:normal;
}

#text p {
font-size:13px;
color:#444444;
line-height:19px;
margin:0px 10px 12px 0px;
}

#text p.address {
margin:20px 10px 12px 0px;
}

#text a {
text-decoration:none;
color:#814300;
font-weight:bold;
}

#text a:hover {
color:#1a5a80;
}

#text ul {
font-size:13px;
color:#444444;
margin:0px 10px 15px 15px;
}

#text li {
list-style-image:  url(../images/bullet.gif);
margin: 5px 0px 0px 0px;
line-height:19px;
}

#text p.intro {
font-size:14px;
color:#a07341;
font-weight:bold;
}

#text p.onlyone {
position:relative;
top:303px;
font-size:12px;
display:block;
width:314px;
height:93px;
background: url(../images/onlyone.jpg);
margin: 30px 0px 0px 0px;
}

#text div.facilitieslist, #text div.activitieslist {
width:800px;
margin: 0px auto 0px auto;
}

#text div.facilitieslist ul, #text div.activitieslist ul {
font-size:12px;
margin:0px 10px 0px 15px;
}

#text div.facilitieslist li, #text div.activitieslist li {
margin: 5px 0px 0px 0px;
}

#text div.activitieslist ul.column1 {float:left;width:295px}
#text div.activitieslist ul.column2 {float:left;width:250px}
#text div.activitieslist ul.column3 {float:left;width:180px}

#text div.facilitieslist ul.column1 {float:left;width:295px}
#text div.facilitieslist ul.column2 {float:left;width:170px}
#text div.facilitieslist ul.column3 {float:left;width:260px}

#text label {
font-size: 12px;
float:left;
font-weight:bold;
color:#4d4d4d;
position:relative;
width:80px;
margin: 0px 5px 0px 0px;
padding: 0px 8px 0px 0px;
}

#text .formRow {
padding: 15px 0px 0px 0px;
clear: both;
display: block;
}
#text .field {
float:left;
padding: 0px 0px 0px 0px;
}

#text textarea {
border:1px solid #c4c4c4;
font-family: Arial,verdana, Times, Sans-Serif;
font-size: 12px;
width:380px;
}

#text input.txt {
width:380px;
font-size: 13px;
border:1px solid #c4c4c4;
}


#text input.submitbutton {
font-size: 11px; font-weight: bold; color: #ffffff;
background-color: #85B2D3;
background-position: bottom; background-repeat: repeat-x;
border-width: 1px; border-style: solid; border-color: #4e6e21;
padding: 3px; text-align: center;
display: block;
cursor: pointer;
text-transform: uppercase;
}
#text input.submitbutton:hover {background-color: #99B9C9;}
#text input.submitbutton:active { background-color: #53A7DF;}

div.error {font-size:12px;color:#1a5a80;font-weight:bold;}

#map {
width: 480px;
height: 300px;
border: 1px solid #c4c4c4;
}

#footer {
padding:5px 0px;
margin: 0px auto 0px auto;
min-height:50px;
width:897px;
}

#footer .menubottom {
font-size:11px;
color:#ae9558;
float:left;
padding:0px 0px 0px 0px;
}

#footer .menubottom a {
color:#ae9558;
text-decoration:none;
}

#footer .menubottom a:hover {text-decoration:underline;}

#footer .copyright {
font-size:11px;
color:#ae9558;
float:right;
padding:0px 0px 0px 0px;
}

#footer .copyright a {
color:#ae9558;
text-decoration:none;
}

#footer .copyright a:hover {text-decoration:underline;}
