/*
  Name:Smashing HTML5
  Date:July 2009
  Description:Sample layout for HTML5 and CSS3 goodness.
  Version:1.0
  Author:Enrique RamÃrez
  Autor URI:http://enrique-ramirez.com
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
body{
  /*background:#dbdbd9; Old background color*/
  background-color:#69ace4;
  color:#000;
  font-size:87.5%; /* Base font size:14px */
  font-family:'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  line-height:1.429;
  margin:0;
  padding:0;
  text-align:left;
}
hr{
  border:0;
  height:1px;
  background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.specialHr{
  border:0;
  height:1px;
  background:#333;
  background-image:-webkit-linear-gradient(left, #fff, #777, #fff); 
  background-image:-moz-linear-gradient(left, #fff, #777, #fff); 
  background-image:-ms-linear-gradient(left, #fff, #777, #fff); 
  background-image:-o-linear-gradient(left, #fff, #777, #fff); 
  margin:10px 0 10px 0;
}
.anotherSpecialHr{
  border:0;
  height:1px;
  background:#333;
  background-image:-webkit-linear-gradient(left, #777, #fff, #fff); 
  background-image:-moz-linear-gradient(left, #777, #fff, #fff); 
  background-image:-ms-linear-gradient(left, #777, #fff, #fff); 
  background-image:-o-linear-gradient(left, #777, #fff, #fff);
  margin:10px 0 10px 0;
}

/* Headings */
h2{font-size:1.571em}  /* 22px */
h3{font-size:1.429em}  /* 20px */
h4{font-size:1.286em}  /* 18px */
h5{font-size:1.143em}  /* 16px */
h6{font-size:1em}    /* 14px */

h2, h3, h4, h5, h6{
  font-weight:400;
  line-height:1.1;
  margin-bottom:.8em;
}

/* Anchors */
a{outline:0;}
a img{border:0px; text-decoration:none;}
a:link, a:visited{
  color:#235809;
  padding:0 1px;
  text-decoration:underline;
}
a:hover, a:active{
  background-color:#235809;
  color:#fff;
  text-decoration:none;
  text-shadow:1px 1px 1px #333;
}
a:link, a:hover{
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}
  
/* Paragraphs */
p{margin-bottom:1.143em;}
* p:last-child{margin-bottom:0;}

strong, b{font-weight:bold;}
em, i{font-style:italic;}

::-moz-selection{background:#F6CF74; color:#fff;}
::selection{background:#F6CF74; color:#fff;}

/* Lists */
ul{
  list-style:outside disc;
  margin:1em 0 1.5em 1.5em;
}

ol{
  list-style:outside decimal;
  margin:1em 0 1.5em 1.5em;
}

dl{margin:0 0 1.5em 0;}
dt{font-weight:bold;}
dd{margin-left:1.5em;}

/* Quotes */
blockquote{font-style:italic;}
cite{}

q{}

/* Tables */
table{margin:.5em auto 1.5em auto; width:98%;}
  
 /* Thead */
 thead th{padding:.5em .4em; text-align:left;}
 thead td{}

 /* Tbody */
 tbody td{padding:.5em .4em;}
 tbody th{}
 tbody .alt td{}
 tbody .alt th{}
 
 /* Tfoot */
 tfoot th{}
 tfoot td{}
 
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure{
  display:block;
}

/***** Layout *****/
.body{clear:both; margin:0 auto; width:800px; position:relative;}
img.right figure.right{float:right; margin:0 0 2em 2em;}
img.left, figure.left{float:right; margin:0 0 2em 2em;}

/*
  Header
*****************/
#banner{
  margin:0 auto;
  padding:2.5em 0 0 0;
}

/* Main Nav */
#banner nav{
  background:#000;
  color:#fff;
  font-size:16px;
  height:40px;
  line-height:30px;
  margin:0 auto 2em auto;
  padding:0;
  text-align:center;
  width:800px;
  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  position:relative;
  z-index:999;
}

#banner nav ul{list-style:none; margin:0 auto; width:800px;}
#banner nav li{float:left; display:inline; margin:0 0 0 13px;}

#banner nav a:link, #banner nav a:visited{
  color:#fff;
  display:inline-block;
  height:30px;
  padding:5px .8em;
  text-decoration:none;
}
#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited{
  /*background:#235809; Old color */
  background:#fff;
  color:#000;
  text-shadow:none !important;
}
#banner nav a:link, #banner nav a:hover{
  -webkit-transition:all .9s ease;
  -moz-transition:all .9s ease;
  -o-transition:all .9s ease;
  -ms-transition:all .9s ease;
  transition:all .9s ease;
}
#banner nav li:first-child a{
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  border-top-left-radius:5px;
  
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
  border-bottom-left-radius:5px;
}
#headerTable{
  border:0;
}
#headerTable td{
  padding:0;
}
#logo{
  position:relative;
  margin-bottom:-1px;
  text-align:center;
  width:320px;
}
#banner #logo img{
  width:320px;
}
#headerPhone{
  position:relative;
  top:30px;
  width:230px;
  margin-left:10px;
  text-align:center;
  font-size:18px;
  line-height:16px;
  z-index:100;
}
#headerPhone a, #headerPhone a:visited{
  color:#000;
  text-decoraion:none;
}
#banner #headerFbook{
  position:relative;
  top:0px;
  width:230px;
  margin-left:10px;
  text-align:center;
  font-size:25px;
  font-weight:bold;
  line-height:23px;
  z-index:50;
  overflow:hidden;
}
#banner #fbWrapper{
  height:120px;
}
#banner #paddlePurposeButton{
  font-size:22px;
  font-weight:bold;
  line-height:25px;
  margin:10px 0 0 -20px;
}
#banner #paddlePurposeButton a:link, #banner #paddlePurposeButton a:visited{
  color:#000;
}
#banner #paddlePurposeButton a:link, #banner #paddlePurposeButton a:hover{
  background-color:transparent;
}
#banner #businessHours{
  font-size:16px;
  line-height:17px;
}

/*
  Featured
*****************/
#newsNotification{
  background:#fff;  line-height:22px;
  margin-bottom:2em;
  overflow:hidden;
  padding:20px;
  width:765px;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
#newsImg{
  display:block;
  margin:0 auto 5px;
}
#featured, .announcement, .container{
  background:#fff;
  margin-bottom:2em;
  overflow:hidden;
  padding:20px;
  width:765px;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
#phrase{
  position:relative;
  overflow:hidden;
  line-height:22px;
}
#phraseImg{
  /*width:248px;*/
  height:260px;
  /*border:2px solid #eee;*/
  margin:0 0 0 1em;
}
#featured h2{color:#C74451; font-size:1.714em; margin-bottom:0.333em;}
#featured h3{font-size:1.429em; margin-bottom:.5em;}
#featured h3 a:link, #featured h3 a:visited{color:#000305; text-decoration:none;}
#featured h3 a:hover, #featured h3 a:active{color:#fff;}

/*
  Body
*****************/
.content{
  background:#fff;
  margin-bottom:2em;
  overflow:hidden;
  padding:20px 10px 10px 20px;
  width:775px;
  
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

/*
  About
*****************/
#about{
  background:#fff;
  font-style:normal;
  margin-bottom:2em;
  overflow:hidden;
  padding:20px;
  text-align:left;
  width:760px;
  
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#about .primary{float:left; width:165px;}
#about .primary strong{color:#C64350; display:block; font-size:1.286em;}
#about .photo{float:left; margin:5px 20px;}

#about .url:link, #about .url:visited{text-decoration:none;}

#about .bio{float:right; width:500px;}

/*
  Footer
*****************/
#contentinfo{padding-bottom:2em; text-align:right;}

/***** Sections *****/
/* Blog */
.hentry{
  border-bottom:1px solid #eee;
  padding:1.5em 0;
}
li:last-child .hentry, #content > .hentry{border:0; margin:0;}
#content > .hentry{padding:1em 0;}

.entry-title{font-size:1.429em; margin-bottom:0;}
.entry-title a:link, .entry-title a:visited{text-decoration:none;}

.hentry .post-info *{font-style:normal;}

/* Content */
.hentry footer{margin-bottom:2em;}
.hentry footer address{display:inline;}
#posts-list footer address{display:block;}
/* Blog Index */
#posts-list{list-style:none; margin:0;}
#posts-list .hentry{padding-left:200px; position:relative;}
#posts-list .hentry:hover{
  background:#C64350;
  color:#fff;
}
#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited{
  color:#F6CF74;
  text-shadow:1px 1px 1px #333;
}

#posts-list footer{
  left:10px;
  position:absolute;
  top:1.5em;
  width:190px;
}

/* About the Author */
#about-author{
  background:#f9f9f9;
  clear:both;
  font-style:normal;
  margin:2em 0;
  padding:10px 20px 15px 20px;
  
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

#about-author strong{
  color:#C64350;
  clear:both;
  display:block;
  font-size:1.429em;
}

#about-author .photo{border:1px solid #ddd; float:left; margin:5px 1em 0 0;}

/* Comments */
#comments-list{list-style:none; margin:0 1em;}
#comments-list blockquote{
  background:#f8f8f8;
  clear:both;
  font-style:normal;
  margin:0;
  padding:15px 20px;

  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  border-radius:5px;
}
#comments-list footer{color:#888; padding:.5em 1em 0 0; text-align:right;}

#comments-list li:nth-child(2n) blockquote{background:#F5f5f5;}

/* Add a Comment */
#add-comment label{clear:left; float:left; text-align:left; width:150px;}
#add-comment input[type='text'],
#add-comment input[type='email'],
#add-comment input[type='url']{float:left; width:200px;}

#add-comment textarea{float:left; height:150px; width:495px;}

#add-comment p.req{clear:both; margin:0 .5em 1em 0; text-align:right;}

#add-comment input[type='submit']{float:right; margin:0 .5em;}
#add-comment *{margin-bottom:.5em;}
  
/*Random Stuff*/
#analyticsCircle{
  position:absolute;
  top:5px;
  left:5px;
  
  /* Circle */
  height:15px; 
  width:15px;
  -moz-border-radius:35px;
  -webkit-border-radius:35px;
  border-radius:35px;
  border:2px solid black;
}
#main td{
  padding:0 5px 0 5px;
}
.mainCells{
  padding-bottom:0px;
}
ul.sellingPoints{
  list-style:none;
  margin:0;
  line-height:18px;
}
ul.sellingPoints li{
  background:url("../img/icons/bullet.gif") no-repeat 3px 6px transparent;
  padding:0px 0px 8px 16px;
}

/* the code under a.paypalLink is to hide the css for links on the rest of this website*/
a.noCss{
  background-color:#fff;
}

#announcementImg{
  display:block;
  margin:0 auto 5px;
  width:175px;
}

/*start borderFade properties*/
.borderFade{
  /* To be able to position generated content. */
  position:relative;

  /* Some irrelevant general styles. */
  margin:0 auto;
  padding:0 0 0 15px;
}
.borderFade:before{
  content:"";
  position:absolute;
  top:0;
  width:1px;
  height:100%;
}
.borderFade:before{
  left:0;
}

/* See http://www.colorzilla.com/gradient-editor/ for CSS-gradient generator. */
.borderFade:before{
  background:#ffffff; /* Old browsers */
  background:-moz-linear-gradient(top, #ffffff 7%, #7a7a7a 50%, #ffffff 94%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(7%,#ffffff), color-stop(50%,#7a7a7a), color-stop(94%,#ffffff)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, #ffffff 7%,#7a7a7a 50%,#ffffff 94%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, #ffffff 7%,#7a7a7a 50%,#ffffff 94%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, #ffffff 7%,#7a7a7a 50%,#ffffff 94%); /* IE10+ */
  background:linear-gradient(to bottom, #ffffff 7%,#7a7a7a 50%,#ffffff 94%); /* W3C */
}
/*end borderFade styles*/

#howToBookButton{
  width:150px;
  height:40px;
  border:1px solid #333;
  border-radius:5px;
  text-align:center;
  line-height:40px;
  font-size:20px;
  font-weight:bold;
  background-color:#058700;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-20px;
  margin-left:-75px;
  
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}
#howToBookButton a:link, #howToBookButton a:visited{
  display:block;
  height:100%;
  width:100%;
  text-decoration:none;
  color:#fff;
}
#howToBookButton a:hover{
  background-color:transparent;
  color:#000;
}
#howToBookButton:hover{
  cursor:pointer;
  background-color:#80f77c;
}

.bookOnlineButton{
  background-color:green;
  height:40px;
  width:160px;
  margin:0 auto;
  line-height:40px;
  text-align:center;
  border-radius:5px;
}
.bookOnlineButton a{
  display:block;
  height:100%;
  width:100%;
}
.bookOnlineButton a:link, .bookOnlineButton a:visited, .bookOnlineButton a:hover{
  color:#fff;
  font-weight:bold;
  border-radius:5px;
}

ul#goingGreen li{
  list-style-image:url("/img/icons/leaf-16x16.png");
  margin-top:15px;
}

.bulletins{
  background-color:#ccc;
  padding:3px;
  border:2px solid #000;
  border-radius:5px;
  margin-top:25px;
  font-size:16px;
}

.giftCardButtons{
  display:inline-block;
  width:30%;
  margin:5px 4px;
  padding:5px 0;
  text-align:center;
  font-size:16px;
  border:1px solid #000;
  border-radius:5px;
  background-color:#ddd;
}

#partnersSection a:link, #partnersSection a:visited, #partnersSection a:hover{
  background-color:transparent !important;
}
.groupPartnerImgs{
  height:75px;
  margin-bottom:15px;
  padding:3px;
  border:1px solid transparent;
  opacity:1;
  transition:1s;
}
.groupPartnerImgs:hover{
  border:1px solid #000;
  opacity:0.5;
  transition:0.6s;
}
#photoSection{
  margin-bottom:20px;
}
#photoSection img{
  margin-left:6px;
  border:2px solid #fff;
  borde-radius:5px;
}