/* START - Hack to force IE to center the div */
#ie_center {
  text-align: center; }

#main {
  text-align: left; }

/* END - Hack to force IE to center the div */
body {
  font-family: verdana, arial;
  font-size: 100%;
  color: #000000;
  background-color: #333333;
  margin: 0px;
  padding: 0px;
  text-align: left; }

h1 {
  font-size: 1.4em;
  font-weight: normal;
  color: #2e2c5e; }

b {
  color: #193d81; }

h2 {
  color: #333333;
  font-size: 1.1em;
  font-weight: normal; }

h2.booking_form {
  margin: 0px;
  border-bottom: 2px solid #333333; }

h3 {
  color: #333333;
  font-size: 0.9em;
  font-weight: normal; }

p {
  font-size: 0.8125em; }

li {
  font-size: 0.8125em; }

a {
  color: #000000; }

a:hover {
  color: #18b4ef;
  text-decoration: none; }

#main {
  width: 890px;
  margin: 0px auto 0px auto;
  background-color: #ffffff;
  text-align: left; }
  #main .spacer {
    /* This ensures that the main background goes past all the pictures */
    clear: both; }

#site_head, #footer {
  background-color: #333333;
  margin: 0px; }
  #site_head h1, #site_head h2, #site_head a, #site_head p, #footer h1, #footer h2, #footer a, #footer p {
    color: #ffffff;
    margin: 0;
    padding: 0; }

#site_head {
  padding: 2px 0 0 0; }
  #site_head img {
    float: left;
    display: block; }
  #site_head ul#main_menu {
    text-align: right;
    margin: 0 0 0 0;
    padding: 4px 0 0 0; }
    #site_head ul#main_menu li.main_menu_item {
      margin: 0;
      padding: 0;
      display: inline;
      list-style-type: none; }
      #site_head ul#main_menu li.main_menu_item a {
        padding: 0px 2px 0 12px;
        margin: 0px 0px 0px 0px;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal; }
      #site_head ul#main_menu li.main_menu_item a:hover {
        color: #bbbbff;
        text-decoration: underline; }
  #site_head ul#sub_menu {
    text-align: right;
    position: relative;
    top: 1em;
    height: 0;
    margin: 0;
    padding: 0;
    padding-right: 340px; }
    #site_head ul#sub_menu li {
      margin: 0;
      padding: 0;
      display: inline;
      list-style-type: none; }
      #site_head ul#sub_menu li a {
        padding: 0 0.5em 0 0.5em;
        margin: 0;
        text-decoration: none;
        font-size: 1.1em;
        color: #333333; }
      #site_head ul#sub_menu li a:hover {
        color: #bbbbff;
        text-decoration: underline; }

#footer {
  text-align: right;
  clear: both; }

#content {
  margin: 0;
  padding: 0 0 0 0; }
  #content h1, #content h2, #content h3 {
    margin: 0;
    padding: 15px 0 10px 20px; }
  #content p#main_text {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 20px 0px; }

#image_block_thumbs {
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
  background-color: #000000; }
  #image_block_thumbs p {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100px;
    line-height: 0; }
    #image_block_thumbs p img {
      margin: 0px;
      padding: 0px;
      width: 100px; }

#big_images {
  margin: 0px;
  padding: 0px;
  background-color: #000000; }
  #big_images img {
    position: absolute;
    display: block;
    padding: 0px;
    margin: 0px; }

#text_and_slides_1 {
  margin: 0px; }
  #text_and_slides_1 #image_block {
    float: right;
    display: block;
    width: 500px;
    margin: 0px 0px 0px 20px;
    background-color: #000000; }
  #text_and_slides_1 #image_block_thumbs {
    width: 500px; }
  #text_and_slides_1 #big_images {
    width: 500px;
    height: 340px;
    margin-bottom: 10px; }
    #text_and_slides_1 #big_images img {
      width: 500px;
      height: 340px; }

#text_and_slides_design #image_block_thumbs {
  width: 300px;
  float: right;
  margin-left: 2em; }
#text_and_slides_design #big_images {
  clear: both;
  width: 890px;
  height: 297px; }
  #text_and_slides_design #big_images img {
    width: 890px;
    height: 297px; }

#image_block_thumbs div {
  height: 58px;
  width: 100px;
  overflow: hidden;
  display: block;
  float: left;
  clear: top;
  margin: 0px; }

#single_image {
  float: right;
  display: block;
  margin-left: 20px; }

/* ******************* End Images ******************* */
/* --- Validation --- */
.fieldWithErrors {
  padding: 2px;
  background-color: #c00;
  display: inline;
  /* note that at the moment this is a div but can change this in environment.rb */ }

#ErrorExplanation {
  width: 400px;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #f0f0f0; }
  #ErrorExplanation h5 {
    text-align: left;
    font-weight: bold;
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff; }
  #ErrorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px; }
  #ErrorExplanation ul li {
    font-size: 12px;
    list-style: disc;
    margin: 0px;
    padding: 0px; }