html, body {
	height: 100%;
}
body {
	font-size: 100%;
	background: url(../Images/ribride_bg.jpg) 50% 0 no-repeat;
	color: #525252;
}
#container {
	min-height: 100%;
	position: relative;
	margin-bottom: -170px;
}
#mainWrapper {
	background:url(../Images/ribride_content_bg.jpg) center top no-repeat;
	padding-bottom: 170px;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	height: 63px;
	margin-bottom: 3px;
}
#navigationContainer {
	height: 62px;
	position: relative;
}
#navigation {
	width: 940px;
	height: 42px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#navigation ul {
	text-align: center;
	margin-top: 14px;
}
#navigation ul li {
	text-transform: uppercase;
	font-size: 1em;
	color: #fff;
	display: inline;
	margin-left: 7px;
	margin-right: 7px;
}
#navigation ul li a {
	color: #fff;
	padding: 5px;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #ffff80;
}
a {
	text-decoration: none;
	color: #8d6dff;
}
a:hover {
	text-decoration: underline;
}
#homeContent {
	float: left;
	width: 640px;
	margin-bottom: 20px;
}
#video {
	margin-top: 10px;
	text-align: center;
}
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.col3 {
	width: 220px;	
}
.col4 {
	width: 300px;
}
.col5 {
	width: 380px;
}
.col6 {
	width: 460px;
}
.col7 {
	width: 540px;
}
.col8 {
	width: 620px;
}
.col12 {
	width: 940px;
}
#topContact {
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	padding-top: 20px;
	font-size: 1.4em;
}
#siteWrapper {
}
.clearfooter {
   height: 170px;
   clear: both;
}
#footerWrapper {
	background: url(../Images/ribride_footer_bg.jpg) 50% 0 no-repeat;
	position: relative;
	width: 100%;
	height: 170px;
}
#footer {
	background: url(../Images/ribride_footer_content_bg.jpg) center no-repeat;
	height: 170px;
	position: relative;
}
#innerFooter 
{
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
}
#slideShowWrapper {
	margin-top: 10px;
}
#slideShowText p {
	font-size: 1.125em;
}
#slider {
	background-color: #000;
}
h1 {
	font-size: 1.75em;
	line-height: 1.25em;
}
h2 {
	font-size: 1.375em;
}
p {
	font-size: .825em;
	line-height: 1.25em;
}
h1, h2 {
	
}
big {
	font-size: 1.25em;
	line-height: 1.25em;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	color: #4578aa;
}
#mainContent {
	clear: both;
	padding-top: 20px;
}
.errorContainer {
	background: #fbfbdd;
	color: #00a950;
	border: solid 1px #00a950;
	padding: 10px;
	margin-bottom: 10px;
}
.errorContainer img {
	margin-right: 10px;
	vertical-align: middle;
}
.errorContainer span {
	font-size: .825em;
}
.errorContainer li {
	font-size: .825em;
	list-style-type: disc;
	list-style-position: inside;
}
.validation-summary-errors 
{
	font-size: .825em;
}
#latestArticles li {
	clear: both;
	margin-bottom: 10px;
}
.articleThumb img {
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 3px;
}
.articleMainImage {
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 4px;
}
.article {
	padding-top: 10px;
	border-top: solid 1px #ddd;
}
.articleSummary, .articleThumb {
	float: left;
}
.articleSummary {
	width: 180px;
}
.articleThumb {
	width: 120px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
#socialMedia ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .75em;
}
#socialMedia ul li img {
	vertical-align: middle;
}
#map {
	height: 400px;
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 3px;
}
#contactForm {
    width: 440px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	border:1px solid #DDDDDD;
}
#contactForm label {
    width: 150px;
    display: block;
    padding-bottom: 10px;
}
.textBox {
    width: 300px;
}
#contactForm textarea {
    width: 400px;
}
#contactForm textarea {
	height: 75px;
}
#contactForm .textBox, #contactForm textarea
{
	padding: 7px;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	border:1px solid #DDDDDD;
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
#gallery {
	font-size: .825em;
}
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../Images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 4px;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-size: 1.25em;
	text-align: center;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.homeOn ul li#homeNav a, .ribRidesOn ul li#ribRidesNav a, .privateCharterOn ul li#privateCharterNav a, .corporateCharterOn ul li#corporateCharterNav a, .commercialCharterOn ul li#commercialCharterNav a, .galleryOn ul li#galleryNav a,  .contactUsOn ul li#contactNav a  
{
	color: #ffff80;
}
.borderedImage {
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 3px;
}
.whiteBorder, #movie {
	border: solid 1px #c7cbcf;
	background: #fff;
	padding: 4px;	
}
#relatedSites p, #finalLinks p {
	font-size: .75em;	
}
#fbLogo, #taGoogle {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
}
#fbLogo {	
	padding-bottom: 10px;
}
#taGoogle {
	width: 100%;
	margin-bottom: 10px;
}
#taGoogle p {
	float: left;
	width: 80px;
}
#TA_logoWidget24 {
	width: 50px;
	float: left;
}
#fbLogo img {
	vertical-align: middle;
	margin-right: 10px;
}
#wtb, #links, #ta {
	float: left;
}
#wtb, #links {
	width: 100px;
	margin-right: 30px;
}
#ta {
	width: 150px;
}
#CDSWIDFRR {
	margin: 0px!important;
}
#googlePlus1Footer {
	padding-left: 50px;
	margin-bottom: 10px;	
}
#googlePlus1Top {
	width: 100px;
	float: left;
	margin-left: 10px;
}
#articles {
	clear: both;
}
#fbActivity {
	margin-top: 20px;
}
.bookNow {
	text-align: center;	
}
.orange {
  background-color: #ffd0b7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd0b7 0%), to(#fa9057 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffd0b7 0%, #fa9057 50%, #f9732a 50%, #ff5a00 100%);
  background-image: -moz-linear-gradient(top, #ffd0b7 0%, #fa9057 50%, #f9732a 50%, #ff5a00 100%);
  background-image: -ms-linear-gradient(top, #ffd0b7 0%, #fa9057 50%, #f9732a 50%, #ff5a00 100%);
  background-image: -o-linear-gradient(top, #ffd0b7 0%, #fa9057 50%, #f9732a 50%, #ff5a00 100%);
  background-image: linear-gradient(top, #ffd0b7 0%, #fa9057 50%, #f9732a 50%, #ff5a00 100%);
  border-top: 1px solid #d74c00;
  border-right: 1px solid #d74c00;
  border-bottom: 1px solid #d74c00;
  border-left: 1px solid #d74c00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -ms-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -o-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  /*font: bold 12px "helvetica neue", helvetica, arial, sans-serif;*/
  padding: 7px 25px;
/*   width: 150px;/*/ }
 .orange:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5c4aa 0%), to(#f1702a 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f5c4aa 0%, #f1702a 50%, #f05704 50%, #e65201 100%);
    background-image: -moz-linear-gradient(top, #f5c4aa 0%, #f1702a 50%, #f05704 50%, #e65201 100%);
    background-image: -ms-linear-gradient(top, #f5c4aa 0%, #f1702a 50%, #f05704 50%, #e65201 100%);
    background-image: -o-linear-gradient(top, #f5c4aa 0%, #f1702a 50%, #f05704 50%, #e65201 100%);
    background-image: linear-gradient(top, #f5c4aa 0%, #f1702a 50%, #f05704 50%, #e65201 100%);
    cursor: pointer; }
 .orange:active {
    border-top: 1px solid #d74c00;
    border-right: 1px solid #d74c00;
    border-bottom: 1px solid #d74c00;
    border-left: 1px solid #d74c00;
    -webkit-box-shadow: inset 0 0 5px 2px #bd4504, 0 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #bd4504, 0 1px 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #bd4504, 0 1px 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #bd4504, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #bd4504, 0 1px 0 #eeeeee; }
#vouchers p {
	font-size: .75em;
}
.buyVouchers {
	padding: 5px;
	border: solid 1px #ddd;
	margin-bottom: .5em;
}
.buyVouchers td {
	font-size: .825em;
	padding: 5px 0;
}