/*
-----------------------------------------------
jerryvandyke.com screen style
author: Jackson Marketing <jacksonmarketing.ca>
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
html, body {
  height: 100%;
  }
html body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 12px Arial, Verdana, Sans-serif;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 1px;  /* IE one pixel image offset hack */
  }
html>body {  /* IE one pixel image offset hack */
  margin: 0
  }
#container {
  width: 770px !important;
  width /**/: 770px;
  margin: 0 auto 0 auto;
  background-color: #FFFFFF;
  text-align: left;
  }
#content_container {
  float: left;
  width: 768px !important;
  width /**/: 770px;
  padding: 0 1px 0 1px;
  background: #FFFFFF url('../images/content_container_bg.gif') 0 0 repeat-y;
  }
#content_container.no-sidebar { background: #FFFFFF url('../images/content_container_no_sidebar_bg.gif') 0 0 repeat-y; }
#content {
  float: left;
  width: 527px !important;
  width /**/: 528px;
  margin-left: 1px;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-bottom: 20px;
  }
#content-wide {
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  }
#l_sidebar {
  float: left;
  width: 239px;
  background-color: #F3EFE0;
  }
#r_sidebar {
  float: left;
  width: 192px;
  }

/* Header
----------------------------------------------- */
#header {
  float: left;
  width: 770px;
  height: 94px;
  padding: 0;
  margin: 0;
  background: #FFFFFF url("../images/header_bg.gif") 0 0 no-repeat;
  }

/* Horizontal Navigation
----------------------------------------------- */
#h_nav {
  float: left;
  width: 770px;
  height: 40px;
  background: url("../images/h_nav/h_nav_bg.gif") 0 0 no-repeat;
  }

/* Horizontal Navigation - Left
----------------------------------------------- */
div#h_nav_l_home a, div#h_nav_l_land a, div#h_nav_l_sea a, div#h_nav_l_river a, div#h_nav_l_contact a {
  float: left;
  width: 87px;
  height: 20px;
  background: url("../images/h_nav/h_nav_l.gif") no-repeat;
  }
div#h_nav_l_home a {
  background-position: 0 0;
  }
div#h_nav_l_land a {
  background-position: -87px 0;
  }
div#h_nav_l_sea a {
  background-position: -174px 0;
  }
div#h_nav_l_river a {
  background-position: -261px 0;
  }
div#h_nav_l_contact a {
  background-position: -348px 0;
  }
div#h_nav_l_home a:hover {
  background-position: -435px 0;
  }
div#h_nav_l_land a:hover {
  background-position: -522px 0;
  }
div#h_nav_l_sea a:hover {
  background-position: -609px 0;
  }
div#h_nav_l_river a:hover {
  background-position: -696px 0;
  }
div#h_nav_l_contact a:hover {
  background-position: -783px 0;
  }

/* Horizontal Navigation - Right
----------------------------------------------- */
#h_nav_r {
  float: right;
  width: 291px !important;
  width /**/: 292px;
  height: 27px;
  margin-top: -3px;
  margin-right: 1px;
  }
div#h_nav_r_request_journal a, div#h_nav_r_newsletter_signup a {
  float: left;
  height: 27px;
  padding: 0;
  }
div#h_nav_r_request_journal a {
  width: 127px;
  background: url("../images/h_nav/request_journal.gif") 0 0 no-repeat;
  }
div#h_nav_r_newsletter_signup a {
  width: 164px;
  background: url("../images/h_nav/newsletter_signup.gif") 0 0 no-repeat;
  }
div#h_nav_r_request_journal a:hover, div#h_nav_r_newsletter_signup a:hover {
  background-position: 100% 0;
  }

/* Sidebar - Left
----------------------------------------------- */
#testimonials {
  float: left;
  width: 238px;
  color: #000000;
  background-color: #F3EFE0;
  margin-bottom: 15px;
  overflow: hidden;
  }
#testimonials p {
  padding: 5px 10px 0 10px;
  margin-bottom: 5px;
  }
#testimonials p.source {
  padding: 0 10px 5px 10px;
  margin-top: 0;
  color: #DF903A;
  }
#journey_search {
  float: left;
  width: 238px;
  color: #000000;
  background-color: #F3EFE0;
  overflow: hidden;
  }
#l_sidebar_newsletter_signup a, #l_sidebar_journal_request a {
  float: left;
  height: 32px;
  padding: 10px 0 0 0;
  }
#l_sidebar_newsletter_signup a {
  width: 239px;
  background: url("../images/l_sidebar/newsletter_signup.gif") 0 0 no-repeat;
  }
#l_sidebar_journal_request a {
  width: 239px;
  background: url("../images/l_sidebar/journal_request.gif") 0 0 no-repeat;
  }
#l_sidebar_newsletter_signup a:hover, #l_sidebar_journal_request a:hover {
  background-position: 100% 0;
  }
#l_sidebar p.bullet {
  padding: 2px 10px 2px 30px;
  background: url('../images/bullet.gif') 15px 7px no-repeat;
  }

/* Content
----------------------------------------------- */
p, h1, h2, h3, h4, h5 {
  margin: 0;
  }
p {
  padding: 8px 15px 5px 15px;
  line-height: 18px;
  }
h1 {
  font-size: 18px;
  color: #023457;
  padding: 15px 15px 0 15px;
  }
h2 {
  font-size: 12px;
  color: #000000;
  padding: 0 15px 5px 15px;
  }
h3 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #EBE2C4;
  border-bottom: 1px solid #E4D5B0;
  padding: 2px 10px 2px 10px;
  margin-top: 10px;
  }
h5 {
  font-size: 18px;
  color: #000000;
  padding: 15px 15px 0 15px;
  }
a {
  text-decoration: none;
  color: #023457;
  }
a:hover {
  text-decoration: underline;
  color: #023457;
  }
#r_sidebar p {
  font:  11px Arial, Verdana, Sans-serif;
  padding: 0 10px 0 10px;
  margin-bottom: 5px;
  color: #FFFFFF;
  }
#r_sidebar p.who {
  color: #151642;
  text-align: right;
  margin: 0;
  }
.banner_photo {
  padding: 5px 5px 0 5px;
  }
.err {
  color: #EB352A;
  font-weight: bold;
  }
p.bullet {
  padding: 10px 10px 2px 30px;
  background: url('../images/bullet.gif') 15px 14px no-repeat;
  }

#river-cruise-leader {
  width: 392px;
  height: 152px;
  padding-right: 100px;
  margin: 10px 0 10px 15px;
  text-align: center;
  background: url(../images/river_cruise_leader_bg.jpg) 0 0 no-repeat;
}
#river-cruise-leader h1       { color: #FFF; font: 20px Times, Arial, Sans-serif; font-style: italic; padding-top: 10px; }
#river-cruise-leader p        { color: #FFF; font-size: 14px; }
#river-cruise-leader a        { color: #FFF; text-decoration: underline; font-size: 12px; }
#river-cruise-leader a:hover  { color: #FFF; text-decoration: underline; }
#river-cruise-leader p.bullet { color: #FFF; padding: 10px 10px 2px 30px; background: url('../images/bullet2.gif') 15px 14px no-repeat; }

.big-blue { font-size: 16px; font-weight: bold; color: #023457; }


/* Footer
----------------------------------------------- */
#footer {
  float: left;
  width: 770px;
  padding: 10px 0;
  text-align: center;
  background: #001430 url('../images/footer_bg.gif') repeat-x 0 0;
  }

/* Input
----------------------------------------------- */
.html_select {
  font: 12px Arial, Verdana, Sans-serif;
  color: #000000;
  }
#journey_search .html_select {
  font: 12px Arial, Verdana, Sans-serif;
  color: #000000;
  width: 200px;
  margin: 3px 0 15px 0;
  }
.html_text {
  font: 12px Arial, Verdana, Sans-serif;
  padding: 1px;
  color: #000000
  }
.html_button {
  font: 12px Arial, Verdana, Sans-serif;
  font-weight: bold;
  color: #023457;
  border: 2px solid #DAC894;
  background-color: #F3EFE0;
  padding: 2px 5px 2px 5px;
  }
  
  
/*
 Interactive page
-----------------------------*/  

#interactive-page #container {
  width:950px !important;
}

#interactive-page #content_container{
 	background-image:url('../images/content_container_bg_950.gif');
 	backgroune-repeat:y-repeat;
}

#interactive-page #h_nav{
  background:none;
  width:950px;
}

#interactive-page .header-wrapper {
  width:950px;
  border:0px solid red;
  height:134px;
  background-image:url(../images/interactive_header_bg.gif);
  background-repeat:x-repeat;
}

#interactive-page #content_container {
  width:950px !important;
}

.header-wrapper #header {
  float:left;
  width:950px;
  background-image:url('../images/interactive_header_bg_950.gif');
  background-repeat:no-repeat;
}

#interactive-page #footer {
	width:950px;
}


