/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* END CSS Reset */




/* Start Useful Classes */
.clear_both {
  clear:both;
}
/* End Useful Classes */




/* Start Default Styles */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ol,
#content ul,
#content legend,
#content label {
  padding-bottom:14px;
  line-height:1.2;
  color:#333;
}
#content p {
  text-align:justify;
}
#content p small {
  font-size:80%;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-weight:bold;
}
#content table {
  width:100%;
  margin-bottom:14px;
  line-height:1.2;
}

#content h1 {
  font-size:130%;
}
#content h2 {
  font-size:125%;
}
#content h3 {
  font-size:120%;
}
#content h4 {
  font-size:110%;
}
#content h5 {
  font-size:100%;
}
#content h6 {
  font-size:95%;
}
#content ol,
#content ul {
  list-style:disc outside url('../images/bullet_blue.png');
}
#content li {
  margin-left:15px;
  padding-bottom:4px;
  font-size:91%;
}
#content th,
#content td {
  padding:5px;
  font-size:91%;
  text-align:center;
}
#content th {
  font-weight:bold;
}
#content td {
}
#content tr.odd td {
	background-color:#dedede;
}
#content tr.even td {
}
#content th.left,
#content td.left {
  text-align:left;
}
#content th.right,
#content td.right {
  text-align:right;
}
#content img {
  display:block;
}
#content img.left {
  float:left;
  clear:left;
  margin:0 10px 14px 0;
}
#content img.center {
  float:left;
  clear:both;
  margin:0 0 14px 0;
}
#content img.right {
  float:right;
  clear:right;
  margin:0 0 14px 10px;
}
#content p {
  font-size:91%;
  color:#333;
}
#content b {
  font-weight:bold;
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a,
#content p a,
#content li a {
  color:#00adef;
  text-decoration:none;
  transition: color 0.5s;
}
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover,
#content p a:hover,
#content li a:hover {
  color:#ff9900;
}
#content p.error {
  width:auto !important;
  margin-bottom:14px;
  padding:14px;
  background-color:#fff;
  color:#ff0000 !important;
}
/* End Default Styles */




/** Start CSS Layout **/
html,
body {
  width:100%;
  text-align:center;
  background-color:#959595;
  font-family:Arial, Helvetica, sans-serif;
}
#container {
  position:relative;
  width:1023px;
  margin:10px auto;
  background:url('../images/body_bg.jpg') left 74px no-repeat #fff;
}

/* Start Header Layout and Styling */
#container header {
  float:left;
  clear:both;
}
#container header #logo {
  float:left;
  clear:left;
  width:800px;
  padding:6px 112px 5px 111px;
  background-color:#00adef;
}
#container header #logo a {
  text-decoration:none;
  outline:0;
}
#container header #logo a img.logo {
  float:left;
  clear:both;
  display:block;
}
#container header #logo #header_buttons {
  float:right;
  clear:right;
  padding-top:28px;
}
#container header #logo #header_buttons img {
  float:left;
  clear:none;
  margin-left:3px;
}

/* Nav Layout and Styling */
#container header nav#header_nav {
  float:left;
  clear:both;
  width:800px;
  padding:15px 112px 15px 111px;
  font-family:'ImpactRegular';
  font-size:131%;
  color:#000;
}
#container header nav#header_nav a {
  color:#fff;
  transition: color 0.5s;
  text-decoration:none;
  outline:0;
}
#container header nav#header_nav a.dark {
  color:#000;
}
#container header nav#header_nav a.selected,
#container header nav#header_nav a:hover {
  color:#ff9900;
}
/* End Header Layout and Styling */

/* Start Content Layout */
#container #content {
  position:relative;
  z-index:10;
  float:left;
  clear:both;
  width:780px;
  min-height:456px;
  margin:0 112px 110px 111px;
  padding:22px 10px;
  text-align:left;
  background-color:rgba(255,255,255,0.8);
}
#container_simple #content {
  clear:both;
  padding:22px 10px;
  text-align:center;
}
#container #content .left_col {
  float:left;
  clear:left;
  width:380px;
}
#container #content .right_col {
  float:right;
  clear:right;
  width:380px;
}

/* Start Footer Layout and Styling */
#container footer {
  position:absolute;
  z-index:5;
  bottom:0;
  left:0;
  width:1023px;
  padding-top:150px;
  text-align:left;
  background:url(../images/echobase_logo_small.png) 8px 100px no-repeat,
        url(../images/nitro_logo.png) 817px 15px no-repeat;
}
#container footer p {
  margin:0 0 0 111px;
  padding:8px 0;
  color:#333;
  font-size:80%;
  font-weight:bold;
  background-color:#fff;
}
#container footer p.right {
  float:right;
  clear:right;
  margin:0 11px 0 0;
  color:#999;
}
#container footer p a {
  color:#00adef;
  text-decoration:none;
  transition: color 0.5s;
}
#container footer p.right a {
  color:#666;
}
#container footer p a:hover {
  color:#ff9900;
}

/* End Footer Layout and Styling */
/** End CSS Layout **/




/** Start CSS Styling **/

/* Start Booking Form Styles */
#tariff_tooltip {
	position:absolute;
	z-index:1000;
	display:none;
	min-width:304px;
	padding:6px;
	border:1px solid #7f9bd9;
	border-radius:6px;
	background-color:rgba(255, 255, 255, 0.8);
}
#tariff_tooltip h4 {
}
#tariff_tooltip p {
}
#booking_form .border_container {
  width:100%%;
  border:1px solid #7f9bd9;
  border-radius:6px;
}
#booking_form fieldset {
  float:left;
  clear:none;
  width:48%;
  padding:0 1%;
  margin-bottom:20px;
}
#booking_form fieldset.full_width {
  clear:both;
  width:98%;
  padding:0 1%;
  margin-bottom:20px;
}
#booking_form h4,
#booking_form h5 {
  float:left; clear:both;
  padding-top:13px;
  font-size:110%;
}
#booking_form label {
  float:left; clear:left;
  width:120px;
  padding:10px 4px 0px 0px;
  font-size:91%;
  text-align:right;
}
#booking_form label.wide {
  clear:both;
  width:100%;
  padding-right:0;
  text-align:left;
}
#booking_form label.narrow {
  clear:none;
  width:5px;
  padding-right:0;
  text-align:center;
}
#booking_form label span.small {
  font-size:70%;
}
#booking_form select {
  float:left; clear:right;
  max-width:230px;
  margin:8px 0px 0px 0px;
  font-size:80%;
}
#booking_form select.wide {
  clear:both;
  width:100%;
}
#booking_form select.narrow {
  width:58px;
}
#booking_form select.narrow_1 {
  clear:none;
}
#booking_form select.narrow_2 {
  clear:right;
}
#booking_form input[type="text"] {
  float:left; clear:right;
  width:230px;
  margin:10px 0px 0px 0px;
  padding:1px;
  border:1px solid #7f9bd9;
  font-size:80%;
}
#booking_form input[type="checkbox"] {
  float:left; clear:right;
  margin:12px 0px 0px 0px;
  border:1px solid #7f9bd9;
  font-size:80%;
}
#booking_form input.date {
  clear:none;
  margin-right:2px;
  width:94px;
}
#booking_form img.date {
  float:left; clear:right;
  margin:10px 0px 0px 0px;
  display:inline;
}
#paypal input[type="submit"],
#booking_form input[type="submit"] {
  float:right;
  clear:both;
  margin-top:12px;
}
#booking_form textarea {
  float:left; clear:right;
  width:230px;
  height:75px;
  margin:10px 0px 0px 0px;
  padding:1px;
  border:1px solid #7f9bd9;
  font-size:95%;
}
#booking_form p.price {
  float:left; clear:right;
  width:230px;
  padding:10px 0px 0px 0px;
  font-size:100%;
  font-weight:bold;
}
#booking_form #requirements_container {
	clear:both;
}

#container_simple #booking_form label {
  float:left; clear:left;
  width:32%;
  padding:10px 1% 0px 0px;
}
#container_simple #booking_form label.narrow {
  clear:none;
  width:1%;
  padding-right:0;
  text-align:center;
}
#container_simple #booking_form select {
  max-width:65%;
}
#container_simple #booking_form input[type="text"] {
  width:65%;
  margin:6px 0px 0px 0px;
}
#container_simple #booking_form p.price {
  width:65%;
}

#container_simple #booking_form input.date {
  width:33%;
}
#container_simple #booking_form img.date {
  float:left; clear:right;
  margin:6px 0px 0px 0px;
  display:inline-block;
}
#container_simple #booking_form textarea {
  width:65%;
}

@media screen and (max-width:640px) {
  #container_simple #booking_form fieldset {
    float:none;
    clear:none;
    width:95%;
    max-width:380px;
    margin:0 auto 20px auto;
  }
}

@media screen and (max-width:310px) {
  #container_simple #booking_form label {
    clear:both;
    width:96%;
    padding:10px 2% 0px 2%;
    text-align:left;
  }
  #container_simple #booking_form input[type="text"],
  #container_simple #booking_form select,
  #container_simple #booking_form textarea,
  #container_simple #booking_form p.price {
    clear:both;
    margin:6px 2% 0px 2%;
  }
  #container_simple #booking_form input[type="text"],
  #container_simple #booking_form textarea,
  #container_simple #booking_form p.price {
    width:96%;
  }
  #container_simple #booking_form select {
    max-width:96%;
  }
  #container_simple #booking_form p.price {
    text-align:center;
  }
/*
  #container_simple #booking_form select option {
    max-width:100%;
  }
*/
  #container_simple #booking_form input.date {
    clear:left;
    width:66%;
  }
  #container_simple #booking_form select.narrow_2 {
    clear:right;
  }
}
/* End Booking Form Styles */