/* Generic styles */















* {







	margin: 0;







	padding: 0;







}















body







{







	background: #002A5C url("../images/bg.gif") no-repeat;







	font : 62.5%/1.6 verdana, arial, "lucida grande", sans-serif;







	color: grey;







}







h1 {



display: none;



}







img {







border: none;







}







hr {



	border:1px dotted #97BEDD;



	margin:10px auto;



	width:530px;



}















fieldset {







border: none!important;







}















a, a:link {







	color: #6AA3D0;







	text-decoration: none;







}







	















/* lets wrapp the site in the curved edges */















#wrapper {







width: 1001px;







margin: 10px auto;







}















#wrapper-top {







background: transparent url("../images/wrapper-top.gif");







width: 1001px;







height: 7px!important;







}















#wrapper-main {







width: 999px;







border-left: 1px solid #6ca2ce;







border-right: 1px solid #6ca2ce;







background: #fff;







padding-bottom: 10px;







}















#wrapper-bottom {







background: transparent url("../images/wrapper-bottom.gif");







width: 1001px;







height: 7px;







}







.clear {



	clear:both;



}















/* everything wrapped */















/* lets create the header area and room availability box */















#header {







width: 990px;







height: 150px;







}















#logo {







float: left;







width: 295px;







height: 136px;







margin-left: 10px;







}















#rooms {







position: relative;







float: right;







width: 422px;







height: 141px;











}















#rooms p {







color: #698ea3;



display:none;



}















/* header finished */















/* nav stuff */























#nav-left {







width: 17px;







height: 34px;







float: left;







background: url(../images/left-nav.gif);







margin-left: 8px;







margin-bottom: 3px;







}















#nav1 {







position: relative;







width: 950px;







height: 34px;







float: left;







background: url(../images/nav-bg.gif);







font-size: 1.2em;







text-align: center;







margin-bottom: 3px;







}















#nav-right {







width: 17px;







height: 34px;







float: left;







background: url(../images/right-nav.gif);







margin-bottom: 3px;







}















#nav1 ul{







float: right;







width: 705px;







list-style:none;







margin-top: 4px;







padding:0;







}















#nav1 ul li{







float: left;







position: relative;







display: inline;







list-style:none;







padding: 3px 3em;







background: url(../images/devider.gif);







background-repeat: no-repeat;







background-position: top right;







}















#nav1 ul li a{







color:#FFF;







text-decoration:none;







}















#nav1 ul li a:hover{







color: #0f267b;







}















#nav1 .active {







background: transparent url(../images/devider.gif);







background-repeat: no-repeat;







background-position: top right;







}















#nav1 .last {







background: none;







}























#nav1 li ul {







display: none;







position: absolute; 







top: 20px!important;







left: 0;







width: 219px;







/*height: 241px;*/







background: transparent url(../images/test.png);







background-position: bottom left;







background-repeat: no-repeat;







margin-left: -4px;







text-align: left!important;







}







	







#nav1 li ul li {







border-bottom: 1px solid #fff;







background: none;







width: 215px;







padding: 0!important;







margin-left: 1px!important;







}















#nav1 li > ul {







top: 22px;







left: 0;







}







	







#nav1 li:hover ul, #nav1 li.over ul{ display: block; }







	







#nav1 li ul li a, 	#nav1 li ul li a:link {







display: block!important;







color: #243B7F;







text-decoration: none;







width: 199px;







background: none!important;







padding: 9px !important;







padding-right: 8px!important;







padding-top: 10px!important;







}















#nav1 li ul li.active {







background: none!important;







}















#nav1 li ul li a:hover {















color: #fff!important;







}















#nav1 li.active a, #nav1 li.active a:link {







color: #243B7F;







}







#nav1 li ul li.last {







border-bottom: none!important;







}







/* search stuff */















#search {







float: left;







width: 230px;







height: 31px;







text-align: left;







}















#ajaxSearch_input {







float: left;







background: url(../images/input.gif) repeat-x top left;







display: inline;







height: 21px;







width: 181px;







padding: 3px;







margin-top: 4px;







padding-top: 5px;







padding-left: 5px;







margin-left: -10px;







border: none;







}















#ajaxSearch_submit {







float: left;







background: url(../images/searchgo.gif) repeat-x top left;







width: 29px;







height: 25px;







border: none;







margin-top: 5px;







}















.AS_ajax_result {







color: #444;







margin-bottom: 3px;







}















.AS_ajax_resultLink {







text-decoration: underline;







}















.AS_ajax_resultDescription{







color: #555;







}















.AS_ajax_more {







color: #555;







}















.ajaxSearch_result {







border: 1px solid #737A36;







background: #EDEFD7;







margin: 5px;







padding: 10px;







}















.ajaxSearch_result a, .ajaxSearch_result a:link {







color: #B8000A;







}















/* left nav and image */















#top {







clear: both;







margin: 0px auto;







margin-bottom: 0;







width: 983px;







height: 235px;







}















#top_nav {







float: left;







width: 219px;







height: 233px;







background: url(../images/navbg.gif);







margin-left: 1px;







font-size: 1.2em;







}















#top_nav ul {







list-style-type: none;







margin-top: 7px;







}















#top_nav li {







width: 216px;







margin-left: 1px;







border-bottom: 1px solid #fff;







}















#top_nav li.last {







border-bottom: none;







}















#top_nav a, #top_nav a:link {







display: block;







color: #243B7F;







text-decoration: none;







padding: 4.6px 10px!important;







height: 22px;















}















#top_nav a:hover {







background: #24427E;







color: #fff;







}















#top_nav li.active a, #top_nav li.active a:link {







background: #24427E;







color: #fff;







}































#top_main {







float: left;







width: 756px;







height: 233px;







margin-left: 6px;







}























/* form stuff and left */























#left {







width: 221px;







float: left;







margin-left:8px;







margin-top: -8px;







}















#enquire-top {







background: url(../images/enquire-top.gif);







width: 221px;







height: 45px;





margin-top: -10px;

}















#enquire {







background: url(../images/enquire.gif);







width: 221px;







margin-top: -10px;







color: #033477;



overflow:auto;







}















#enquire p {







color: #033477;







padding: 5px 10px;







}















#enquire-top h3 {







margin: 10px;







padding: 5px;







padding-top: 7px;







margin-bottom: 0;







color: #0F267B;







font-size: 1.3em;







}















#enquire-bottom {







background: url(../images/enquire-bottom.gif);







width: 221px;







height: 13px;







margin-bottom: 5px;







margin-left: 1px;







}















#enquire form {







margin: 0 10px;







}















#enquire label {



display: block;



margin: 0 5px;



font-size: 90%;



float:left;



text-align:right;



width:50px;



padding-top:.25em;







}















#enquire input {



background: url(../images/input.png);



width: 135px;



height: 20px;



border: none;



padding-top: 3px;



padding-left: 5px;



float:left;



}















#enquire textarea {



background: url(../images/textarea.png);



width: 135px;



height: 70px;



border: none;



padding-top: 3px;



padding-left: 5px;



}







#enquire input[type="image"] {



	width:101px;



	float:right;



}











#submitform {







background: none!important;







margin-left: -2px;







}















.promo {







width: 220px;







margin-bottom: 2px;







}















.promo h2 {







width: 205px;







height: 25px;







background: url(../images/promoh2.gif);







color: #223d84;







font-size: 1.3em;







padding-left: 15px;







padding-top: 10px;







}















.promo img {







border: none;







}















/* main content stuff */







#gallery {



	margin:0 20px;



	padding:20px 0;



}







#gallery img {



	margin:0 5px 5px 0;



	background:#D2E2EF;



	padding:5px;



	border:#223D84 solid 1px;



}







#gallery img:hover {



	background-color:#F0F5FB;



}















#main-content {







float: left;







width: 567px;







margin-left: 2px;







}















#content-top {







width: 566px;







height: 38px;







background: url(../images/content_top.gif);







margin-left: 1px;







}















#content-top h2 {







color: #fff;







padding-left: 15px;







padding-top: 5px;







font-size: 1.4em;







color: #0F267B;







}















#content-mid {







width: 566px;







background: url(../images/cont-mid.gif);



overflow:auto;







}















#content-mid p {







padding: 5px 15px;







padding-left: 25px;







padding-bottom: 0;







line-height: 2em;







font-size: 1.1em;







}























#content-mid ul {



	padding: 5px 15px 5px 0;



	margin-left: 40px;



	line-height: 2.5em;



	font-size: 1.1em;



	list-style:none;



}







#content-mid ul li {



	background:url(../images/bullet2.gif) no-repeat 0 .85em;



	padding-left:1.2em;



}



















#content-mid h3, #content-mid h2 {



	padding: 5px 15px;



	font-size: 1.3em;



	color: #0F267B;



}







#content-mid h2 {



	font-size:1.5em;



}











#content-mid h4 {



	padding:2em 0 1em 20px;



	margin-left:10px;



	font-size: 1.1em;



	color: #0F267B;



	background:url(../images/bullet.gif) no-repeat 0 1.5em;



}















.small-nav {







	margin: 0 auto;







	margin-left: -28px;







	width: 565px;







}















.small-nav ul {







	list-style-type: none;







	text-align: center;







}















.small-nav li {







	display: inline;



	background:none !important;







}















.small-nav a, .small-nav a:link {







	padding: 0 2px;







	color: #6AA3D0;







}















.small-nav a:hover {







	text-decoration: none;







}















.cost {







clear: both;







width: 90%;







margin: 10px auto!important;







margin-bottom: 0!important;







margin: 0 auto;







padding-bottom: 7px;







text-align: center;







color: #033477;







border: 1px solid #033477;







background: #D2E2EF url(../images/pound.gif);







background-repeat: no-repeat;







background-position: top left;







}















.split {







width: 49%;







float: left;







}















.split2 {







width: 49%;







float: left;







border-left: 1px solid #D2E2EF;







}















.box {







position: relative;







height: 335px;







}















.cost2 {







position: absolute;







bottom: 0;







left: 15px;







width: 90%;







margin: 10px auto!important;







margin-bottom: 0!important;







margin: 0 auto;







padding-bottom: 7px;







text-align: center;







color: #033477;







border: 1px solid #033477;







background: #D2E2EF url(../images/pound.gif);







background-repeat: no-repeat;







background-position: top left;







}















.alert {







width: 90%;







margin: 10px auto!important;







margin-bottom: 0!important;







margin: 0 auto;







padding-bottom: 7px;







text-align: center;







color: #033477;















}















.pdf {







float: left;







width: 250px;







height: 60px;







margin-left: 20px;







margin-top: 10px;







color: #033477;







border: 1px solid #033477;







background: #D2E2EF url(../images/pdf.gif);







background-repeat: no-repeat;







background-position: top left;







}







.pdf a, .pdf a:link {







margin-left: 50px;







}















.pdf p {







padding-top: 17px!important;







}















.img {



	float: right;



	border: 1px solid #033477;



	background: #D2E2EF;



	padding:5px;



	margin: 10px;



}















#content-bott {







width: 567px;







height: 12px;







background: url(../images/cont-bot.gif);







}















.advert {







float: left;







width: 189px;







margin-top: 3px;







background: transparent;















}















.advert img {







border-left: 1px solid #6ea3cd;







border-right: 1px solid #6ea3cd;







margin-top: -1px;







}















.add_text {







position: absolute;







top: 30px;







left: 10px;







color: #fff;







font-weight: bold;







font-size: 1.2em;







}















.advert h2 {







width: 173px;







height: 27px;







background: url(../images/adverth2.gif);







color: #fff;







padding-left: 15px;







font-size: 1.4em;







padding-top: 2px;







}















.button {







width: 188px;







height: 24px;







padding-top: 4px!important;







text-align: center;







background: transparent url(../images/button.gif);







margin-top: -4px;







}















.button a, .button a:link {







color: #fff;







text-decoration: none;







height: 10px;







display: block;







font-size: 1.1em;







font-weight: bold;







}















.button a:hover {







color: #243B7F;







}















/* right hand side stuff */







#frmSS1 {



	margin:20px auto;



	width:300px;



}











#right {







width: 193px;







float: left;







margin-left:1px;







overflow: hidden;







}























#enquire2-top {







background: url(../images/enquire-top.gif);







width: 221px;







height: 45px;







margin-top: -5px;







}















#enquire2 {







background: url(../images/enquire.gif);







width: 221px;







margin-top: -10px;







color: #033477;







}















#enquire2 p {







color: #033477;







padding: 5px 10px;







}















#enquire2-top h3 {







margin: 10px;







padding: 5px;







padding-top: 7px;







margin-bottom: 0;







color: #0F267B;







font-size: 1.3em;







}















#enquire2-bottom {







background: url(../images/enquire-bottom.gif);







width: 221px;







height: 13px;







margin-bottom: 5px;







margin-left: 1px;







}















#enquire2 form {







margin: 0 10px;







}















#enquire2 label {







display: block;







margin: 0 5px;







font-size: 1.2em;







}















#enquire2 input {







background: url(../images/input.png);







width: 181px;







height: 20px;







border: none;







padding-top: 3px;







padding-left: 5px;







}















#enquire2 textarea {







background: url(../images/textarea.png);







width: 182px;







height: 106px;







border: none;







padding-top: 3px;







padding-left: 5px;







}























#submitform2 {







background: none!important;







margin-left: 103px;







margin-top: 10px;















}















.up {







margin-top: -8px;







}















.promo-top {







background: url(../images/enquire2-top.gif);







width: 193px;







height: 35px;







margin-left: 2px;







}















.promo-top h3 {







margin: 10px;







padding: 5px;







padding-top: 7px;







margin-bottom: 0;







color: #fff;







font-size: 1.3em;







}















.right-promo {







position: relative;







margin-left: 3px;







margin-top: -2px;







width: 189px;







}















/* footer stuff */















#footer {



	clear: both;



	background: transparent url(../images/footer-bg.gif) no-repeat 0 10px;



	width: 992px;



	height: 300px;



	padding-top:30px;



	margin: 0 auto;



	color:#002a5c;



}







#footer .highlight {



	color:#90b9d7 !important;



	text-decoration:none;



}







#footer li a {



	color:#002A5C;



}







#footer .small {



	font-size:11px;



}







.footer-section, .footer-right2 {



	float:left;



	margin-left:15px;



	width:260px;



}







.footer-right {



	float:right;



	margin-top:85px;



	width:220px;



}







.footer-right2 {



	width:200px;



}







#footer ul li ul {



	display:none;



}











#footer ul {



	list-style-type: none;



	margin: 0 auto;



	padding-top: 10px;



	font-size:120%;



}











#footer li {



	margin-top: 5px;



}















#footer2 {







width: 992px;







margin: 0 auto;







color: #6ca3cc;







margin-left: 7px;







margin-top: 5px;







background:url(../images/footer-logos.gif) no-repeat 100% 0;







padding-right:330px;



width:655px;







}



















#label {







float: right;







margin-top: -5px;







}















.telephone {







position: absolute;







bottom: 0;







color: #698ea3;







font-size: 1.8em;







margin-left: 10px;







}















.email {







position: absolute;







bottom: 3px;







right: 10px;







color: #698ea3;







font-size: 1.5em;







margin-left: 10px;







}















.email a, .email a:link {







color: #698ea3;







}























.treatments h2 {







margin-left: 20px;







}















.treatments dl {







margin-left: 20px;







}















.treatments dt {







font-size: 1.2em;







margin-top: 10px;







}























.treatments dd a, .treatments dd a:link {







margin-left: 40px;







color: #24427E;







font-weight: bold;







text-decoration: none;







}















table  {







line-height: 2em;







font-size: 1.1em;







border: 1px solid #A1C4E0;







}















td {







padding: 0 3px;







border: 1px solid #A1C4E0;







}















#content-mid form, #frm-wedding {







width: 480px;







background: #d2e2ef;







border: 1px solid #c2d2e4;







padding: 20px;







margin: 0 auto;



overflow:auto;







}







#frm-wedding label {



	width:15em;



}











#content-mid form label {
display: block;
float: left;
clear: left;
width: 15em;
margin: 0;
padding-right:1em;
}















#form1 textarea, #form1 input







{







width: 200px!important;







}















#form1 div {







	margin: 10px 0;







}















.left h2 {







color: #0F267B;







}















strong {







color: #0F267B;







}







.float-right {



	float:right;



	margin:5px;



}







.float-left {



	float:left;



	margin:5px;



}



#ditto_pages {

	margin:20px;

	border-top:#0F267B solid 1px;

}



#ditto_pages a, #ditto_pages span {

	padding-right:5px;

	margin-right:5px;

}