@charset "UTF-8";

/* CSS Document */

/* CSS Reset and Standard Rules */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

h1 { font-size: 2.3em; color: #000; line-height: 1.8em; padding: 15px 0 0 0; font-weight: lighter; }

h2 { font-size: 1.8em; color: #000; line-height: 1.8em; padding: 15px 0 0 0; font-weight: lighter; }

h3 { font-size: 1.8em; line-height: 1.6em; }

h4 { font-size: 1.6em; line-height: 1.6em; }

.headtwo { font-size: 2.3em; color: #000; line-height: 1.8em; padding: 15px 0 0 0; font-weight: lighter; }

a { outline: none; }

.bluetext { color: #3bb6ce; }

.greentext { color: #b3cf30; }

strong { font-size: 1.6em; }

/******************** Background Settings *********************/

body { font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; background-color: #f0f1ee; }

img.source-image { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

/******************** Header Settings *********************/

#wrap { width: 920px; margin: 0 auto; }

#header { width: 920px; position: relative; }

#riverhouse { width: 246px; height: 140px; margin: 20px auto 0 auto; background-position: top; }

#riverhouse img { padding-top: 25px; }

#number { width: 210px; height: 38px; float: right; position: absolute; top: 20px; right: 0px; font-size: 1.6em; text-align: center; }

#boutique { width: 95px; height: 89px; position: absolute; left: 30px; top: 30px; }

/******************** left Column Settings *********************/

#midcontent { float: left; width: 722px; }

#leftcol { width: 190px; float: left; margin-right: 8px; }

#leftcol ul { margin-top: 10px; }

#leftcol li { display: block; list-style-type: none; }

#leftcol li a { display: block; height: 20px; line-height: 20px; padding: 15px 0 0 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; font: 1.2em Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; margin: 0 15px 0 0; }

#leftcol li a:hover { color: #9b2289; }

#awards { width: 190px; margin: 160px 0 40px 0; }

#awards strong { display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; line-height: 1.8em; }

.awards { font-size: 1.5em; font-weight: bold; }

.best { float: right; padding: 10px 40px; }

.staff { float: right; padding: 10px 10px; }

#awards img { padding: 15px 0 0 6px; }

.blue { color: #10759b; }

.purple { color: #500f49; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; display: block; }

#walking ul { }

#walking li { padding: 5px 10px 10px 0; }

/******************** Middle Column Settings *********************/ 

#centercol { width: 524px; float: right; }

#nolonger { width: 524px; margin: 0 auto; }

#nolonger p { font-size: 1.1em; padding-bottom: 8px; }

#nolonger a { color: #10759b; }

#text { padding: 0 20px 30px 20px; }

.center { width: 438px; height: 140px; margin: 0 auto; padding: 20px 0 10px 0; }

.right { float: right; margin-top: 20px; }

.flright { float: right; }

#text ul { padding: 10px 0 0 20px; }

.twocol { width: 222px; float: left; padding: 20px; }

.clearl { clear: left; }

.strongpadd { margin-top: 20px; }

#text ul ul { padding: 10px 0 20px 20px; }

#text ul li { font-size: 1.2em; list-style-type: none; line-height: 1.6em; }

#text ul li a { color: #10759b; font-size: 1em; line-height: 1.6em; }

#text ul ul li a { color: #10759b; font-size: 0.8em; }

.bold { font-weight: bold; }

#flash { width: 524px; height: 280px; background: url(images/flash-bg.jpg) no-repeat top; margin: 10px 0 0 0; border-top-width: 1px; border-top-style: solid; border-top-color: #390f1e; }

#centercol p { font-size: 1.2em; line-height: 1.6em; padding: 10px 0 0 0; }

form { padding: 20px 0 0 0; }

form input { margin: 3px 0px; padding: 4px; border: 1px solid #08004b; color: #000; background-color: #FFF; font-size: 1em; }

form textarea { border: 1px solid #08004b; padding: 5px; }

form select { padding: 4px; margin: 3px 0px; }

.secureimg { border: 1px solid #08004b; }

form a { color: #08004b; }

#rightform { float: right; }

#text a { color: #08004b; }

#text a:hover { color: #10759b; }

#booking { float: left; border: 1px solid #4d1147; margin-bottom: 20px; }

#border { border: 1px solid #4d1147; margin-top: 10px; }

.map { margin: 15px 0; clear: left; padding-top: 15px; }

/******************** Right Column Settings *********************/ 

#rightcol { width: 190px; float: left; margin-left: 8px; }

.teaser { width: 190px; height: 136px; overflow: hidden; position: relative; cursor: pointer; background-color: #4d1147; color: #fff; margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #390f1e; }

.teaser p { position: absolute; bottom: 0; padding: 15px; font-weight: bold; font-size: 0.9em; }

.teaser img { position: absolute; top: -55px; left: 0; z-index: 1; }

#teaser-wrap .teaser { float: left; margin: 0em; }

#testimonials { width: 190px; height: 202px; margin: 20px 0; }

#testimonials strong { display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; line-height: 1.8em; }

.testiname { font-size: 1.5em; font-weight: bold; }

.orange { color: #d58919; }

/******************** Footer Settings *********************/ 

#footer { clear: both; width: 920px; height: 140px; background: url(images/footer-logo.gif) no-repeat right top; position: relative; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; }

#footer ul { float: left; width: 710px; padding-top: 20px; }

#footer li { display: inline; line-height: 2.5em;  }

#footer li a { color: #361531; font-size: 1.1em; padding: 0 10px; text-decoration: none; line-height: 1.1em; border-right-width: 1px; border-right-style: solid; border-right-color: #361531; }

#footer li a:hover { color: #9b2289; }

#footer a { color: #361531; font-size: 1.0em; padding: 0 4px; text-decoration: none; }

#footer a:hover { color: #9b2289; }

#footer p { color: #361531; font-size: 1.0em; position: absolute; bottom: 0; right: 10px; width: 270px; text-align: right; }

/******************* Creare Links ***************************/

#extra { clear: left; font-size: 1.1em; color: #08004b; padding-top: 18px; text-align: center; }

#extra ul { width: 700px; text-align: center; }

#extra li { width: 33%; text-align: center; }

#extra li a { color: #08004b; width: 33%; }