/*==============================================
/* The Basic Stylesheet for Catch-A-Canoe;
/* This can get hacked up into multiple
/* style sheets later, but for now I prefer
/* to have everything in one. Also, I've
/* chosen to use spaces in each element to
/* help with readability. ~b
==============================================*/

/*===================================
/* Reseting all basic styles, so that
/* there are a lot less cross-browser
/* display issues.
===================================*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, form, body, html, p, input, ul, ol, li { margin: 0; padding: 0;}
ul, ol { list-style: none; }
a img, :visited img, :link img { border: none; }
:link, :visited { text-decoration: none; }
.clear { clear: both; }
a { color: rgb(40,40,40); }
a:hover, a:active { color: rgb(80,80,80); }

/*===================================
/* Amazing big props to Angus Turnbull
/* for this simple fix to the IE PNG
/* conundrum. You are a scholar and
/* a saint, sirrah.
===================================*/

img, div, a { behavior: url(iepngfix.htc); }

/*===================================
/* Global Styles
===================================*/

body {
  background-color: rgb(227,162,77);
  background-image: url(images/landingPage/landingBackground.jpg);
  margin: 0 auto 0 auto;
  text-align: center;
  color: rgb(238,198,130);
  font-family: "Trebuchet MS", "Trebuchet", Arial, sans-serif;
  font-size: 95%;
}

#center { width: 830px; background-color: rgb(0,0,0); margin: 0 auto 40px auto; padding: 0 35px 30px 35px; text-align: left; }

#firstBox { width: 725px; background-color: rgb(29,28,21); float: left; }
#firstBox .cacQuotes { width: 333px; float: left; margin: 15px 0 15px 40px; line-height: 150%; }
#firstBox .cacQuotes p { margin-bottom: 10px; }
.cite { width: 180px; margin-left: 180px; }
#firstQuote { margin-top: 30px; }
#firstBox .cacQuotes p#firstCite { margin-bottom: 30px; }
#goddess { float: right; margin: 15px 17px 15px 0; }
#paddle01 { margin-bottom: 15px; margin-left: -13px; }
#paddle02 { float: right; }

img {  }


.menu { 
  width: 800px; 
  height: 20px;
  margin: 25px auto 0 auto;
  padding: 0;
  display: inline;
  color: rgb(230,105,67);
  font-style: italic;
}

.menu a { color: rgb(230,105,67); }
.menu a:hover, .menu a:active { color: rgb(161,69,42); }

.menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  margin: 0 13px 0 13px;
}

#wideLanding, #landingGallery { margin-top: 30px; margin-bottom: 45px; }
.establishedBox { width: 376px; background-color: rgb(29,28,21); float: left;}
.doubleImageBox { width: 415px; float: right; text-align: center; }
.establishedBox p { width: 360px; margin: 22px 15px 75px 15px; }
#boathouseImage { margin-bottom: 40px; }

#paddle03 { float: left; margin: 47px 0 0 0; }
.pictureBox { float: right; width: 685px; margin: 47px 0 0 0; }
#landing05 { margin-bottom: 75px; }
#landing07 { margin-left: 74px; float: right; margin-top: 30px;}
.header { text-align: center; margin: 85px auto 60px 40px; }

.quoteBoxTwo { width: 376px; height: 269px; background-color: rgb(29,28,21); float: left; }
#landing08 { float: right; }
#landing09 { text-align: center; margin: 30px auto 70px 150px; }
.quoteBoxTwo p { margin-left: 15px; margin-right: 15px; }
.quoteBoxTwo .normalText { margin-top: 20px; }
.quoteBoxTwo .quote { margin-top: 50px; }
.quoteBoxTwo .cite { margin-top: 24px; margin-left: 210px; width: 130px; }
#header02 { margin-left: 0px; margin-bottom: 40px; }
#landing10 { float: left; margin-left: 50px; margin-bottom: 10px;  }
.littleBlurb { float: right; width: 415px; height: 125px; background-color: rgb(29,28,21); }
.littleBlurb p { margin: 20px; }
p#bioLum { margin-left: 40px;}
#landing11 { float: left; margin-top: 20px; }
#landing12 { float: right; margin-top: 35px; }
#header03 { margin-left: ; margin-top: 75px; margin-bottom: 45px; margin-left: 75px; }

#landing13 { float: left; margin-left: 35px;  }
.thirdImageWrap { float: right; width: 165px; margin-right: 30px; }
#landing14 { margin-top: 20px; margin-bottom: 20px; }

.bottomBox { width: 830px; background-color: rgb(29,28,21); margin: 55px 0 35px 0; height: 180px; }
.bottomBox p { margin: 25px 0 0 50px; width: 355px; float: left;}
#landing16 { margin: 15px 20px 0 0; float: right; }

#header04 { margin-top: 75px; }
.end { text-align: center; }
.footerLine { width: 831px; background-color: rgb(29,28,21); margin-top: 30px; padding-top: 15px; padding-bottom: 15px; }
.footerLine p { display: inline; }
.footerLine #cacURL { font-size: 120%; }
.footerLine #tbrURL { font-size: 120%; }
.footerLine .phone { letter-spacing: 1px; font-size: 190%; font-style: italic; margin: 5px 70px 5px 70px; font-family: Times New Roman, Times, serif; }
.end a { color: rgb(238,198,130); }
.end a:hover, .end a:active { color: rgb(209,169,95); }
#paddle04 { float: left; margin-top: 15px; }
.central { width: 180px; float: left; background-color: rgb(29,28,21); padding-top: 15px; padding-bottom: 10px; }
#paddle05 { float: right; margin-top: 15px; }
#header05 { margin-top: 15px; }