/*
    Document   : style
    Created on : 01 14, 09, 12:39:00 AM
    Author     : Heinz
    Description:
        Purpose of the stylesheet follows.
*/

body {font-size:75%;color:#222;background:#fff;font-family:"Century Gothic", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/* colors */
body {
  color: #fff;
  background: #124163 none;
}

a {
  color: #fff;
}

a:hover {
  color: #7392a5;
}

h1, h2, h3 {
  color: #fff;
}

/* main structure */
#page {
  text-align: left;
}

#top_navigation_wrap {
  clear: both;
  display: block;
  overflow: hidden;
  text-align: center;
  background: transparent url(../images/top-nav-back.png) top left repeat;
}

#top_navigation {
  width: 810px;
  height: 58px;
  margin: 0pt auto;
  background-color: #0a293f;
  display: block;
  overflow: hidden;
}

#top_navigation ul {
  float: right;
}

#content_wrap {  
  background: transparent url(../images/content-back.png) repeat;
}

#content_wrap, #footer_wrap {
  text-align: center;
}

#content {
  text-align: left;
  font-size: 11px;
}

#header_wrap {
  display: block;
  margin-bottom: 20px !important;
}

#header_wrap, #content, #footer {
  width: 810px;
  margin: 0pt auto;
  clear: both;
  display: block;
  overflow: hidden;
}

#footer {
  color: #071e2f;
  padding: 10px 0;
  text-align: right;
}

/* header */
#header {
  width: 810px;
  height: 55px;
  clear: both;
  display: block;
  overflow: hidden;
  position: relative;
}

#logo h1 {
  margin: 0 !important;
  padding: 0 !important;
}

#logo a {
  width: 200px;
  height: 55px;
  top: 0;
  left: 0;
  position: absolute;
  background: transparent url(../images/lorne-luxury-logo.png) top left no-repeat;
  text-indent: -9999px;
}

#main_navigation {
  float: right;
  padding-top: 20px;
  font-size: 14px;
}

#main_navigation li {
  margin-left: 10px;
}

/* gallery */
#gallery_wrap {
  display: block;
  position: relative;
  clear: both;
  width: 810px;
  height: 197px;
}

#gallery {
  background: transparent url(../images/gallery-background.png) top left no-repeat;
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 810px;
  height: 197px;
}

#gallery_image {
  position: absolute;
  left: 4px;
  top: 0;
  width: 800px;
  height: 190px;
  display: block;
  overflow: hidden;
}

#view_gallery_button {
  position: absolute;
  width: 122px;
  height: 23px;
  right: 10px;
  bottom: 10px;
  background: transparent url(../images/view-gallery-button.png) top left no-repeat;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
}

#carousel_wrap {
  background: #0a2a41 url(../images/carousel-background.png) top left repeat-x;
  margin-bottom: 20px;
  width: 800px;
  height: 67px;
  position: relative;
  padding-top: 7px;
  display: none;
  overflow: hidden;
  clear: both;
  top: 190px;
  left: 4px;
}

#slider {
}


.show {
  display: block !important;
  overflow: visible;
}

.hide {
  display: none !important;
  overflow: hidden;
}

.cs_toggle_on {
  height: 257px !important;
}

.cs_toggle_off {
  height: 197px !important;
}

/* inline menu */
.inline_menu ul, #slider ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
}
.inline_menu li {
  float: left;
}

.inline_menu li a {
  display: block;
  text-decoration: none;
  color: #fff !important;
}

.inline_menu li a:hover {
  color: #7392a5 !important;
  text-decoration: none;
}
/* buttons & menus */
#contact_us a {
  width: 175px;
  height: 50px;
}
#contact_us a {
  background: transparent url(../images/contact-button.png) top left no-repeat;
}