@charset "utf-8";
/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;
}
body {line-height: 1;
color: black;
background: white;
}
ol, ul {list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;
border-spacing: 0;
}
caption, th, td {text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";
}
blockquote, q {quotes: "" "";
}

/* CSS layout */

html, body {margin-left: 0;
margin-right: 0;
text-align: center;
background: url(guinea-bg.gif) repeat #450005;
}

#page-width {margin-left: auto;
margin-right: auto;
text-align: left;
width: 810px;
}

#header {display: block;
float: left;
width: 810px;
height: 415px;
background: url(content-bg.gif) repeat-y #FFFFFF;
}

#header-animation {display: block;
float: left;
width: 810px;
height: 375px;
position: relative;
}

#image {position: absolute;
width: 810px;
height: 375px;
top: 0;
left: 0;
overflow: hidden;
z-index: 5;
}

#logo {position: absolute;
width: 810px;
height: 375px;
top: 0;
left: 0;
overflow: hidden;
z-index: 10;
}

#header-navigation {display: block;
float: left;
width: 810px;
height: 40px;
background: url(nav-bg.gif) no-repeat #FFFFFF;
}

#content-holder {display: block;
float: left;
width: 810px;
background: url(content-bg.gif) repeat-y #FFFFFF;
}

#content-left {display: inline;
float: left;
width: 200px;
}

#content-right {display: inline;
float: right;
width: 610px;
}

#content-left-alt {display: inline;
float: left;
width: 610px;
}

#content-right-alt {display: inline;
float: right;
width: 200px;
}

#footer {display: block;
float: left;
width: 810px;
height: 40px;
overflow: auto;
}

#footer-left {display: inline;
float: left;
width: 480px;
}

#footer-middle {display: inline;
float: left;
width: 245px;
}

#footer-right {display: inline;
float: left;
width: 85px;
}

#contact-top-left {display: inline;
float: left;
width: 150px;
}

#contact-top-right {display: inline;
float: right;
width: 450px;
}

#contact-bottom {display: block;
float: left;
width: 609px
}

#contact-form {display: block;
float: left;
width: 580px;
margin: 10px 0 0 10px;
border-top: dashed 1px #999999;
}

/* CSS navigation */

#nav-holder {display: inline;
float: left;
width: 682px;
height: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #666666;
}

#nav-buttons {margin: 10px 0 0 10px
}

#booking-enquiry {display: inline;
float: right;
width: 128px;
height: 40px;
}

.booking-link {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
padding: 9px 0 0 8px;
}

.main-nav {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #666666;
padding: 0 5px 0 5px;
}
a.main-nav, a.main-nav:visited {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #666666;
padding: 0 5px 0 5px;
}

a.main-nav:hover {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #993300;
padding: 0 5px 0 5px;
}
.main-nav-highlighted {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 122px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #993300;
padding: 0 5px 0 5px;
}

a.main-nav-highlighted, a.main-nav-highlighted:visited {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
color: #993300;
padding: 0 5px 0 5px;
}

/* CSS text */

p {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #666666;
line-height: 16px;
padding: 20px 20px 20px 20px;
}

h1.title {color: #663333;
font-size: 24px;
border: 0;
margin: 20px 20px 0 20px;
}

h2 {color: #663333;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
padding: 0 20px 0 20px;
}

.footer-text {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
padding: 10px 0 0 0;
}

.footer-link {color: #999999;
text-decoration: none;
}

.youngs-logo {margin: 4px 0 0 0;
}

.prop-link {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
text-decoration: none;
font-weight: bold;
color: #999999;
padding: 10px 0 0 0;
}

.bold {font-weight: bold;
}

.link {color: #999999;
}

.sign-up-left {padding: 10px 0 0 15px;
}

.sign-up-right {padding: 10px 15px 0 0;
}

.accolades-link {margin-left: 25px;
}

.button {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #999999;
border: #999999 solid 1px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: -1px;
padding: 5px;
text-align: center;
width: 110px;
margin:5px;
float:left;
display:block;
}

.button-text {padding: 10px 10px 10px 20px;
}

a.button:hover {color: #990000;
border: #999999 solid 1px;  
}

.button-christmas {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #990000;
border: #990000 solid 1px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: -1px;
padding: 5px;
text-align: right;
width: 110px;
margin:5px;
float:left;
display:block;
background:url(../images/christmas.jpg)
}

.button-christmas-text {padding: 10px 10px 10px 20px;
}

a.button-christmas:hover {color: #990000;
border: #990000 solid 1px;  
}

.reviews {float: right;
margin: 3px;
}

/* CSS form */

.form-text {font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #999999;
line-height: 16px;
padding: 10px 20px 10px 20px;
}

label {display: inline;
float: left;
width: 100px;
}

.errorText {
	color:red;
}
.error {
	font-weight:bold;
	color:red;
}

.boldtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#993300;
	font-weight:bold;
	font-size:11px;
}

#OT_searchWrapperAll {
	float:left;
	display:inline;
	width:400px;
	height:140px;
	background:none;
	margin-left:20px
}

.OT_feedTitle {
	display:none;
}

#OT_searchWrapper {
	background:none;
	margin-top:-20px;
}

/* CSS Misc */

.absolute {position: absolute;
top: 0;
left: 0;
}

.hide {display: none;
}