/* Base Template CSS */

/* reset whitespace */
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;
}

html {
 height: 100%; 
 overflow:hidden;
 height:100%; /* fix height to 100% for IE */
 padding:0; /*remove padding */
 margin:0; /* remove margins */
 border:0; /* remove borders */
 max-height:100%; /* fix height for other browsers */
 /* hide overflow:hidden from IE5/Mac */
 /* \*/
 overflow:hidden; /*get rid of scroll bars in IE */
 /* */
}

td{
color:#fff;
}

html, body {
 margin:0; 
 padding:0; 
 width:100%; 
 height:100%; 
 overflow:hidden;
}

.background{ 
 position:absolute; 
 z-index:1; 
 width:100%; 
 height:100%;
}

#scroller {
 position:absolute;
 width:100%;
 height:100%;
 overflow:auto;
 z-index:2;
 left: 0px;
 top: 0px;
} 

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
}


/* basic layout */

.center {
 width: 981px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#logo {
 margin: 0px 20px 0px 0px;
 float: left;
}
#logo img{
border:0px;
}

#header {
 height: 313px;
 margin-top: 50px;
}

#header .center {
 position: relative;
 margin: 0px auto 0 auto;
}

#content div.center {
 position: relative;
 padding: 0px 0px 0px 0px;
 /*z-index: -1;*/
}

.copy {
 float: left;
 width: 586px;
 padding: 20px 20px 15px 20px;
 margin-left: 137px;
 background: transparent url(../images/bg_copy.png);
 background-repeat:repeat;
}

.copy h1{
 width: 620px;
 float: left;
 font-size: 22px;
 font-weight: normal;
 text-transform:uppercase;
 color:#FFFFFF;
}

.copy h2{
 width: 620px;
 float: left;
 font-size: 11px;
 text-transform:uppercase;
 color:#FFFFFF;
}

#rightcolumn h5 {
 float: left;
 font-size: 22px;
 font-weight: normal;
 text-transform:uppercase;
 color:#000;
 width: 218px;
}

#rightcolumn h6 {
 float: left;
 font-size: 11px;
 text-transform:uppercase;
 color:#000;
 width: 218px;
}

.bottom p,
#content .copy p {
 color:#FFFFFF;
 float: left;
 line-height: 14px;
 margin-top: 20px;
}

#content .copy p {
 width: 540px;
}

.bottom p {
 margin-top: 10px;
}

#content a {
 color:#FFFFFF;
 text-decoration: underline;
}

#content .wrapper {
 width: 605px;
 float: left;
 margin-top: 20px;
}

.wrapper .box {
 float: left;
 cursor:hand;
 cursor:pointer;
 width: 180px;
 margin-right: 20px;
 margin-bottom: 20px;
}

.bottom .box h3,
.wrapper h3 {
 font-size: 11px;
 text-transform:uppercase;
 color:#FFFFFF;
 float: left;
 width: 180px;
 margin: 0px 0px 6px 0px;
 padding: 0px;
}

.bottom img {
 float: right;
 height: 151px;
 width: 76px;
 margin-top: -30px;
}

.wrapper img {
 float: left;
 width: 180px;
}

#content .copy .wrapper p {
 float: left;
 width: 180px;
 margin-top: 10px;
}

.bottom {
 width: 606px;
 float: left;
 margin-left: 137px;
 padding-left: 20px;
 padding-top: 20px;
 padding-bottom: 2px;
 background: transparent url(../images/bg_bottom.png);
}

.bottom  .box {
 float: left;
 width: 180px;
 margin-right: 20px;
 margin-bottom: 20px;
}

li.spacer {
 background: transparent url(../images/bg_li_spacer.png) 0px 14px no-repeat;
 height: 22px;
 width: 137px;
 float: left;
}

div.spacer {
 background: transparent url(../images/bg_li_spacer.png) 0px 14px no-repeat;
 height: 22px;
 width: 137px;
 float: left;
 margin-bottom: 12px;
}

/******** rightcolumn ********/

#rightcolumn {
 width: 208px;
 position: absolute;
 margin-top: 273px;
 left: 763px;
 float: left;
 z-index: 10010;
}

#contentdiv {
 padding-top: 20px;
 padding-left: 10px;
} 

#searchdiv {
 float: left;
 width: 218px;
 height: 40px;
 background: transparent url(../images/bg_search.png) top left no-repeat;
}

#searchdiv .searchfield {
 width: 127px;
 height: 15px;
 float: left;
 margin: 10px 0px 0px 10px;
 padding: 3px 4px 0px 4px;
 font-size:10px;
 border: 0px;
}

#searchdiv searchfield input {
 border: 0px;
}

#searchdiv .searchbutton {
 border: 0px;
 background: transparent;
 width: 63px;
 height: 18px;
 padding-bottom: 1px;
 margin: 10px 0px 0px 0px;
 text-transform: uppercase;
 font-size: 11px;
 color:#FFFFFF;
 cursor:pointer;
 font-weight: normal;
 background: #000;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#contentdiv {
 width: 208px;
 float: left;
 height: 310px;
 background: transparent url(../images/bg_rightcolumn.png);
}

#contentdiv p {
 width: 200px;
 float: left;
 margin-top: 16px;
 line-height: 14px;
}

#callback  {
 width: 200px;
 height: 18px;
 float: left;
 margin: 10px 0px 0px 1px;
 border: 0px;
 height: 20px;
}

#callback input.callbackfield {
 width: 118px;
 font-size: 9px;
 height: 16px;
 float: left;
 padding: 2px 2px 0px 4px;
 border: 0px;
}

#callback input.callbackfieldborder {
 width: 118px;
 font-size: 9px;
 height: 16px;
 float: left;
 padding: 2px 2px 0px 4px;
 border: 0px;
 border-bottom: 1px solid #000;
}

#callback input.callbackbutton {
 border: 0px;
 background: transparent;
 width: 75px;
 height: 18px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 font-size: 9px;
 float: left;
 color:#FFFFFF;
 cursor:pointer;
 background: #000;
 filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

#callback span {
 width: 204px;
 float: left;
}

#callback span a {
 color:#000000;
 text-decoration: underline;
}

.slh{
	width: 208px;
	text-align:center;
	}

/************* end of rightcolumn **************/

* html #content {
 position: relative;
 top: -3px;
}

#footer {
 height: 25px;
 padding-top: 0px;
 font-size: 9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
}

#footer .center {
 position: relative;
 margin: 0px auto 0 auto;
}

#footer .left {
 margin-left: 156px;
 margin-top: 3px;
}

#footer .right {
 margin-right: 210px;
 margin-top: 3px;
}

#footer .right a,
#footer .left a {
 color:#FFFFFF;
 margin-right: 18px;
 text-decoration: none;
}

#footer a:hover {
 color:#FFFFFF;
 text-decoration: underline;
}

/* header */

#flashcontent {
 float: left;
 width: 626px;
 height: 313px;
}

/* sitempap */

#sitemap {
 float: left;
 width: 580px;
}

#sitemap ul {
 margin-top: 0px;
 float: left;
 width: 560px;
}

#sitemap ul li{
 margin: 0px;
 float: left;
 width: 560px;
 padding-left: 10px;
 color:#FFFFFF;
 list-style-position:inside;
 list-style-type:none;
 background: transparent url(../images/bulletpoint.gif) 0px 7px no-repeat;
}

#sitemap ul li a {
 text-decoration: none;
} 

#sitemap ul li a:hover {
 text-decoration: underline;
} 


/* this is the search bit */
.copy h4 {
 color:#FFFFFF;
 font-size: 13px;
 font-weight: bold;
 margin-top: 20px;
 float: left;
 width: 540px;
}


#content .copy#search p {
 color:#FFFFFF;
 float: left;
 line-height: 14px;
 margin-top: 20px;
 width: 540px;
 padding: 10px 0px 4px 0px;
 border-top: 1px solid #333;
 cursor:pointer;
 cursor:hand;
}

#content .copy#search span {
 color:#FFFFFF;
 float: left;
 width: 540px;
} 

#content .copy#search span {
 color:#FFFFFF;
 float: left;
 font-size: 11px;
}

.copy .gallerylink {
 float: left;
 width: 180px;
 margin: 10px 13px 10px 0px;
}

.gallerylink {
 float: left;
 /*width: 590px;*/
}
.gallerylink img{
 float: left;
 width: 160px;
 height: 60px;
 margin-bottom: 5px;
 border: 2px solid white;
}

.gallerylink span {
 width: 170px;
 outline: 0px;
 float: left;
 margin: 10px 0px 0px 0px;
}

/* contact form */

#canvas {

}

#canvas #contactform {

}

/* end of contact form */

.booknow {
 float: left; 
 width: 180px; 
 height:31px; 
 margin-bottom: 20px;
}

a img {
 border: 0px;
}


/* form contacts */

#ctl00_ContentPlaceHolder1_Form1 {
 float: left;
 width: 600px;
}

#ctl00_ContentPlaceHolder1_Form1 td {
 padding: 5px 0px 5px 0px;
}

tr.labeltd1 td label {
 width: 240px;
 float: left;
 margin: 0px 0px 0px 0px;
 color: #FFF;
}

tr.labeltd1 td select {
 width: 160px;
 float: left;
 outline: none;
}

tr.labeltd2 td label {
 width: 240px;
 float: left;
 color: #FFFFFF;
}

tr.labeltd1 td input {
 width: 340px;
 padding: 2px 0px 2px 0px;
 font-size: 11px;
 float: left;
 color: #000;
 outline: none;
}

tr.labeltd2 td input {
 width: 15px;
 font-size: 11px;
 float: left;
 text-align: left;
 color: #000;
 outline: none;
}

tr.labeltd2 td input#surname {
 width: 340px;
 padding: 2px 0px 2px 0px;
 font-size: 11px;
 float: left;
 text-align: left;
 color: #000;
 outline: none;
}


tr.labeltd1 td.Submit input#submit {
 width: 120px;
 float: right;
 border: 0px;
 background: transparent;
 width: 75px;
 height: 18px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 font-size: 9px;
 color:#FFFFFF;
 cursor:pointer;
 background: #000;
 filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
 outline: none;
}