html {
  margin : 0px;
  padding : 0px;
  border : 0px;
}

body {
  background: url('/img/gradient.gif') top left repeat-x #020202;
  margin : 0px;
  padding : 0px;
  border : 0px;
  font-family: Georgia, Times New Roman, Times, Serif;
  /*font-family: Arial, Helvetica, Sans-Serif;*/
  /*font-size: 80%;*/
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0px;
}

div.clr {
  clear: both;
  height: 0px;
  margin: 0px;
}

div.head {
  height: 165px;
  width: auto;
  margin: 0px;
  padding: 0px;
  margin-left: 70px;
  margin-right: 70px;
  z-index: 1;
}

div.centre {
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: auto;
}

/* Divs to make IE adhere to a min-width */
* html .body-minwidth {
  padding-left: 631px;
}

* html .footer-minwidth {
  padding-left: 651px;
}

* html .body-container {
	margin-left: -631px;
	position:relative;
}

* html .footer-container {
	margin-left: -651px;
	position:relative;
}

/*\*/
* html .body-minwidth, * html .body-container, * html .content, * html .layout  {
	height:1px;
	position:relative;
}
/**/

.body-width {
	width: auto;
	padding: 0px;
	margin: 0px;
	min-width: 629px;
	background: transparent;
}

.footer-width {
  position: relative;
	width: auto;
	padding: 0px;
	margin: 0px;
	min-width: 649px;
	background: transparent;
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 40px;
}

/* End */

div.body {
  position: relative;
  height: auto;
  width: auto;
  margin: 0px;
  padding: 0px;
  left: 0px;
  min-width: 631px;
  margin-left: 70px;
  margin-right: 70px;
  z-index: 0;
}

div.footer {
  position: relative;
  height: auto;
  width: auto;
  border: none;
  background: url('/img/footer-image.gif') top center no-repeat #000000;
  border: 1px solid #d1c29c;
  border-top: 4px solid #d1c29c;
  top: -4px;
}

div.footer-ionix {
  position: relative;
  border: none;
  height: auto;
  width: auto;
}

/* IE Fix... */
* html div.footer, * html div.footer-ionix {
  height: 1px;
}

div.content {
  margin: 20px;
}

div.swish {
  position: relative;
  width: 100%;
  top: 127px;
  margin-left: 24px;
  margin: 0px;
  padding: 0px;
  z-index: 1;
}

div.swish-right {
  position: relative;
  margin: 0px;
  margin-left: 645px;
  padding: 0px;
  width: auto;
  min-width: 4px;
  height: 77px;
  background: url('/img/swish-right.gif') repeat-x;
}

div.swish-right-end {
  position: relative;
  float: right;
  margin: 0px;
  padding: 0px;
  height: 77px;
  width: 6px;
  background: url('/img/swish-end.gif') top right no-repeat;
}

div.error {
  padding: 4px;
  margin: 8px;
  background: #D1C29C;
  width: 100%;
}

div.fill {
  width: 10px;
  height: 10px;
  background: transparent;
}

#frame {
  display: none;
  width: 295px;
  height: 218px;
  position: absolute;
  z-index: 10;
  border: 2px solid #000000;
  text-align: center;
  vertical-align: middle;
}
#photo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 295px;
  height: 218px;
}

img.logo {
  position: absolute;
  width: 208px;
  height: 73px;
  top: 32px;
  left: 70px;
  z-index: 1;
}

img.swish-mid {
  position: absolute;
  width: 69px;
  height: 91px;
  top: 104px;
  left: 328px;
  border: 0px solid #00ff00;
  z-index: 1;
}

img.swish-left {
  position: absolute;
  width: 278px;
  height: 60px;
  top: 104px;
  left: 50px;
  border: 0px solid #00ff00;
  z-index: 1;
}  

img.swish-tail {
  position: absolute;
  width: 48px;
  height: 70px;
  top: 141px;
  left: 2px;
  border: 0px solid #00ff00;
  z-index: 1;
}  

img.feature {
  position: absolute;
  width: 318px;
  height: 247px;
  top: 0px;
  left: 397px;
  z-index: 1;
}


#feature1 {
	position: absolute;
	float: left;
	margin-top:0px;
	margin-left:0px;
}

#feature2 {
	position: absolute;
	float: left;
	margin-top:0px;
	margin-left:0px;
}

img.plan {
  position: relative;
  border: 1px solid #D1C29C;
  float: right;
  margin: 20px;
}

img.ionix-logo {
  float: right;
  margin: 4px;
  margin-right: -4px;
  border: none;
}    

table.content {
  position: relative;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  empty-cells: show;
  background: transparent;
  border: none;
  z-index: 1;
  width: auto;
  height: auto;  
}

table.content td {
  border: none;
  margin: 0px;
  padding: 0px;
}

table.content td.tl {
  height: 10px;
  width: 10px;
  background: url('/img/top-left-corner.gif') top left no-repeat;
}

table.content td.top {
  height: auto;
  width: auto;
  background: url('/img/top-skin.gif') top left repeat-x;
}

table.content td.tr {
  height: 10px;
  width: 10px;
  background: url('/img/top-right-corner.gif') top left no-repeat;
}

table.content td.left {
  height: auto;
  width: 10px;
  background: url('/img/left-skin.gif') repeat-y;
}

table.content td.mid {
  height: auto;
  width: 99%;
  background: url('/img/texture.gif') top right repeat;
}

table.content td.nav {
  height: auto;
  width: 99%;
  background: url('/img/texture.gif') top right repeat;
}

table.content td.right {
  height: auto;
  width: 10px;
  background: url('/img/right-skin.gif') top right repeat-y;
}

table.content td.bl {
  height: 10px;
  width: 10px;
  background: url('/img/bottom-left-corner.gif') bottom left no-repeat;
}

table.content td.bottom {
  height: 10px;
  width: auto;
  background: url('/img/bottom-skin.gif') top right repeat-x;
}

table.content td.br {
  height: 10px;
  width: 10px;
  background: url('/img/bottom-right-corner.gif') bottom left no-repeat;
}

table.nav-foot {
  position: relative;
  padding: 0px;
  margin: 4px;
  border-collapse: relative;
  border-spacing: 0px 0px;
  empty-cells: show;
  background: transparent;
  border: none;
}

table.nav-foot td {
  padding: 8px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 32px;
  text-align: bottom;
}

table.nav-foot td.spacer {
  width: 48%;
  padding: 0px;
}

table.nav-foot td a {
  color: #D1C29C;
  font: 90%;
  font-size: 90%;
}

table.content td.nav table.nav-top {
  padding: 0px;
  margin: 0px;
  margin-top: 75px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  empty-cells: show;
  background: transparent;
  z-index 0;
}

table.content td.nav table.nav-top td {
  margin: 0px;
  padding: 4px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: bottom;
  background: #D1C29C;
  border-bottom: 1px solid #1E0A02;
}

table.content td.nav table.nav-top td.on {
  background: transparent;
  border: 1px solid #1E0A02;
  border-bottom: none;
}

table.content td.nav table.nav-top td.off:hover {
  background: #D1C29C;
}

table.content td.nav table.nav-top td.spacer {
  width: 48%;
  padding: 0px;
}

table.content td.nav table.nav-top td a {
  color: #1E0A02;
  font: 90%;
  font-size: 90%;
}

table.accommodation td {
  vertical-align: top;
  padding-right: 20px;
}

table.map td {
  vertical-align: top;
  padding-right: 0px;
}

table.map td.spacer {
  width: 25%;
}

table.moods {
  width: 100%;
  padding-bottom: 20px;
}

table.moods td {
  vertical-align: top;
  width: 5%;
}

table.moods td.spacer {
  width: 10%;
}

table.data {
  margin: 8px;
  width: auto;
}

table.data td {
  vertical-align: top;
  color: #1E0A02;
}

table.data td.label {
  padding-right: 24px;
}

table.gallery {
  padding : 0px;
  margin : auto;
  margin-bottom: 24px;
  border-collapse : collapse;
  border-spacing : 0px 0px;
  empty-cells : show;
  border: none;
  width: auto;
  text-align: center;
  vertical-align: middle;
}

table.gallery td {
  font-size: 80%;
  margin: 0px;
  padding: 1px;
  margin: 1px;
  text-align: left;
  vertical-align: middle;
}

img.gallery {
  margin: 0px;
  padding: 0px;
  border: none;
  border: 2px solid #000000;
  width: 295px;
  height: 218px;
}

#photoframe {
  margin: 0px;
  padding: 0px;
  border: none;
  border: 2px solid #000000;
  width: 295px;
  height: 218px;
  float: right;
  background: #ffffff;
}
img.thumb {
  margin: 2px;
  padding: 0px;
  border: 2px solid #000000;
  width: 69px;
  height: 52px;
}

img.image {
  border: none;
  border: 1px solid #D1C29C;
}

form {
}

input {
  border: 1px solid #1E0A02;
}

textarea {
  border: 1px solid #1E0A02;
}

select {
  border: 1px solid #1E0A02;
}

input.submit {
  border: 1px solid #1E0A02;
  background: #D1C29C;
}

/* Fonts */

h1 {
  color: #D1C29C;
  font: 150%;
  font-size: 150%;
  font-weight: bolder;
}

h2 {
  color: #1E0A02;
  font: 125%;
  font-size: 125%;
}

p {
  margin-left: 8px;
  margin-right: 8px;
  color: #1E0A02;
  font: 95%;
  font-size: 95%;
}

p.highlight1 {
  color: #D1C29C;
  font: 100%;
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
}

p.highlight2 {
  color: #1E0A02;
  font: 100%;
  font-size: 100%;
}

ul {
  color: #1E0A02;
  font: 95%;
  font-size: 95%;
}

li {
  margin-bottom: 4px;
}

a {
  color: #ffffff;
}

div.clr {
	clear:both;
}

a.bookNow {
	float:left;
	width:auto;
	height:auto;
	color:#fff;
	text-decoration:none;
	background:#801300;
	border:1px solid #200b02;
	padding:0 10px 3px 10px;
	line-height: 17pt;
	margin:0px;
	margin-bottom:10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-transition: all 0.5s ease-in;
}

a.bookNow:hover {
	color:#200b02;
	background:#d4cfa7;
	-moz-box-shadow:0 0 10px #333;
	-webkit-box-shadow: #333 0px 0px 10px;
}

a.viewAcc {
	float:left;
	width:auto;
	height:auto;
	color:#fff;
	text-decoration:none;
	background:#565656;
	border:1px solid #200b02;
	padding:0 10px 3px 10px;
	line-height: 17pt;
	margin:0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-transition: all 0.5s ease-in;
}

a.viewAcc:hover {
	color:#200b02;
	background:#d4cfa7;
	-moz-box-shadow:0 0 10px #333;
	-webkit-box-shadow: #333 0px 0px 10px;
}


div.col {
	position:relative;
	float:left;
	width:30%;
	height:auto;
	margin-right:3%;
	/* background:#333; */
}



div.bubble {
	position:relative;
	float:left;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	background:#d1c29c;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

img.pointer {
	position:absolute;
	bottom:-25px;
	right:20px;
}

div.bubble p {
	margin-top:10px;
	margin-left: 10px;
	margin-right: 10px;
	color: #1E0A02;
	font: 95%;
	font-size: 95%;
}