/* Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option, a, fieldset, legend, table, thead, tbody, th, tr, td, tfoot { margin: 0; padding: 0; outline: none; border: 0; font-size: 100% }
img, a img, table, tr, th, td { border: 0 }
html, body { height: 100% }
body { font-size: 62.5% }
/* End Global Reset */

/* Site Structure */
body { text-align: center; background: #F1F1F1 url(http://www.knavesmire.co.uk/images/background.jpg) repeat-x }
#content { width: 522px; float: right; position: relative; display: inline; margin: 62px 46px 28px 0; margin-top: 262px; background: #F1F1F1 url(http://www.knavesmire.co.uk/images/backgroundInner.jpg) repeat-x }
#siteHolder { position: relative; font: 1.2em/1.5 Tahoma,Verdana,sans-serif; text-align: left; width: 800px; margin: 0 auto }
#logo { position: absolute; top: 33px; left: -25px; background: url(http://www.knavesmire.co.uk/images/logo.png) no-repeat; width: 418px; height: 244px }
#bannerWrap { position: absolute; top: 87px; right: 34px; width: 441px; height: 147px; border: 1px #FFF solid }
#banner { margin: 2px; z-index: 300; width: 437px; height: 143px; position: absolute; top: 0; left: 0; cursor: pointer; background: #FFF }
#banner div { background: #FFF }
#bookNow { display: block; position: relative; z-index: 700; width: 441px; height: 147px; text-indent: -9999em; background: url(http://www.knavesmire.co.uk/images/booknow.png) 50% 50% no-repeat }
#search { position: absolute; top: 266px; left: 256px; z-index: 300 }
#search label { width: 170px; color: #FFF; margin-right: 12px; text-align: justify; display: block; float: left; position: relative; display: inline; line-height: 95% }
#search .input { background: #4083B1 !important; border: 1px #CFE0EB solid; width: 245px; height: 14px; color: #FFF; font-size: 95%; position: relative; padding: 4px }
#search .submit { margin-left: 12px; font-family: Arial,sans-serif; background: url(http://www.knavesmire.co.uk/images/arrow.gif) no-repeat 100% 50%; color: #FFF; border: none; position: relative; font-size: 1.2em; word-spacing: -4px; font-weight: bold; padding: 0 12px 0 0; margin: 0 0 0 4px; line-height: 100%; text-indent: 0 }
#googleMaps { border: 1px #999 solid; background: #FFF; padding: 3px }
/* End Site Structure */

/* Navigation */
#nav { list-style: none; height: 50px; margin: 0; z-index: 500 }
#nav li { display: inline; font-variant: small-caps; font-size: 17px; height: 50px; float: left; display: inline; position: relative }
#nav li.first a { padding: 0 12px 0 0 }
#nav li a { color: #FFF; text-decoration: none; height: 50px; padding: 0 9px; line-height: 50px; vertical-align: middle }
#nav li.active a, #nav li.active li.active a, #nav li a:focus, #nav li a:hover { color: #AFEEEE }
#nav li a:focus, #nav li a:hover { color: #AFEEEE !important }
#nav li.active li a { color: #FFF }
#nav li ul { position: absolute; top: -9999em; left: -9999em; margin: 0; white-space: pre; height: 40px }
#nav li:hover ul { top: 48px; left: 0 } 
#nav li:hover ul#hotel { left: -62px }
#nav li:hover ul#special { left: -108px }
#nav li:hover ul li { display: inline !important; clear: none !important; float: none; height: 40px }
#nav li:hover ul li a { height: 40px; line-height: 40px }
#left { float: left; position: relative; display: inline; width: 200px; list-style: none; background: url(http://www.knavesmire.co.uk/images/sidebarShadow.png) top center no-repeat; padding-bottom: 24px; margin: 212px 30px 24px 0  }
#left li { height: 54px; margin: 4px 0 0 18px; width: 166px; border: 1px #999 solid; float: left; clear: left; position: relative; display: inline }
#left li.first { margin-top: 0 }
#left li a { height: 54px; display: block; line-height: 54px; width: 166px; vertical-align: middle; text-align: center; font-size: 1.3em; font-variant: small-caps; text-decoration: none; color: #002746; z-index: 200; background: url(http://www.knavesmire.co.uk/images/leftbg.jpg) no-repeat }
#left li a:focus, #left li a:hover { color: #3366CC }
#content .internalNav { list-style: none; padding-left: 0; margin-left: 0 }
.internalNav li { border: 1px #999 solid }
/* End Navigation */

/* Contact Form */
#contactForm { width: 280px; border: 1px #999 solid; background: #E2E2E2; padding: 6px 0 0 0 }
#content #contactForm ol { list-style: none; padding: 0; text-align: left; margin: 0 }
#content #contactForm li { clear: left; float: left; position: relative; display: inline; margin: 0 12px 6px 12px; padding: 0 }
#contactForm label { display: block; width: 220px }
#contactForm input, #contactForm textarea { font: 0.9em/1.4 Verdana,Tahoma,sans-serif; border: 1px #999 solid; padding: 2px; width: 246px }
#contactForm textarea { overflow: auto; height: 120px }
#contactForm .submit { width: auto }
#contactForm .error { clear: both; float: left; width: 250px; font-size: 90%; color: red; display: none }
#contactForm #code { margin-bottom: 2px; float: left; position: relative; display: inline; width: 113px; background: url(http://www.knavesmire.co.uk/images/5e684gg4684etn234d.jpg) no-repeat; text-indent: -9999em; height: 20px }
#contactForm #codeInput { float: left; position: relative; display: inline; width: 40px }
.right { width: 200px; float: right; position: relative; display: inline; text-align: left; margin-top: -6px }
.intro { margin-bottom: 1.5em }
/* End Contact Form */

/* Footer */
#footer { color: #E3E3E3; clear: both; position: relative; width: 800px; margin: 0 auto; height: 107px; background: url(http://www.knavesmire.co.uk/images/footer.gif) no-repeat 188px 0; font-size: 1em; font-family: tahoma, verdana, sans-serif }
#footer ul { list-style: none; position: absolute; top: 30px; left: 26px; width: 220px }
#footer li { height: 16px; display: inline; float: left; position: relative }
#footer li.first a { padding-left: 0 }
#footer li.noborder a { border-right: none !important }
#footer li a { color: #434746; text-decoration: none; padding: 0 6px; border-right: 1px #7C7C7C solid }
#footer li a:focus, #footer li a:hover, #footerInner a:focus, #footerInner a:hover, #website a:focus, #website a:hover { text-decoration: underline }
#footer p { text-align: right; font-size: 0.9em; margin: 0 93px 0 0 }
#footerInner { padding-top: 25px }
#footer strong, #footer a.url { color: #779AC4; font-weight: normal }
#footerInner a { color: #E3E3E3; text-decoration: none }
#website a { color: #3F638F; text-decoration: none }
#footer #website { position: absolute; top: 64px; left: 26px; text-align: left; margin: 0; line-height: 1em }
#website a { display: block; margin: 0 }
/* End Footer */

/* Typography */
h2, h3, h4, h5, h6 { margin: 0 0 0.2em; font-variant: small-caps }
h2 { font-size: 2.2em; letter-spacing: -1px; word-spacing: 1px; font-weight: normal; margin-top: 20px }
h3 { font-size: 1.6em; font-weight: normal; color: #064372 }
p, #content ul, #content ol, table, iframe { margin: 0 0 1em }
#content p { text-align: justify }
#content ul, #content ol { margin-left: 18px }
#content li { margin: 0.3em 0 }
#content ul.subtle { list-style: none; margin-left: 0 }
td { padding: 2px 6px 2px 0; font-size: 90% }
/* End Typography */

/* Misc Effects */
a.lightbox { position: relative; display: block; margin: 16px 0 22px; padding: 0; text-decoration: none !important }
a.lightbox img { border: 0; text-decoration: none; padding: 0; margin: 0; border: 1px #999 solid; width: 520px }
a.lightbox span { border: 1px #999 solid; position: absolute; top: 4px; right: 4px; padding: 3px; background: url(http://www.knavesmire.co.uk/images/blank.png); font-size: 80%; display: block; color: #333; cursor: pointer }
/* End Misc Effects */

/* Tools */
.discreet, h1, hr { position: absolute; top: -9999em; left: -9999em; float: none !important }
.clear { clear: both }
.clearLeft { clear: left !important }
div.clear { font-size: 1px; height: 1px; overflow: hidden }
/* End Tools */