body {
  background-color: #FDD06E;
  background-image: url(/images/layout/background.jpg);
  font-family: Verdana, "Geneva", sans-serif;
  font-size: 15px;
  text-align: center;
  padding-top: 25px;
  color: #33aac4;
}

img {
  border: none;
}

a {
  color: #33aac4;
  text-decoration: none;
}

a:hover, a.active {
  text-decoration: underline;
}

/* ################################################################## */
/* ################################################################## */
/* Homepage */
/* ################################################################## */
/* ################################################################## */

#homepage-wrap {
  width: 620px;
  margin: auto;
}

#homepage {
  
}

#homepage-header {
  width: 310px;
  height: 45px;
  margin-left: 55px;
  text-indent: -10000em;
  background-image: url(/images/layout/homepage-header.png);
}

#homepage-primary {
  /* nothing for now */
}

#homepage #primary-navigation {
  width: 575px;
  height: 68px;
  line-height: 68px;
  margin: 0;
  padding: 0;
  padding-left: 45px;
  overflow: hidden;
  background-image: url(/images/layout/homepage-nav.png);
}

#homepage #primary-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#homepage #primary-navigation li a {
  display: block;
  margin: 0 40px 0 0;
  color: #ffa60b;
}

#homepage #primary-navigation li a.last {
  margin: 0;
}

#homepage #primary-navigation li a:hover {
  text-decoration: underline;
}

#homepage #secondary-navigation {
  font-size: 17px;
  width: 160px;
  margin: 15px auto 0 auto;
  padding: 0;
  overflow: hidden;
}

#homepage #secondary-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#homepage #secondary-navigation li a {
  display: block;
  margin: 0 25px 0 20px;
}

#homepage #secondary-navigation li a.last {
  margin: 0;
}

/* ################################################################## */
/* ################################################################## */
/* Secondary Page */
/* ################################################################## */
/* ################################################################## */

#secondary-wrap {
  width: 670px;
  margin: auto;
}

#secondary {
  
}

#secondary #secondary-header {
  width: 660px;
  height: 72px;
  margin-left: 15px;
  text-indent: -10000em;
  background-image: url(/images/layout/secondary-header.png);
  background-repeat: no-repeat;
  z-index: 10;
}

#secondary #secondary-content {
  overflow: hidden;
}

#secondary #secondary-navcol {
  float: left;
  text-align: left;
  margin-right: 20px;
  margin-top: -20px;
  z-index: 20;
}

#secondary #secondary-navcol #primary-navigation {
  width: 160px;
  height: 215px;
  margin: 0;
  padding: 0;
  padding-left: 38px;
  padding-top: 25px;
  display: block;
  background-image: url(/images/layout/secondary-nav.png);
  background-position: top center;
  background-repeat: no-repeat;
}

#secondary #secondary-navcol #primary-navigation li{
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  list-style: none;
}

#secondary #secondary-navcol #primary-navigation li a {
  color: #ffa60b;
  height: 33px;
  width: 160px;
  display: block;
}

#secondary #secondary-navcol #primary-navigation li.wedding-and-baby {
  overflow: hidden;
	height: 56px;
}

#secondary #secondary-navcol #primary-navigation li .wedding {
  display: block;
  line-height: 26px;
}

#secondary #secondary-navcol #primary-navigation li .amp {
  background-image: url(/images/layout/secondary-nav-amp.png);
  text-indent: -10000em;
  width: 26px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  float: left;
}

#secondary #secondary-navcol #primary-navigation li .baby {
  margin-top: -8px;
	display: block;
  float: left;
}

#secondary #secondary-navcol #secondary-navigation {
  margin: 0;
  padding: 0;
  padding-left: 38px;
}

#secondary #secondary-navcol #secondary-navigation li {
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  list-style: none;
}

#secondary #secondary-navcol #secondary-navigation li a {
  color: #33aac4;
}

#secondary #secondary-contentcol {
  float: left;
  width: 450px;
  text-align: left;
}

#secondary #secondary-contentcol #card-listing {
  overflow: hidden;
}

#secondary #secondary-contentcol #card-listing .card {
  background-image: url(/images/layout/secondary-picture.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  width: 198px;
  height: 150px;
  margin: 0 25px 30px 0;
}

#secondary #secondary-contentcol #card-listing .card .image {
  z-index: 10;
  width: 184px;
  height: 138px;
  margin: 6px 7px;
  background-color: #8EBBC4;
}

#secondary #secondary-contentcol #card-listing .card .pane {
  position: absolute;
  z-index: 20;    
  bottom: 0;
  left: 0;
  width: 184px;
  height: 42px;
  opacity: 0.65;
  -moz-opacity: 0.65;
  filter:alpha(opacity=65);
  margin: 6px 7px;
  text-align: center;
  background-color: #fff;
}

#secondary #secondary-contentcol #card-listing .card .pane a {
  color: #;
  line-height: 42px;
  font-size: 20px;
  display: block;
  width: 184px;
  height: 42px;
  text-decoration: none;
}

/* ################################################################## */
/* ################################################################## */
/* Contact Page */
/* ################################################################## */
/* ################################################################## */

#contact {
  width: 408px;
  height: 484px;
  padding: 7px;
  background-image: url(/images/layout/contact-background.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
  position: relative;
}

#contact .item {
  float: left;
  width: 120px;
  color: #474747;
}

#contact .value {
  float: left;
  width: 228px;
  color: #33aac4;  
}

#contact #email, #contact #address {
  overflow: hidden;
  background-image: url(/images/layout/65opacity-white.png);
  width: 350px;
  padding: 15px 26px;
}

#contact #email {
  position: absolute;
  top: 0;
  left: 7px;
}

#contact #address {
  position: absolute;
  bottom: 0;
  left: 7px;
}

#contact #email .item {
  background-image: url(/images/layout/contact-keys.png);
  background-repeat: no-repeat;
  margin-top: 3px;
  width: 74px;
  height: 22px;
}

#contact #email .value {
  margin-top: 5px;
  padding-left: 5px;
}

#contact #address .item {
  background-image: url(/images/layout/contact-keys.png);
  background-position: 0 -35px;
  background-repeat: no-repeat;
  margin-right: 16px;
  width: 74px;
  height: 26px;
}

#contact #address .value {
  margin-top: 3px;
  height: 55px;
}