.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@font-face {
  font-family: 'AllerLightRegular';
  src: url('aller/aller_lt-webfont.eot');
  src: local('☺'), url('aller/aller_lt-webfont.woff') format('woff'), url('aller/aller_lt-webfont.ttf') format('truetype'), url('aller/aller_lt-webfont.svg#webfontSf0I0bbz') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AllerRegular';
  src: url('aller/aller_rg-webfont.eot');
  src: local('☺'), url('aller/aller_rg-webfont.woff') format('woff'), url('aller/aller_rg-webfont.ttf') format('truetype'), url('aller/aller_rg-webfont.svg#webfontpgy2AN4D') format('svg');
  font-weight: normal;
  font-style: normal;
}
html { height: 100%; }
body {
  font-family: Verdana, Geneva, sans-serif;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  color: #606060;
  font-size: 12px;
  line-height: 20px;
  overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
  font-family: AllerRegular, "Trebuchet MS", sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 34px;
  font-family: AllerLightRegular;
  line-height: 1.3em;
  color: #005381;
  margin: 0;
  padding: 0;
}
h2 {
  width: auto;
  margin: 30px 0 10px;
  padding: 0;
  font-size: 20px;
  color: #d77e00;
}
h3, h4, h5 {
  width: auto;
  margin: 10px 0 4px;
  padding: 0;
  font-size: 16px;
  color: #d77e00;
}
img { border: none !important; }
textarea {
  border: 1px solid #035281;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px;
  width: 400px;
  margin-bottom: 5px;
}
.hidden { display: none; }
.clear {
  display: block;
  width: 1px;
  height: 1px;
  clear: both;
}
#container {
  width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
  min-height: 100%;
}
#header {
  position: relative;
  height: 52px;
  background: #bddeef url('images/nav_bg.gif') no-repeat 50% 0;
  background-repeat: repeat-x;
}
#header #logo {
  position: absolute;
  bottom: 10px;
  left: 50px;
}
#header #nav {
  position: absolute;
  top: 0;
  right: 50px;
  margin: 0;
  padding: 0;
  font-size: 17px;
  letter-spacing: -0.125ex;
  line-height: 20px;
  font-family: AllerRegular;
}
#header #nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#header #nav li .wrapper {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 36px;
  margin: 0;
  padding: 0 0 8px 12px;
}
#header #nav li a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 20px;
  padding: 16px 12px 8px 0;
  text-align: center;
  text-decoration: none;
  color: #00557d;
}
#header #nav li.selected .wrapper { background: transparent url('images/nav_selected_bg_left.gif') no-repeat bottom left; }
#header #nav li.selected a {
  background: transparent url('images/nav_selected_bg_right.gif') no-repeat bottom right;
  color: #ffffff;
}
#strap {
  position: relative;
  clear: both;
  width: 800px;
  height: 318px;
  margin: 0;
  padding: 0;
  background: #1477a2 url('images/strap_bg.gif') repeat-y;
  border-top: 1px solid #046097;
  border-bottom: 1px solid #d0d0d0;
  font-size: 14px;
  color: #ffffff;
}
#strap h1 {
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
#strap .strap_titles {
  position: absolute;
  width: 380px;
  height: 141px;
  top: 22px;
}
#strap .strap_titles h1 { display: none; }
#strap .strap_titles h2 { display: none; }
#strap .strap_get {
  position: absolute;
  top: 183px;
}
#strap .strap_left {
  width: 400px;
  float: left;
}
#strap .strap_right {
  float: right;
  width: auto;
  padding-top: 10px;
}
#strapreplacement {
  position: relative;
  height: 5px;
  background-image: url('images/strap_bg.gif');
  background-repeat: repeat;
  border-top: 1px solid #045282;
}
#content {
  position: relative;
  padding: 20px 50px;
  min-height: 330px;
}
#footer {
  clear: both;
  height: 20px;
  width: 770px;
  font-size: 10px;
  color: #ffffff;
  padding: 10px 15px 5px 15px;
  margin: 20px auto 0;
  background: #046097 url('images/footer_bg.gif') 0 0 repeat-y;
}
#footer .address {
  width: auto;
  float: left;
}
#footer .links {
  width: auto;
  float: right;
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.tour_featurebox {
  margin-bottom: 15px;
  margin-top: 15px;
}
.tour_featurebox .tour_featurebox_text {
  float: left;
  width: 420px;
}
.tour_featurebox .tour_featurebox_text p {
  margin: 0px;
  padding: 0px;
}
.tour_featurebox_divider {
  margin: 0 auto;
  width: 450px;
  height: 1px;
  background-color: #cccccc;
  clear: both;
}
#content-left h4 {
  color: #035281;
  font-size: 13px;
}
#content-right p {
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.number {
  float: left;
  height: 30px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
}
.strap_full .main_tour_img {
  border: 3px solid #ce5a1e;
  float: left;
}
#content-right a {
  color: #ce5a1e;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
#shadow {
  margin: 0 auto;
  width: 820px;
  background-image: url('images/shadow.gif');
  background-position: center;
  background-repeat: repeat-y;
}
#shadow_lower {
  margin: 0 auto;
  width: 820px;
  background: url('images/shadow_lower.gif') 50% 15px repeat-y;
  height: 15px;
}
#home_testimonial {
  width: 700px;
  margin: 0 auto;
  padding: 15px;
}
body#holding {
  font-size: 12px;
  line-height: 24px;
}
body#holding #container {
  width: 440px;
  min-height: 240px;
  margin: 100px auto;
  padding: 20px;
  text-align: center;
}
body#holding h2 { margin: 1.5em 0 1em; }
body#home #strap { background: #1477a2 url('images/home_strap.png'); }
body#home #strap img.strap {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dddddd;
}
body#home #strap #getkahu {
  position: absolute;
  top: 225px;
  left: 80px;
}
body#home #content .feature.left {
  float: left;
  width: 330px;
  margin: 20px 10px 10px 0;
}
body#home #content .feature.right {
  float: right;
  width: 330px;
  margin: 20px 0 10px 10px;
}
body#home #content .feature p {
  margin: 0;
  padding: 0;
}
body#tour #tour-nav {
  display: block;
  margin: 30px 0 20px;
  padding: 0;
  list-style: none;
  text-align: center;
}
body#tour #tour-nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 20px;
  margin: 0 5px;
  padding: 0 0 5px 10px;
  cursor: pointer;
}
body#tour #tour-nav a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 20px;
  padding: 0 10px 0 0;
  margin: 0;
}
body#tour #tour-nav li.selected {
  color: #186491;
  background: transparent url('images/tour/tour_nav_bg_left.gif') no-repeat left top;
}
body#tour #tour-nav li.selected a {
  color: #186491;
  background: transparent url('images/tour/tour_nav_bg_right.gif') no-repeat right top;
}
body#tour #prev-button {
  position: absolute;
  bottom: 100px;
  left: 80px;
  cursor: pointer;
  z-index: 10;
}
body#tour #next-button {
  position: absolute;
  bottom: 100px;
  right: 80px;
  cursor: pointer;
  z-index: 10;
}
body#tour #gallery {
  z-index: 5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 800px;
  height: 240px;
  margin: 0 auto;
  overflow: hidden;
}
body#tour #gallery .gallery-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
}
body#tour #gallery .image-wrapper {
  position: absolute;
  top: 0;
  width: 800px;
}
body#tour #gallery .image-wrapper img {
  width: 500px;
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
body#tour #gallery #dashboard-image-wrapper { left: 0px; }
body#tour #gallery #bookings-image-wrapper { left: 600px; }
body#tour #gallery #helpdesk-image-wrapper { left: 1200px; }
body#tour #gallery #setup-image-wrapper { left: 1800px; }
body#tour #gallery img {
  display: block;
  margin: 0 auto;
  visibility: hidden;
}
body#tour #getkahu {
  float: right;
  margin: 60px 0;
}
body#tour ol.features {
  position: absolute;
  display: none;
  width: 470px;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
body#tour ol.features li {
  position: relative;
  background: transparent url('images/tour/tour_1.gif') no-repeat 2px 0;
  padding: 2px 0 0 32px;
  margin-bottom: 1em;
}
body#tour ol.features li.item1 { background-image: url('images/tour/tour_1.gif'); }
body#tour ol.features li.item2 { background-image: url('images/tour/tour_2.gif'); }
body#tour ol.features li.item3 { background-image: url('images/tour/tour_3.gif'); }
body#tour ol.features li.item4 { background-image: url('images/tour/tour_4.gif'); }
body#tour ol.features li.item5 { background-image: url('images/tour/tour_5.gif'); }
body#tour ol.features li.item6 { background-image: url('images/tour/tour_6.gif'); }
body#tour ol.features ul { list-style: disc; }
body#tour ol.features ul li {
  margin: 0.5em 0;
  padding: 0;
  background: none;
}
body#tour ol#dashboard-features {
  position: absolute;
  display: block;
}
body#tour #tour {
  text-align: center;
  margin-bottom: 3px;
}
body#tour #tour .prev {
  float: left;
  display: block;
  width: 42px;
  height: 42px;
  margin: 85px 0 0 0;
}
body#tour #tour .next {
  float: right;
  display: block;
  width: 42px;
  height: 42px;
  margin: 85px 0 0 0;
}
body#tour .tour_featurebox ul { padding-left: 25px; }
body#tour .tour_featurebox li { margin: 5px 0 0 0; }
body#getkahu #strap {
  height: auto;
  padding: 20px 0;
}
body#getkahu #strap h1 { margin: 0; }
body#getkahu #strap h1 { padding: 0 50px; }
body#getkahu #strap p { padding: 0 50px; }
body#getkahu #signup .text {
  display: inline;
  width: 380px;
  border: 1px solid #025281;
}
body#getkahu #content { margin: 20px 0 0 0; }
body#getkahu #content h2 { margin: 0 0 10px 0; }
body#getkahu #content .left {
  float: left;
  width: 420px;
  padding: 0 20px 0 0;
}
body#getkahu #content .right {
  float: right;
  width: 260px;
  padding: 0;
}
body#getkahu #content .right h3:first-child { margin-top: 2px; }
body#getkahu #content .right p { margin: 5px 0 25px 0; }
body#getkahu hr { visibility: hidden; }
body#getkahu #signup label {
  margin: 0 0 5px 0;
  font-size: 12px;
}
body#getkahu #signup .text { margin: 2px 0; }
body#getkahu #signup .checkbox { margin: 2px 0; }
body#getkahu #signup .text.error { background: #fbbfc0; }
body#getkahu #signup .check-label {
  color: #aa0000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}
body#getkahu #signup #terms { width: auto; }
body#getkahu #signup #subdomain-wrapper {
  display: block;
  font-size: 11px;
}
body#getkahu #signup #subdomain {
  width: 200px;
  display: inline;
}
body#getkahu #signup #terms-wrapper { display: block; }
body#getkahu #signup #terms {
  border: none;
  display: inline;
}
body#getkahu #signup #terms-label {
  display: inline;
  font-weight: normal;
}
body#getkahu #signup #sign-up-wrapper { text-align: right; }
body#getkahu #signup #sign-up-button {
  width: auto;
  border: none;
  margin: 0;
}
body#getkahu hr.spacer {
  height: 10px;
  border: none;
}
body#getkahu li { min-height: 18px; }
body#getkahu .big-text {
  font-family: "trebuchet ms", arial;
  font-size: 250%;
  font-weight: bold;
  text-align: center;
  color: #035281;
  margin: 0.5em auto 0.5em 65px;
  width: 250px;
  background: #cceef7;
  padding: 3px 0;
}
body#pricing #strap {
  height: auto;
  padding: 20px 0;
}
body#pricing #strap h1 { margin: 0; }
body#pricing #strap h1 { padding: 0 50px; }
body#pricing #strap p { padding: 0 50px; }
body#pricing .popup {
  position: absolute;
  display: none;
  width: 320px;
  z-index: 1000;
  background: #ffffaa;
  padding: 5px;
  border: 1px solid #999999;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
body#pricing div.pricing { margin: 30px 0; }
body#pricing div.pricing .plan-name {
  font-size: 18px;
  line-height: 18px;
  font-family: AllerRegular;
}
body#pricing div.pricing span.hint {
  line-height: 24px;
  font-size: 10px;
}
body#pricing div.pricing a.hint {
  line-height: 24px;
  font-size: 10px;
}
body#pricing div.pricing span.hint { color: #777777; }
body#pricing div.pricing a.hint { color: #5555ff; }
body#pricing div.pricing span.figure {
  font-size: 18px;
  line-height: 18px;
  color: #333333;
}
body#pricing div.pricing ul {
  float: left;
  width: 133px;
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
body#pricing div.pricing ul li {
  height: 20px;
  font-size: 14px;
  line-height: 14px;
  padding: 20px 0;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
body#pricing div.pricing ul li.title {
  background: #0080a5;
  border: none;
  padding-top: 21px;
  color: #ffffff;
}
body#pricing div.pricing ul li.first { border-top: 1px solid #cccccc; }
body#pricing div.pricing ul li.last {
  padding-top: 25px;
  padding-bottom: 25px;
}
body#pricing div.pricing ul li.getkahu {
  height: 70px;
  padding: 0;
}
body#pricing div.pricing ul li.blank {
  border: none;
  margin: 1px 0 0;
}
body#pricing div.pricing ul li.price { background: #ffffcc; }
body#pricing div.pricing ul li.with-hint { padding: 15px 0 25px; }
body#pricing div.pricing ul li.price.with-hint { padding: 14px 0 26px; }
body#pricing div.pricing ul li.feature { padding: 15px 0 25px; }
body#pricing div.pricing ul.features {
  width: 166px;
  margin-left: 58px;
}
body#pricing div.pricing ul.features li { color: #000000; }
body#pricing div.pricing ul.features li.price.with-hint { padding: 17px 0 23px; }
body#pricing div.pricing ul.features li { border-right: none; }
body#pricing div.pricing ul.free li { border-right: none; }
body#pricing div.pricing ul.basic li { border-right: none; }
body#pricing div.pricing ul.premium {
  margin: 0;
  width: 151px;
  border: 1px solid #0080a5;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
body#pricing div.pricing ul.premium li.title {
  background: #acd9f2;
  border: 1px solid #ffffff;
  border-bottom: none;
  color: #00557d;
}
body#pricing div.pricing ul.premium li.first {
  padding-top: 25px;
  padding-bottom: 25px;
}
body#pricing div.pricing ul.premium li.last {
  padding-top: 30px;
  padding-bottom: 30px;
}
body#pricing div.pricing ul.premium li { border-left: none; }
body#pricing .left {
  float: left;
  width: 330px;
  margin: 10px 10px 10px 0;
}
body#pricing .right {
  float: right;
  width: 330px;
  margin: 10px 0 10px 10px;
}
body#pricing .bolt-on { height: 9em; }
body#pricing .bolt-on p { margin: 0; }
body#pricing .overlay {
  position: fixed;
  display: none;
  background: transparent;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  margin: 0;
  padding: 0;
}
body#pricing .footnotes {
  margin-top: 3em;
  font-size: 0.8em;
  color: #777777;
}
body#pricing .footnotes a { color: #5555ff; }
body#faq .faq-section {
  width: 665px;
  margin: 1em 0;
  border: 1px solid #81afcb;
  padding: 15px;
  background-color: #ddf1fd;
}
body#faq .faq-section h2 {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
body#faq .faq-section dt {
  margin: 20px 0 0 0;
  color: #046097;
  font-size: 14px;
  font-weight: normal;
  padding: 0 25px;
  background: url('images/faq_arrow_off.gif') 2px left no-repeat;
  height: 19px;
  cursor: pointer;
}
body#faq .faq-section dt:hover {
  background: url('images/faq_arrow_off_hover.gif') 2px left no-repeat;
  color: #ef8c01;
}
body#faq .faq-section dt.expanded { background: url('images/faq_arrow_on.gif') 2px left no-repeat; }
body#faq .faq-section dt.expanded:hover { background: url('images/faq_arrow_on_hover.gif') 2px left no-repeat; }
body#faq .faq-section dd {
  margin: 10px 25px 0 25px;
  display: none;
}
body#faq .faq-section a {
  color: #046097;
  margin-top: 5px;
}
body#contactus #content { position: relative; }
body#contactus #content .left {
  float: left;
  width: 450px;
  margin: 10px 0 0 0;
}
body#contactus #content .right {
  position: absolute;
  top: 80px;
  right: 50px;
  width: 250px;
}
body#contactus #content .right h3 a {
  display: block;
  padding: 20px;
  background: #def1ff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
body#contactus form { margin-bottom: 30px; }
body#contactus label {
  display: block;
  margin: 2px 0;
  color: #046097;
  font-size: 1.2em;
  font-weight: normal;
}
body#contactus input.text {
  width: 400px;
  margin-bottom: 15px;
}
body#contactus input.error { background: #fbbfc0; }
body#contactus textarea.error { background: #fbbfc0; }
body#contactus #send-message {
  display: block;
  margin: 20px 0 0 0;
  border: none;
}
body#contactus-thanks #content { position: relative; }
body#contactus-thanks #content .left {
  float: left;
  width: 450px;
  margin: 10px 0 0 0;
}
body#contactus-thanks #content .right {
  position: absolute;
  top: 80px;
  right: 50px;
  width: 250px;
}
body#contactus-thanks #content .right h3 a {
  display: block;
  padding: 20px;
  background: #def1ff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
body#contactus-thanks form { margin-bottom: 30px; }
body#contactus-thanks label {
  display: block;
  margin: 2px 0;
  color: #046097;
  font-size: 1.2em;
  font-weight: normal;
}
body#contactus-thanks input.text {
  width: 400px;
  margin-bottom: 15px;
}
body#contactus-thanks input.error { background: #fbbfc0; }
body#contactus-thanks textarea.error { background: #fbbfc0; }
body#contactus-thanks #send-message {
  display: block;
  margin: 20px 0 0 0;
  border: none;
}
body#contactus-error #content { position: relative; }
body#contactus-error #content .left {
  float: left;
  width: 450px;
  margin: 10px 0 0 0;
}
body#contactus-error #content .right {
  position: absolute;
  top: 80px;
  right: 50px;
  width: 250px;
}
body#contactus-error #content .right h3 a {
  display: block;
  padding: 20px;
  background: #def1ff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
body#contactus-error form { margin-bottom: 30px; }
body#contactus-error label {
  display: block;
  margin: 2px 0;
  color: #046097;
  font-size: 1.2em;
  font-weight: normal;
}
body#contactus-error input.text {
  width: 400px;
  margin-bottom: 15px;
}
body#contactus-error input.error { background: #fbbfc0; }
body#contactus-error textarea.error { background: #fbbfc0; }
body#contactus-error #send-message {
  display: block;
  margin: 20px 0 0 0;
  border: none;
}