@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: 1000px; margin: 0 auto; }

#header { width: 1000px; 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; font: 1.4em 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: 65px 0 40px 0; }

#awards strong { display: block; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #4D1147; 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 10px 0 0; }

.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.45em; line-height: 1.6em; list-style: circle outside none; margin: 15px;}

#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.45em; 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: 20px 0 20px 0; }

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

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

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

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

.teaser { width: 262px; height: 197px; 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: 1.2em; }

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

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

#testimonials { width: 265px; height: auto; position:relative; top:25px; min-height:300px; background-color:#F0F1EE;}

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

blockquote p {background: url("/images/quoteDown.png") no-repeat scroll right bottom #F0F1EE; float: left; font-size: 1em; height: auto; left: 4px; padding: 0 15px 0 0; position: relative; top: 15px; width: 96%; margin-bottom:55px; font-family:Helvetica;}

blockquote {background: url("/images/quoteUp.png") no-repeat scroll left top #F0F1EE; font-size: 1.8em; padding: 20px; width: 91%;}

.cite{font-size: 1.2em; float: left; background-color:#F0F1EE; color:black; font-weight:bold;}

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

.orange { color: #d58919; }

#socialMedia {top: 39px; position:relative;}

#socialMedia a {color: #08004B; text-decoration:none;}
 
#socialMedia a:hover {color: #10759B;}
 
#socialMedia img {float:right; margin:20px 13px 0 0; border:none;}

#socialMedia p { font-size: large; left: 0px; position: relative; top: 30px; text-decoration:none;}

#socialMedia p:hover {cursor:pointer;}

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

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

#footer ul {
    float: right;
    padding-top: 20px;
    position: relative;
    right: 90px;
    width: 800px;
}

#footer li {
    border-color: #4D1147;
    border-right: 2px solid #4D1147;
    float: left;
    font-size: 14px;
    list-style: none outside none;
    margin-bottom: 10px;
    min-width: 180px;
    position: relative;
    right: 70px;
    text-align: right;
    text-decoration: none;
}

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

#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; }

.child{display:none;}

#leftcol li.parent a {border-top: 2.5px dotted #4D1147; color: #000000; display: block; font: bold 1.3em Arial,Helvetica; height: 20px; margin: 0 15px 0 0; padding: 15px 0 0; text-decoration: none; text-transform:uppercase;}

#leftcol li.parent a:hover {border-top: 2.5px dotted #4D1147; color: #9B2289; display: block; font: bold 1.3em Arial,Helvetica; height: 20px; margin: 0 15px 0 0; padding: 15px 0 0; text-decoration: none; text-transform:uppercase;}

#leftcol li.child a{color: #000000; font:1.3em Arial,Helvetica; height: 20px; padding: 5px 0 0; text-decoration: none; text-indent: 15px; border:none; }

#leftcol li.child a:hover{color: #9B2289; font:1.3em Arial,Helvetica; height: 20px; padding: 5px 0 0; text-decoration: none; text-indent: 15px; border:none; }



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

#extra { clear: both; 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%; }