/* -------------------------------------------------------------- 

  Screen Styles
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Site
-------------------------------------------------------------- */

body { margin: 20px 0; background: url('images/bg.jpg') top center repeat; }

.container {
  width: 788px;
  margin: 0 auto;
  background: url('images/bg-container.jpg') top left repeat-y;
}

#footer {
  width: 788px;
  height: 26px;
  background: url('images/bg-footer.jpg') top left no-repeat;
  clear: both;
}

#content {
  clear: both;
  padding: 0 36px;
}

.cakes {
  display: inline;
  float: left;
  margin: 0 36px 30px 36px;
  padding: 26px 0 0 10px !important;
  border: 2px solid #ffe8e9;
}

#content2 {
  clear: both;
  padding: 0 24px 0 26px;
}

#menu {
  padding: 0 0 0 36px;
}


ul#navlist {
  width: 700px;
  height: 100px;
  padding: 26px 44px;
  background: url('images/bg-navigation.jpg') left top no-repeat;
  margin: 0;
  list-style-type: none;
  float: left;
}

ul#navlist li { display: inline; float: left; }

#nav_bottom p {
  color: #8d624e;
  text-align: center;
  text-shadow: #fff 0 1px 0;
  font-weight: bold;
}



.navHome,.navWeddings,.navCakes,.navLogo,
.navPastries,.navAbout,.navMenu {
  display: block;
  text-indent: -9999px;
}

.navHome            { width: 73px; height: 68px; background: url('images/bg-nav1_home.jpg') left top no-repeat; }
.navWeddings        { width: 113px; height: 68px; background: url('images/bg-nav2_weddings.jpg') left top no-repeat; }
.navCakes           { width: 78px; height: 68px; background: url('images/bg-nav3_cakes.jpg') left top no-repeat; }
.navLogo            { width: 177px; height: 68px; background: url('images/bg-nav4_logo.jpg') left top no-repeat; }
.navPastries        { width: 82px; height: 68px; background: url('images/bg-nav5_pastries.jpg') left top no-repeat; }
.navAbout           { width: 96px; height: 68px; background: url('images/bg-nav6_about.jpg') left top no-repeat; }
.navMenu            { width: 81px; height: 68px; background: url('images/bg-nav7_menu.jpg') left top no-repeat; }

.navHome:hover,.navWeddings:hover,.navCakes:hover,
.navPastries:hover,.navAbout:hover,.navMenu:hover {
  background-position: left -68px;
}

.active,.active:hover {
  background-position: left -68px;
}






/*pastries page gallery
---------------------------------------------*/


ul.thumbs_pastries {
  list-style: none;
  margin: 40px 23px  20px  23px;


}

ul.thumbs_pastries li {
  margin-bottom: 0px;
  display: inline;
}

ul.thumbs_pastries li a img {
  border: 1px solid #ffbec1;
  margin-left: 7px;
}

ul.thumbs_pastries li a:hover img {
  border: 1px solid #e19fa2;
}


ul.thumbs_pastries li img {
  margin: 0;
}

.viewer_pastries {
 
  width: 680px;
  height: 182px;
  border: 1px solid #ffbec1;
  margin-left: 23px;
}

.viewer_pastries img {
  float: none;
  margin: 0;
}

/*weddings page gallery
---------------------------------------------*/

#vertical_carousel {
  float: left;
  width: 75px;
  height: 480px;
  position: relative;
  background: #fff;
}

#vertical_carousel .container {
  background: #fff;
  float:left;  
  width: 75px;
  height: 480px;
  overflow: hidden;
}

#vertical_carousel .previous_button {
  float:left;
  height: 25px;
  width: 75px;
  background: url('images/button-scroll_top') left top no-repeat;
  cursor: pointer;    
  display:inline;
  margin: 0 0 5px 0;
}

#vertical_carousel .previous_button_over {
  background: url('images/button-scroll_top') left top no-repeat;
}

#vertical_carousel .previous_button_disabled {
  background: url('images/button-scroll_top') left top no-repeat;
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 25px;
  width: 75px;
  background: url('images/button-scroll_bottom') left top no-repeat;
  display:inline;
  margin: 0 0 5px 0;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url('images/button-scroll_bottom') left top no-repeat;
}

#vertical_carousel .next_button_disabled {
  background: url('images/button-scroll_bottom') left top no-repeat;
  cursor: default;
}






ul.thumbs_cakes {
  width: 344px;
  background: #fff;
  list-style: none;
  margin: 0;
  float: left;
  margin: 0;
  padding:0;
  position: relative;
}

ul.thumbs_cakes li {
  float: left;
  margin-bottom: 26px;
  margin-right: 26px;
  height: 95px;
  width: 95px;
}

ul.thumbs_cakes li.last {
  margin-right: 0;
}

ul.thumbs_cakes li a img {
  border: 1px solid #ffbec1;
}

ul.thumbs_cakes li a:hover img {
  border: 1px solid #e19fa2;
}


ul.thumbs_cakes li img {
  margin: 0;
}

.viewer_cakes {
  float: left;
  width: 353px;
  height: 468px;
}







ul.thumbs_weddings {
  background: #fff;
  list-style: none;
  margin: 0;
  float: left;
  margin: 0;
  padding:0;
  position: relative;
}

ul.thumbs_weddings li {
  margin-bottom: 0px;
  height: 80px;
  width: 75px;
}

ul.thumbs_weddings li a img {
  border: 1px solid #ffbec1;
}

ul.thumbs_weddings li a:hover img {
  border: 1px solid #e19fa2;
}


ul.thumbs_weddings li img {
  margin: 0;
}

.viewer_weddings {
  float: left;
  width: 616px;
  
  /*width: 518px;*/
  
  height: 533px;
  border: 1px solid #ffbec1;
  margin: 0 0 30px 23px;
  
  /*margin: 0 23px 30px 23px;*/
}

.viewer_weddings img {
  float: none;
  margin: 0;
}

p.home {
  text-align: center;
}

p.home img.photo {
  margin-right: auto;
  margin-left: auto;
  display: block;
  float: none;
  padding: 5px;
  border: 2px solid #ffebed;
  width: 689px;
  height: 442px;
}

h2.tagline {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
  text-indent: -9999px;
  background: url('images/bg-home_tag.jpg') left top no-repeat;
  width: 581px;
  height: 35px;
}

h2.about {
  margin-bottom: 0.5em;
  text-indent: -9999px;
  background: url('images/bg-about_head.jpg') left top no-repeat;
  width: 288px;
  height: 36px;
}


h2.test {
  margin-bottom: 0.5em;
  text-indent: -9999px;
  background: url('images/bg-test_head.jpg') left top no-repeat;
  width: 265px;
  height: 44px;
}


h2.news {
  margin-bottom: 0.5em;
  text-indent: -9999px;
  background: url('images/bg-news_head.jpg') left top no-repeat;
  width: 402px;
  height: 44px;
}


h2.tv {
  margin-bottom: 0.5em;
  text-indent: -9999px;
  background: url('images/bg-tv_head.jpg') left top no-repeat;
  width: 223px;
  height: 44px;
}


.megan {
  padding: 9px;
  border: 1px solid #d9cbc0;
  margin-top: 0;
  float: right;
  margin-right: 0;
  margin-left: 1.5em;
}

/*about page sub navigation
___________________________________________*/


ul#about_navlist {
  width: 700px;
  height: 37px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: right;
}

ul#about_navlist li { display: inline; float: right; }




.about_subnavnews,.about_subnavtest,.about_subnavtv {
  display: block;
  text-indent: -9999px;
}

.about_subnavnews        { width: 83px; height: 37px; background: url('images/about_subnav_news.jpg') no-repeat;}
.about_subnavtest        { width: 73px; height: 37px; background: url('images/about_subnav_test.jpg') no-repeat;}
.about_subnavtv          { width: 94px; height: 37px; background: url('images/about_subnav_tv.jpg') no-repeat;}