﻿
body, html { background: #fff; margin: 0 auto; font-family: Georgia, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 0.93em; }

img { border: none; }

/*fonts*/

h1 { color: #7a477b; font-size: 1.8em; font-variant: small-caps; margin: 0; }

h2 { color: #666; font-size: 1.4em; font-variant: small-caps; margin: 0; }

hr { height: 1px; color: #7a477b; width: 100%; }

p { font-size: 0.93em; line-height: 18px; }

a { text-decoration: underline; color: #7a477b; }

a:hover { text-decoration: underline; color: #888; }

.head { color: #333; }

.headertwo { color: #666; font-size: 1.4em; font-variant: small-caps; margin: 0; font-weight: bold; }

.small { font-size: 0.7em; }

/*flash*/

#scroll { padding-left: 55px; width: 189px; height: 106px; }

/*content*/

.imageh { margin: 0 auto; padding: 5px 0; }

.left { float: left; width: 390px; }

.right { float: right; width: 390px; margin-left: 10px; }

.clear { clear: both; }

ul.purple { color: #7a477b; font-weight: 600; }

#content { width: 800px; margin: 10px auto; height: 100%; }

#container { width: 800px; margin: 0 auto; height: 100%; }

#greyband { background-color: #92959a; height: 284px; margin: 0; width: 100%; }

#header { height: 113px; width: 100%; background: #fff url(../images/header-new.gif) no-repeat top center; border-bottom: solid 1px #666; }

#purpleband { background-color: #7a477b; width: 150px; height: 284px; float:left; }

#purpleband p { color: #fff; font-variant: small-caps; padding: 150px 20px 5px 5px; text-align: left; height: inherit; width: inherit; }

#darkgreyband { height: 284px; width: 150px; background: #666 url(../images/darkgreyart.gif) no-repeat top center; float: left; }

#image { width: 440px; height: 284px; float: left; margin-left: 60px; overflow: hidden; }

#image img { top: 0; left: 0; width: 440px; height: 284px; }

#greyband-s { background-color: #92959a; height: 25px; margin: 0; width: 100%; margin-top: 10px; }

#container-s { height: 25px; width: 800px; margin: 0 auto; }

#purpleband-s { background-color: #7a477b; width: 150px; height: 25px; float:left; }

#darkgreyband-s { height: 25px; width: 150px; background: #666 url(../images/darkgreyart-s.gif) no-repeat top center; float: left; }

#call { text-transform: uppercase; text-align: center; margin: 10px 0; font-size: 1.05em; }

#contactband { background-color: #7a477b; color: #fff; text-transform: uppercase; padding: 3px; text-align: center; }

#contactband a:link, div#contactband a:visited { color: #fff; text-decoration: underline; text-transform: uppercase; padding: 3px; }

#contactband a:hover { color: #000; text-decoration: underline; text-transform: uppercase; background-color: #c0c0c0; padding: 3px; }

#purpleband-s2 { height: 25px; background: #7a477b; float: right; width: 440px; text-align: center; }

#gmap { width: 700px; height: 600px; border: 1px solid #333; margin-top: 10px; }

/*navigation*/

#nava { height: 80px; width: 189px; padding: 0 0 10px 15px; }

#nava ul { width: 189px; height: 80px; }

#nava li { display: inline; }

#nava a { background-position: top left; display: block; outline: none; text-decoration:none; height: 80px; outline: none; }

#nava a:hover { background-position: bottom left; }

.nav_book { background: url(../images/book-button.jpg) no-repeat; width: 189px; }

#nav { text-transform: uppercase; color: #fff; }

#nav ul { padding: 0; margin: 2px 0; white-space: nowrap; }

#nav li { display: inline; list-style-type: none; margin: 0 5px; }

#nav li a { text-decoration: none; color: #fff; }

#nav li a:hover { text-decoration: none; color: #ff0; border-bottom: solid 1px #fff; }

#bottomnav { clear: both; text-align: center; color: #000; font-size: 0.9em; padding-top: 10px; }

#bottomnav ul { padding: 0; margin: 2px 0; white-space: nowrap; }

#bottomnav li { display: inline; list-style-type: none; margin: 0 5px; line-height: 20px; }

#bottomnav p { color: #000; text-align: center; font-size: 1em; padding-top: 10px; line-height: 20px; }

#bottomnav a { color: #000; outline: none; text-decoration: none; }

#bottomnav a:hover { text-decoration: none; color: #7a477b; }
/*Extra*/

#extra { clear: left; font-size: 1.1em; color: #000; padding-top: 25px; }

#extra ul { width: 700px; text-align: center; }

#extra li { width: 33%; }

#extra li a { color: #000; text-align: center; width: 33%; }

/*booking form*/

#booking { margin: 0 auto; }

.iframe {  width: 900px; height: 1000px; }
