html, body {
  padding: 0;
  margin: 0;
}

body {
  font-size: 100%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #444;
  text-align: center; /* hack to centre wrapper in IE (see wrapper) */
  background-color: #003300;
}

#wrapper_1 {
	
  width:  770px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* hack to centre wrapper in IE */
  background: url(images/cream_internal.gif) repeat-y center;
  border: 1px #003300 solid;
  
}

/* @group header */

#header_contact {  
width: 770px;
background-color: #003300;
text-align: right;
color: #ccc;
font-style: italic;
padding:5px;
; font-size: 1.3em
}

#header_contact a{ 
text-decoration: none;
color: #ccc;
}

#header_contact a hover { 
text-decoration: underline;
color: #ccc;
}

#header_images {
float:left;
width:380px;
clear:left;
padding: 5px 35px 5px 5px;
}

#header {
display:block;
border:4px double #030;
text-align: center;
color: #030;
font-size: 1.5em;
line-height: 1.3em;
padding: 25px 40px 39px 40px;
}



/* @end */


/* @group Content */

#content {
display: inline;  /* End IE hack */
float: left;  
width: 565px;
margin-left: 170px;
border-left: 1px solid #ccc;
padding: 12px;
}

/* @end */

img.photo_border {
  border: 2px #003300 solid;
}


/* @group paragraphs */

p, Li, Blockquote {
  font-size: .8em;
  line-height: 1.3em;
}

Blockquote {
  font-size: 1em;
  line-height: 1.3em;
}

p a {
  font-size: 1em;
}

center p  a {
  font-size: 1em;
}

center a {
  font-size: .8em;
}

ul li li {
  font-size: 1em;
}

ul li a {
  font-size: 1em;
}


td p {
font-size: 1em;
line-height: 1.3em; }

td {
font-size: .8em;
line-height: 1.3em; }


a:hover {
  color: red;
}


.review {

  color: #cc0000;
  font-style: italic;
  margin-top: -10px;
  text-align: right; 
 
  }

/* @end */

/* @group h1,2,3 */

H1 {
  font-size: 1.4em;
  color: #000000;
  font-style: normal;
  letter-spacing: 3px;
  text-align: center; 
  margin-top: 20px;
  margin-bottom: -5px;
}

H2 {
  font-size: 1.2em;
  color: #003300;
  font-style: normal;
  letter-spacing: 2px;
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: center; 
}

H3 {
  font-size: 1em;
  color: #003300;
  margin-bottom: 0px;
}

/* hack to correct bottom being cut off for IE */
* html H3 {
  margin-bottom: 0px;
}

H4 {
  font-size: 0.8em;
  color: #003300;
}

/* @end */

/* @group Left Sidebar */

#left_sidebar {
display:inline;
  float: left; 
  width: 170px;
 margin-left: -750px;
  }
  
/* hack to move right for IE */
 * html #left_sidebar {
 margin-left: -750px;
  }
  
/* @end */

/* @group navcontainer */

#navcontainer { margin-left: 5px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 5px 5px 10px;
width: 120px;
color: #ff9;
background-color: #903;
text-decoration: none;
border-top: 1px solid #ffc;
border-left: 1px solid #ffc;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: normal;
font-size: 12px;
background-image: url(images/button.gif);
background-repeat: no-repeat;
font-style: normal;
}

/* IE hack button wider*/
 * html #navcontainer a 
 {
width: 135px;
  }

#navcontainer a:hover
{
color: #ff9;
background-color: #ff9;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #ffc;
border-right: 1px solid #ffc;
font-weight: normal;
background-image: url(images/button_over.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
/* @end */


/* @group bottommenu */

#bottommenu {
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
text-align: center;
}

#bottommenu a {
text-decoration: underline;
font-size: 1.2em; 
}

#bottommenu a hover {
text-decoration: underline;
font-size: 0.8em; 
}

/* @end */

/* @group footer */

#footer {
text-align: center;
font-size: 0.8em;
width: 565px;
margin-left: 170px;
border-left: 1px solid #ccc;
padding: 12px;
clear:  both;
}

/* @group special offers */

#floating-menu {
display:inline;
position:fixed;
background:#333333;
border:1px solid #000000;
width:150px;
z-index:100; 
clear:both;
}

#floating-menu h3 {
display:block;
margin:0 0.5em;
clear:both;
}


/* @end */


#booking {  
clear: both;
  font-size: 1.0em;
  color: #ffffff;
  font-style: normal;
  letter-spacing: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; 
  background-color: #666666;}


#booking a {
text-decoration: none;
color: #ffffff;
font-size: 1.0em; 
}

#booking a hover {
text-decoration: underline;
color: #ffffff;
font-size: 1.0em; 
}