body {
  margin: 68px 10px 68px 10px;
  font-family: verdana, sans-serif;
  font-size: 11px;
}

#wrap {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 762px;
  height: 643px;
  background: #D2E4E2 url(../images/bg1.gif) 0 0 repeat;
}

/* =======================================
    Masthead
======================================= */

#masthead {
  height: 128px;
  text-align: center;
}

/* Site Logo ---------------------- */
#masthead img {
  margin: 32px 0 0 46px;
  border: none;
}


/* =======================================
    Content Wrapper (all pgs)
======================================= */

#content {
  padding: 0 20px 0 20px;
  height: 403px;
  background: transparent;
}



/* ========================================
    Homepage Content
======================================== */

#hpleftcol {
  float: left;
  width: 178px;
  text-align: right;
  background: transparent;
}

/* Homepage "sticker" -------------- */
#hpleftcol img {
  margin: 124px 14px 0 0;   /* orig hpsticker1.gif: 221px */
  border: none;
}

#hprtcol {
  margin: 0 0 0 178px;
  background: transparent;
}

#hprtcol div.container {
  padding: 6px 0 6px 0;
  width: 365px;
  background: #FFF;
  border: 1px solid #666;
  text-align: center;
}

/* placeholder for flash movie */
#flashmovie {
  margin: 0 0 0 6px;
  width: 353px;
  height: 388px;
  background: #000;
}



/* ========================================
    Standard Gallery Page Content
======================================== */

#stdleftcol {
  float: left;
  width: 194px;
  height: 401px;
  background: #FFF;
  border: 1px solid #999;
}

#stdleftcol img.hdr {
  margin: 29px 0 12px 25px;
}

#stdleftcol img.hdrA {
  margin: 29px 0 4px 16px;
}


#stdrtcol {
  float: left;
  margin: 0;
  padding: 0;
  height: 401px;
  width: 523px;
  background: #FFF;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

#stdrtcolVC {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 403px;
  width: 523px;
}



/*
#stdrtcol {
  margin: 0 0 0 194px;
  height: 401px;
  background: #FFF;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

#stdrtcolVC {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  height: 403px;
  width: 523px;
  background: #FFF;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
*/

#stdrtcolVC * {
    vertical-align: middle;
}

#stdrtcolVC img {
  border: 1px solid #CCC;
}

/*
.vcontent {
  padding: 7px 0 7px 121px;
}

.hcontent {
  padding: 58px 0 58px 70px;
}

.presscontent {
  padding: 30px 0 30px 14px;
}
*/

#csg {
  margin: 0;
  padding: 0;
}

.vertmatte {
  width: 283px;
  height: 385px;
  background: #FFF;
  border: 1px solid #CCC;
}

.horizmatte {
  width: 385px;
  height: 283px;
  background: #FFF;
  border: 1px solid #CCC;
}


.pressmatte {
  width: 501px;
  height: 340px;
  background: #CCC;
  /* border: 1px solid #CCC; */
}



/* ======================================
    Bio Content Page
====================================== */

#bioleftcol {
  float: left;
  width: 260px;
  height: 401px;
  background: #FFF;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
}

#bioleftcol img {
  margin: 0 0 0 40px;
}

#bioleftcol img.hdr {
  margin: 29px 0 12px 40px;
}

#bioleftcol h2 {
  margin: 29px 0 12px 40px;
  display: block;
  padding: 22px 0 0 0;
  width: 59px;
  overflow: hidden;
  height: 0px !important;
  height /**/:22px; /* for IE5/Win */
  background: transparent url(../images/hdr_profile.gif) 00 no-repeat;
}

#biortcol {
  float: left;
  margin: 0;
  padding: 0 43px 0 0;
  height: 401px;
  background: #FFF;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

#bio {
  margin: 65px 0 0 0;
  padding: 0;
}

.biobox {
  width: 417px;
  height: 285px;
  background: transparent;
  border: none;
  overflow: auto;
}


/* ========================================
    Copy Only Page
======================================== */

#copycol {
  padding: 29px 35px 35px 40px;
  background: #FFF;
  border: 1px solid #999;
}

.copy {
  height: 313px;
  background: transparent;
  border: none;
  overflow: auto;
}



/* ========================================
    Primary Navigation (footer)
======================================== */

#navigation {height: 112px;}

#navigation #menuBar {margin: 10px 0 0 198px;width: 367px;}

ul#primarynav {
  margin: 0;
  padding: 0;
  width: 367px;
  height: 16px;
  list-style: none;
  display: inline;
  overflow: hidden;
}

#primarynav li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

#primarynav li a {

}

#menuBar a.menuButton:hover { cursor: pointer; }
#menuBar a.menuButtonActive, .menuBar a.menuButtonActive:hover { cursor: pointer; }

#btn1 { margin-right: 35px; background-image: url(../images/pnav_btn_portfolio.gif); }
#btn2 { margin-right: 35px; background-image: url(../images/pnav_btn_press.gif); }
#btn3 { margin-right: 35px; background-image: url(../images/pnav_btn_info.gif); }
#btn4 { background-image: url(../images/pnav_btn_contact.gif); }


.menuButtonOff { background-position:  0 0; background-repeat: no-repeat; }
.menuButtonOn { background-position:  0 -16px; }


/* The Drop Down Box 
--------------------------------------------- */
div.menu {
  background: #D2E4E2;
  border: none;
  left: 0px;
  padding: 0;
  margin: -2px 0 0 2px;
  _margin: -2px 0 0 2px;
  width: 124px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}


ul.snav {
  margin: 0 0 0 0;
  padding: 3px 0 0 0;
  /* width: 124px;
  height: 16px; */
  list-style: none;
  overflow: hidden;
}

.snav li {
  margin: 0;
  padding: 0;
  height: 18px;
  list-style: none;
}

.snav li.info {
  margin: 0;
}

.snav a.snavbtnA, .snav a.snavbtnB {
  float: left;
  padding: 18px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:18px; /* for IE5/Win */
}

.snav a.snavbtnA {background-image: url(../images/snav_portfolio_sprite.gif);}
.snav a.snavbtnB {background-image: url(../images/snav_info_sprite.gif);}
#snavweddings a.snavbtnA {width: 124px;background-position: 0 0;}
#snavweddings a.snavbtnA:hover {width: 124px;background-position: -124px 0;}
#snavfamily a.snavbtnA {width: 124px;background-position: 0 -18px;}
#snavfamily a.snavbtnA:hover {width: 124px;background-position: -124px -18px;}
#snavconcepts a.snavbtnA {width: 124px;background-position: 0 -36px;}
#snavconcepts a.snavbtnA:hover {width: 124px;background-position: -124px -36px;}
#snavprofile a.snavbtnB {width: 48px;background-position: 0 0;}
#snavprofile a.snavbtnB:hover {width: 48px;background-position: -48px 0;}
#snavpraise a.snavbtnB {width: 48px;background-position: 0 -18px;}
#snavpraise a.snavbtnB:hover {width: 48px;background-position: -48px -18px;}
#snavrates a.snavbtnB {width: 48px;background-position: 0 -36px;}
#snavrates a.snavbtnB:hover {width: 48px;background-position: -48px -36px;}
#snavalbums a.snavbtnB {width: 48px;background-position: 0 -54px;}
#snavalbums a.snavbtnB:hover {width: 48px;background-position: -48px -54px;}




/* ==========================================
    Image Galleries
========================================== */


#stdleftcol a.hdr2 {
  display: block;
  margin: 19px 0 3px 21px;
  width: 110px;
  height: 18px;
  background: transparent url(../images/hdr2_weddings.gif) 0 0 no-repeat;
}

#stdleftcol a:hover.hdr2 {
  background-position: 0 -18px;
}

#stdleftcol img.hdr2 {
  margin: 19px 0 18px 21px;
}

#stdleftcol img.subhdr {
  display: block;
  margin: 0 0 12px 21px;
}


#imagegallery li {
  float: left;
  display: inline;
  padding: 1px;
  list-style: none;
}

#imagegallery {
  margin: 12px 0 0 25px;
  list-style: none;
}

#imagegallery li {

}

#imagegallery li a img {
  margin: 1px;
  _margin: 1px 1px -1px 1px;
  padding: 0;
  width: 43px;
  height: 43px;
  border: 0;
}


#imagegallery li a {
  display: block;
  width: 45px;
  height: 45px;
  background: #FFF;
  /* border: 1px solid #FFF; */
}

#imagegallery li a:hover {
  background: #000;
  /* border: 1px solid #000; */
}



/* ====================================================================== TODO
    Press Gallery 
============================================= */

#pressgallery {
  margin: 0 0 0 21px;
}

.pglistitem {
  margin: 12px 0 0 0;
}

li.pressbutton a {
  display: block;
  padding: 18px 0 0 0;
  width: 155px;
  overflow: hidden;
  height: 0px !important;
  height /**/:18px; /* for IE5/Win */
}

li.pressbutton a#ms_spring2007 {background: transparent url(../images/hdr2_spring2007.gif) 0 0 no-repeat;}
li.pressbutton a:hover#ms_spring2007 {background-position: 0 -18px;}
li.pressbutton a#ms_winter2007 {background: transparent url(../images/hdr2_winter2007.gif) 0 0 no-repeat;}
li.pressbutton a:hover#ms_winter2007 {background-position: 0 -18px;}

li.pressbutton a#eb_summer2006 {background: transparent url(../images/hdr2_summer2006.gif) 0 0 no-repeat;}
li.pressbutton a:hover#eb_summer2006 {background-position: 0 -18px;}
li.pressbutton a#eb_spring2006 {background: transparent url(../images/hdr2_spring2006.gif) 0 0 no-repeat;}
li.pressbutton a:hover#eb_spring2006 {background-position: 0 -18px;}
li.pressbutton a#eb_summer2004 {background: transparent url(../images/hdr2_summer2004.gif) 0 0 no-repeat;}
li.pressbutton a:hover#eb_summer2004 {background-position: 0 -18px;}

li.pressbutton a#tk_summer2004 {background: transparent url(../images/hdr2_summer2004.gif) 0 0 no-repeat;}
li.pressbutton a:hover#tk_summer2004 {background-position: 0 -18px;}


li.pressbutton a#wcl_february2002 {background: transparent url(../images/hdr2_february2002.gif) 0 0 no-repeat;}
li.pressbutton a:hover#wcl_february2002 {background-position: 0 -18px;}






/* ====================================================================== TODO
    Wedding Gateway
============================================= */

#wedgateway {
  margin: 0 0 0 21px;
}

li.gatewaybutton a {
  display: block;
  padding: 28px 0 0 0;
  width: 110px;
  overflow: hidden;
  height: 0px !important;
  height /**/:28px; /* for IE5/Win */
}

li.gatewaybutton a#wgy_highlights {background: transparent url(../images/hdr3_highlights.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_highlights {background-position: 0 -28px;}

li.gatewaybutton a#wgy_calistoga {background: transparent url(../images/hdr3_calistoga.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_calistoga {background-position: 0 -28px;}

li.gatewaybutton a#wgy_bodega {background: transparent url(../images/hdr3_bodega.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_bodega {background-position: 0 -28px;}

li.gatewaybutton a#wgy_france {background: transparent url(../images/hdr3_france.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_france {background-position: 0 -28px;}

li.gatewaybutton a#wgy_sonoma {background: transparent url(../images/hdr3_sonoma.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_sonoma {background-position: 0 -28px;}

li.gatewaybutton a#wgy_tiburon {background: transparent url(../images/hdr3_tiburon.gif) 0 0 no-repeat;}
li.gatewaybutton a:hover#wgy_tiburon {background-position: 0 -28px;}




/* ===============================================
    Album List
============================================== */

ul.albumlist {

}

ul.albumlist li {
  display: inline;
  margin: 0 0 12px 0;
}

ul.albumlist li img {
  float: left;
  border: none;
}

ul.albumlist li p.album {
  margin: 0 10px 0 209px;
}




/* ========================================
    Preloading Message
======================================== */

#siteLoader {
  position: absolute;
  top: 200;
  left: 0;
  width: 100%;
  z-index: 1000;
  /* background-color: #CCC;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;  */
  text-align: center;
  line-height: 0;
}

#siteLoader img {
  padding: 100px 0 0 0;
}

#siteLoader p {
  padding: 0 0 100px 0;
  color: #990000;
  font-weight: bold;
}




/* ==============================================
    Secondary Navigation on Wedding Galleries
============================================== */

div#ssnavlabel {
  clear: both;
  margin: 0 auto;
  height: 20px;
  width: 102px;
}

div#ssnavwrap {
  clear: both;
  margin: 0 auto;
  height: 16px;
  width: 102px;
}

#ssnav {
  height: 16px;
  width: 102px;
  list-style: none;
  display: inline;
  overflow: hidden;
}

#ssnav li {
  list-style: none;
  display: inline;
}

#ssnav a {
  float: left;
  padding: 16px 0 0 0;
  width: 17px;
  overflow: hidden;
  height: 0px !important;
  height /**/:16px;
}

#ssnav a:hover {background-position: 0 -16px;}
#one a {background: url(../images/labelnum_1.gif) 0 0 no-repeat;}
#two a {background: url(../images/labelnum_2.gif) 0 0 no-repeat;}
#three a {background: url(../images/labelnum_3.gif) 0 0 no-repeat;}
#four a {background: url(../images/labelnum_4.gif) 0 0 no-repeat;}
#five a {background: url(../images/labelnum_5.gif) 0 0 no-repeat;}
#six a {background: url(../images/labelnum_6.gif) 0 0 no-repeat;}


/* ========================================
    Univ.
======================================== */

h3 {
  font-size: 12px;
  font-weight: bold;
}

h3.second {
  margin: 24px 0 0 0;
}

h3.rates {
  margin: 0 0 14px 0;
  font-size: 14px;
  text-align: center;
}

p {
  margin: 4px 10px 12px 0;
  line-height: 1.3em;
}

p.botmargin {
  margin: 4px 10px 32px 0;
}

a:active, a:focus { outline: none; }

.clearfloats { clear: both; height: 4px; font-size: 1px; line-height: 0; }

.clearfloatsHt { clear: both; height: 24px; font-size: 1px; line-height: 0; }

.div1 {
  margin: 18px 0 12px 0;
  width: 400px;
  height: 18px;
  background: transparent url(../images/div1.gif) 0 0 no-repeat;
}

.div2 {
  margin: 12px auto 12px auto;;
  width: 280px;
  height: 18px;
  background: transparent url(../images/div2.gif) 0 0 no-repeat;
}

.div3 {
  margin: 12px auto 12px auto;
  width: 280px;
  height: 18px;
  background: transparent url(../images/div3.gif) 0 0 no-repeat;
}