*{ margin: 0px; padding: 0px; }
HTML{ height: 100%; }
BODY{ height: 100%; background: #ededed; font-size: 1.0em; }
P, A, INPUT, LABEL, TEXTAREA, SPAN, TD{
  font-family: Trebuchet MS, Helvetica, sans-serif;
  color: #5c5c5c;
  text-decoration: none;
}
H1, P.h1, H2, P.h2, H3, H4, H5{
  font-family: 'Droid Sans', Trebuchet MS, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  clear: left;
}
H1, P.h1{
  font-size: 2.0em;
  color: #3e74ef;
  letter-spacing: 0px;
  margin-bottom: 5px; padding-bottom: 0px;
}
H2, P.h2{
  font-size: 2.0em;
  line-height: 1.2em;
  letter-spacing: 0px;
  color: #c82446;
  margin-bottom: 18px; padding-bottom: 0px;
}
H2 A, P.h2 A{ color: #c82446; }
H3{
  font-size: 1.4em;
  color: #3e74ef;
  margin-bottom: 5px;
}
P{
  line-height: 1.4em;
  padding-bottom: 18px;
  letter-spacing: -1px;
}
P A{ font-size: 1.0em; }
A IMG{ border: none; }

.highlight{ }
.large{ }
.small{ }
.clear{ clear: both; }
.blue{ color: #3e74ef; }
.pink{ color: #c72447; }
.purple, P.purple{ color: #6e1427; }

IMG.followMe{ margin-top: 15px; }



/*   Content   */

DIV#ColumnLeft DIV.contentBox{
  background: #fff;
}
DIV#ColumnLeft DIV.contentBox DIV.title{
  height: 69px;
  background: #f2ad00;
}
DIV#ColumnLeft DIV.contentBox DIV.title H1{
  color: #fff;
}
DIV#ColumnLeft DIV.contentBox DIV.content{
}

DIV#ColumnLeft DIV.insertBox{
  width: 260px; height: 300px;
  background: url('images/structure/bgInsertBox.gif') repeat-x left bottom #fff;
  padding: 18px 0;
  margin-bottom: 20px;
}
DIV#ColumnLeft DIV.insertBox DIV.content{
  width: 225px;
  margin-left: 17px;
}

DIV#ColumnLeft DIV.insertBoxWrapper P.title{
  color: #c72447;
  margin: 20px 0 0 0; padding: 0px;
}
DIV#ColumnLeft DIV.insertBox DIV.content P.title{
  color: #c72447;
  margin: 20px 0 0 0; padding: 0px;
}

DIV.stripe{
  padding: 15px 0;
}

DIV.shareLinks{
  margin-bottom: 20px;
  min-height: 70px;
}
DIV.shareLinks SPAN{
  float: left;
  margin-right: 20px;
}
DIV.shareLinks SPAN.email{ cursor: pointer; }
DIV.shareLinks DIV.emailBox{
  background-color: #fff;
  border: solid 1px silver;
  padding: 15px;
  position: relative; top: 10px;
  display: none;
  clear: left;
}
DIV.shareLinks DIV.emailBox INPUT.button{ float: right; }
DIV.shareLinks DIV.emailBox TD{ padding: 5px; }
DIV.shareLinks DIV.emailBox TD.title{ text-align: right; }

DIV.contactForm INPUT.text, 
DIV.contactForm TEXTAREA, 
DIV.contactForm SELECT{
  width: 280px;
  border: solid 1px #e0e0e0;
  border-top: solid 1px #848484;
  padding: 2px 3px;
}
DIV.contactForm LABEL{
  margin-top: 11px;
  display: block;
}
DIV.contactForm INPUT.send{
  width: 110px; height: 28px;
  margin-top: 24px; margin-bottom: 18px;
  display: block;
} 

DIV.textSection{ width: 580px; }
DIV.textSection DIV{ margin-bottom: 10px; }
DIV.textSection DIV.visible{ background-color: #fff; }
DIV.textSection DIV.visible P.title{
  font-size: 1.2em;
  font-weight: normal;
  color: #585858;
  padding: 5px 0 0 23px;
  background: url('images/arrow-right.gif') no-repeat 7px 9px;
}
DIV.textSection DIV.visible P.content{
  color: #6e1427;
  margin: 0 23px;
}
DIV.textSection DIV.hidden{ 
  background-color: #fbfbfb;
  cursor: pointer;
}
DIV.textSection DIV.hidden P.title{
  line-height: 33px;
  padding: 0px; padding-left: 37px;
  background: url('images/plus.gif') no-repeat 24px 14px;
}
DIV.textSection DIV.hidden P.content{
  color: #6e1427;
  margin: 0 23px;
  display: none;
}

DIV.buttonLinks{ text-align: right; margin-top: 20px; }
DIV.buttonLinks IMG{ margin-left: 5px; }

DIV.newsSummary P.date{
  color: #c72447;
  margin: 0px; padding: 0px;
}
DIV.newsSummary P.title{
  font-size: 2.0em;
  line-height: 1.2em;
  color: #c82446;
  margin: 0px;
}
DIV.newsSummary P A.more{ text-decoration: underline; }
DIV.newsSummary DIV.images IMG{ 
  border: solid 1px #949597;
  margin: 0 30px 30px 0;
}
DIV.newsFooter{ 
  width: 550px;
  border-top: dashed 1px silver;
  padding-top: 15px;
  margin-bottom: 40px;
}
DIV.newsFooter P{ margin: 0px; padding: 0px; }

DIV#homeNews P{ margin: 0px; padding: 0px; }




/*   Right   */

DIV#ColumnRight DIV.insertBox{
  width: 305px;
  background: url('images/structure/bgInsertBox.gif') repeat-x left bottom #fff;
  padding: 18px 0;
  margin-bottom: 20px;
}
DIV#ColumnRight DIV.insertBox DIV.content{
  width: 270px;
  margin-left: 17px;
}

DIV#ColumnRight DIV.insertBox DIV.content P.title{
  color: #c72447;
  margin: 20px 0 0 0; padding: 0px;
}
DIV#ColumnRight DIV.insertBox DIV.content H1{
  margin: 10px 0 0 0; padding: 0px;
}

DIV#ColumnRight DIV.weddings{ height: 380px; }
DIV#ColumnRight DIV.portraits{ height: 605px; }
DIV#ColumnRight DIV.testimonials DIV.rotateWrapper{ width: 270px; overflow: hidden; position: relative; }
DIV#ColumnRight DIV.testimonials DIV.rotateContent{ width: 2000px; position: relative; left:0px; }
DIV#ColumnRight DIV.testimonials DIV.quote{
  width: 270px; height: 100%;
  float: left;
  display: none;
}
DIV#ColumnRight DIV.testimonials DIV.visible{ display: block; }
DIV.quote DIV.image IMG.more{
  position: absolute;
  margin: -26px 0 0 160px;
  cursor: pointer;
  clear: left;
  z-index: 100;
}
DIV.quote P.quote{
  color: #6e1427;
  margin: 0px; padding: 0px;
  margin-top: 15px;
}

DIV#ColumnRight DIV.twitter{ height: 550px; }
DIV.twtr-hd, DIV.twtr-ft{ display: none; }
DIV.twtr-widget DIV, DIV.twtr-widget P{ background: none; margin: 0px; padding: 0px; }
DIV#twtr-widget-1 DIV.twtr-tweet-wrap{ margin: 0px; padding: 10px 0; }
DIV#twtr-widget-1 DIV.twtr-tweet-text{ margin: 0px; padding: 0px; }
DIV.twtr-tweets P{ font-size: 1.2em; }
DIV#twtr-widget-1 DIV.twtr-tweet DIV.twtr-tweet-text P I{ color: #c72447; }
DIV#twtr-widget-1 DIV.twtr-tweet DIV.twtr-tweet-text A{ font-size: 1.4em; color: #c72447; }

DIV#ColumnRight DIV.contact{ height: 570px; }
DIV.contactBoxForm INPUT.text, 
DIV.contactBoxForm TEXTAREA, 
DIV.contactBoxForm SELECT{
  width: 270px;
  border: solid 1px #e0e0e0;
  border-top: solid 1px #848484;
}
DIV.contactBoxForm LABEL{
  margin-top: 11px;
  display: block;
}
DIV.contactBoxForm INPUT.send{
  width: 110px; height: 28px;
  margin-top: 24px; margin-bottom: 18px;
  display: block;
} 



/*   Header   */

DIV#Header IMG.logo{ position: relative; top: 24px; left: 49px; }
DIV#Header DIV.links{
  margin-right: 19px;
  float: right;
}
DIV#Header DIV.links A{
  width: 150px; height: 47px;
  display: block; float: left;
  margin-left: 10px;
  overflow: hidden; position: relative;
}
DIV#Header DIV.links A IMG{ position: relative; }
DIV#Header DIV.links A.selected IMG{ top: -47px; }

DIV#Banner DIV#BannerDisplay{
  width: 896px; height: 493px;
  background: url('images/structure/bgBannerDisplay.gif') no-repeat left bottom #fff;
  position: relative;
}
DIV#Banner DIV#BannerDisplay DIV#slideshow{
  width: 872px; height: 452px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
}
DIV#Banner DIV#BannerDisplay DIV#slideshow DIV.slide{
  width: 872px; height: 452px;
  text-align: center;
  display: none;
}
DIV#Banner DIV#BannerDisplay DIV#slideshow DIV.visible{ display: block; }
DIV#Banner DIV#BannerDisplay DIV#slideshow A{ display: block; width: 872px; height: 452px; }
DIV#Banner DIV#BannerDisplay IMG#zoom{ position: absolute; right: 8px; bottom: 30px; z-index: 100; cursor: pointer; }
DIV#Banner DIV#thumbs{
  height: 75px;
  margin-top: 0px;
  overflow: hidden;
}
DIV#Banner DIV#thumbs UL{ 
  list-style-type: none; 
  position: relative;
}
DIV#Banner DIV#thumbs UL LI{
  width: 75px; height: 75px;
  background-color: #fff;
  margin-right: 10px;
  text-align: center;
  overflow: hidden;
  float: left;
}
DIV#Banner DIV#thumbs UL LI IMG{ cursor: pointer; }
DIV#Banner DIV#controls{
  height: 27px;  
  background-color: #fff;
  margin-top: 8px;
  clear: both;
}
DIV#Banner DIV#controls SPAN.previous{ float: left; position: relative; top: 8px; left: 50px; cursor: pointer;}
DIV#Banner DIV#controls SPAN.next{ float: left; position: relative; top: 8px; left: 750px; cursor: pointer; }
DIV#Banner DIV#controls SPAN.name{ float: left; position: relative; top: 6px; left: 100px; }
DIV#Banner DIV#controls SPAN.count{ width: 25px; float: left; position: relative; top: 6px; left: 40px; }
DIV#Banner DIV#controls SPAN.squares{ float: left; position: relative; top: 12px; left: 70px; width: 250px; }
DIV#Banner DIV#controls SPAN.name,
DIV#Banner DIV#controls SPAN.count{ 
  font-size: 0.7em;
  font-weight: bold;
  color: #955361;  
}
DIV#Banner DIV#controls SPAN.squares SPAN.square{ 
  width: 5px; height: 5px; line-height: 5px;
  background-color: silver;
  margin: 0px; padding: 0px; margin-right: 2px;
  cursor: pointer;
  display: block; float: left;
}
DIV#Banner DIV#controls SPAN.squares SPAN.selected{ background-color: #6e1427; }
DIV#Banner DIV#BannerDisplay IMG.banner{
  margin-left: 12px;
}

DIV#Banner DIV#BannerDisplay DIV.homeLink{
  width: 429px; height: 452px;
  margin-left: 15px;
  background: no-repeat top left;
  float: left; display: inline;
}
DIV#Banner DIV#BannerDisplay DIV.homeLink DIV.text{
  width: 367px; height: 66px;
  float: right;
  margin-top: 351px;
  overflow: hidden; display: block;
  position: relative;
}
DIV#Banner DIV#BannerDisplay DIV.homeLink A{ display: block; width: 100%; height: 100%; }
DIV#Banner DIV#BannerDisplay DIV.homeLink DIV.text IMG{ position: relative; }
DIV#Banner DIV#BannerDisplay DIV.over DIV.text IMG{ top: -66px; }
DIV#Banner DIV#BannerDisplay DIV#portraitsLink{ background-image: url('images/structure/banner-home-portraits.jpg'); }
DIV#Banner DIV#BannerDisplay DIV#weddingsLink{ background-image: url('images/structure/banner-home-weddings.jpg'); }



/*   Footer   */

DIV#Footer DIV.links A{
  height: 38px; line-height: 38px;
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 0px 12px;
  display: block; float: left;
}
DIV#Footer DIV.links A.selected{ 
  background: url('images/structure/bgFooterLink.gif') repeat-x bottom left;
}
DIV#Footer DIV.links SPAN.separator{
  width: 1px; height: 24px; 
  border-left: solid 1px #a2a2a2;
  display: block; float: left;
}
DIV#Footer DIV.social{ float:left;  margin-left: 20px; }
DIV#Footer DIV.social IMG{ margin-top: 3px; }
DIV#Footer DIV.footnote{
  margin-top: 5px;
  float: right;
}
DIV#Footer DIV.footnote P{
  color: #fff;
  font-size: 0.7em;
  font-family: Arial, sans-serif;
  letter-spacing: 0px;
  line-height: 20px;
  padding: 0px;
}
DIV#Footer DIV.footnote P A{ color: #fff; }
DIV#Footer DIV.footnote P IMG{ position: relative; top: 5px; }



/*   Structure   */

DIV#Window{
  height: 100%;
}
DIV.centered{
  width: 904px;
  margin: 0 auto;
}

DIV#Header{
  width: 100%; height: 86px;
  background: #fff;
}
DIV#Banner{
  width: 100%;
  background: url('images/structure/bgBanner.gif') repeat-x 0px 0px #ededed;
}

DIV#Body{
  width: 100%;
  background: url('images/structure/bgBody.gif') no-repeat 50% top;
  clear: both;
}
DIV#ContentWrapper{
  width: 972px;
  margin: 0 auto;
  background: url('images/structure/bgContentWrapper.gif') no-repeat 0px 0px;
  padding-top: 27px;
}
DIV#Content{
  border-left: solid 1px #fff;
  padding-bottom: 38px;
  float: left;
}
DIV#ColumnLeft{
  width: 584px;
  margin-left: 34px;
  float: left; display: inline;
}
DIV#ColumnRight{
  width: 305px; 
  margin-left: 15px; 
  float: left; 
}

DIV#Footer{
  width: 100%; height: 38px;
  background: url('images/structure/bgFooter.gif') repeat-x 0px 0px #727272;
  clear: both;
  position: fixed; bottom: 0px;
  z-index: 100;
}

@media screen and (max-device-width: 480px) {
  DIV#Footer{
    position: relative;
  }
}