/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body  {background:url(../img/body_bg.jpg) top center no-repeat #fff; position:relative; z-index:1;}
header  {position:relative; height:274px; z-index:2;}
header #masthead  {background:url(../img/header_top.png) top center no-repeat #fff; width:100%; height:197px; position:relative; z-index:20;}
header #masthead h1  {background:url(../img/title.png) top center no-repeat; width:1277px; height:128px; position:absolute; top:67px; left:50%; margin:0; margin-left:-638.5px; display:none;}
header #masthead h1 a  {display:block; text-indent:-99999em; height:128px; width:1000px; position:absolute; top:0; left:50%; margin-left:-500px;}
header nav  {width:100%; height:80px; background:url(../img/header_bottom.png) top center no-repeat; position:relative; margin:0 auto; z-index:20;}
header nav ol  {width:825px; margin:0 auto; padding: 45px 0 0 15px;}
header nav ol li  {float:left; text-transform:uppercase; /*width:120px;*/padding: 0 8px; text-align:center; border-right:1px solid #d3d3d3; font-size:0.90em;}
header nav ol li.last  {border:none;}
header nav ol li.smaller	{/*width: 80px;*/}
header nav ol li a	{color: #000; display: block; text-decoration: none;}
header #dropdown  {position:relative; top:-100px; width:850px; margin:0 auto; padding:100px 10px 10px 10px; background:#fff; border:1px solid #d3d3d3; display:none; z-index:1;}
/*header #dropdown .dropdownItem	{display: none;}*/

#content  {position:relative; width:876px; margin:10px auto; min-height:570px; z-index:1;}

#content #frontWelcome  {width:436px; height:567px; background:url(../img/welcome_bg.png) top left no-repeat; position:absolute; top:0; left:-11px; z-index:10;}
#content #frontWelcome p  {padding:10px 35px; /*font-size:0.90em;*/ font-size: 1.1em;}

#content #frontRotator  {width:767px; margin-left:370px; position:relative; top: 75px; z-index:5;}
#content #frontRotator img  {position:absolute; top:-40px; left:0;}

/*
HEX for close button: af8527
*/
.videoLink	{background: url(../img/video_sprite.png) no-repeat; position: absolute; left: 12px; top: 50px; display: none; width: 119px; height: 54px; text-indent: -9999em;}
.ravesLink	{background: url(../img/raves_sprite.png) no-repeat; position: absolute; left: 12px; top: 110px; display: none; width: 119px; height: 54px; text-indent: -9999em;}
.contactLink	{background: url(../img/contact_sprite.png) no-repeat; position: absolute; left: 12px; top: 170px; display: none; width: 119px; height: 54px; text-indent: -9999em;}
.videoLink:hover, .contactLink:hover, .ravesLink:hover	{background-position: 0 -54px;}

img.frame	{border: 1px solid #444;}
img.header-small	{margin-left: -17px;}

.navBox	{background: url(../img/nav_box.png) no-repeat; width:238px; height: 567px; float: left; margin: 0 10px 0 -11px;}
.navBox.navBooks	{background: url(../img/NavBooks_Box.png) no-repeat; height: 209px;}
.navBox ul	{list-style: none; margin: 0; padding: 25px 30px 0; font-size: 0.9em;}
.navBox ul li	{margin: 3px 0; position: relative;}
.navBox ul li.active	{background: url(../img/Gold_pointer.png) no-repeat 0 50%; font-weight: bold; margin-left: -7px; padding-left: 7px;}
.navBox ul li a	{background: #eee; color: #000; display: block; padding: 3px; text-decoration: none;}
.navBox ul li a:hover	{/*background: #ccc;*/ text-decoration: underline;}

.innerCeremonies, .innerBooks	{width:630px; float: left; padding: 10px 0 0 1px; z-index:5; font-size: 0.8em; position: relative;}
.innerCeremonies h1, .innerBooks h1, .frontMain h1	{font-size: 1.2em; margin: 0 20px 0 0; border-bottom: 1px solid #dab756; position: relative;}
.innerCeremonies .imgFlower, .frontMain .imgFlower	{position: absolute; right: -17px; bottom: -9px;}
.innerCeremonies .imgCeremonies, .frontMain .imgFrame	{float: right; margin: 20px 0 20px 15px; border: 1px solid #222;}
.innerCeremonies .imgCeremonies.imgTopAlign	{margin-top: 0;}
.diversity	{font-size: 0.8em;}
.diversity h1	{font-size: 1.2em; margin: 20px 20px 0 0; border-bottom: 1px solid #dab756; position: relative;}
.diversity-about	{border-top: 1px dotted #999; color: #555; padding-top: 15px;}
.diversity-emphasis	{font-style: italic; font-weight: bold;}

.frontMain	{padding: 0 20px; font-size: 0.8em;}
.frontMain .imgFrame	{margin-top: 0;}
.frontMain h1	{margin-top: 20px;}

.frontMain a, .innerCeremonies a, .innerBooks a, .mainPress a, footer a	{border-bottom: 1px solid #dab756; color: #222; text-decoration: none;}

.quotes	{clear: both; color: #969174; font-family: Times New Roman; font-size: 1.5em; font-style: italic;}
.quotes.shortWidth	{width: 450px; clear: none;}
.quotes.frontQuotes	{width: 365px; margin: 40px auto 0; font-size: 1.1em; color: #000;}
.quotes #quote-author	{text-align: center;}

.bookContainer	{width: 100%; margin: 20px 0;}
.bookContainer img	{width: 175px; float: right; margin-left: 20px; border: 1px solid #222;}
/*.bookContainer .bookText	{overflow: hidden;}*/
.mainBooks ul	{list-style: none;}
.bookImage	{width: 225px; margin: 10px auto; display: block;}
.mainBooks .title, .mainExcerpts .title, .mainReviews .title	{color: #dab756;}
.mainExcerpts blockquote	{font-style: italic; overflow: hidden;}
.reviewsAuthor	{border-bottom: 1px solid #dab756; margin-bottom: 2em; padding-bottom: 2em;}
.reviewsAuthor p	{margin: 0; text-align: right;}
.reviewsSeparator	{text-align: center; color: #dab756;}

.listVows, .listGallery	{list-style: none;}
.listGallery	{margin: 0 auto; padding: 0; overflow: hidden;}
.listGallery li	{float: left; margin: 3px 6px 3px 0;}
.listGallery li.last	{margin: 0;}
.listGallery li a	img	{/*width: 75px;*/ border: 1px solid #000;}

.pressModuleContainer	{overflow: hidden; width: 750px; margin: 0 auto;}
.pressModule	{float: left; margin: 10px 20px 10px 0; width: 350px;}
.pressModule .pressModuleImage	{float: left; margin-right: 10px;}
.pressModule .pressModuleImage img	{border: 1px solid #dab756;}
.pressModule p	{margin: 0;}
.pressPodcast	{margin: 50px auto 10px; text-align: center;}
.press-container-text	{margin: 0 25px;}
/*.pressVideos	{margin: 25px 0; text-align: center;}
.pressVideos iframe	{border: 1px solid #e94497; margin: 0 5px;}*/
.video-module	{margin: 20px; overflow: hidden;}
.video-module h2	{margin: 0 0 10px;}
.video-module img	{border: 1px solid #444; float: left; margin-right: 15px;}

.pageTitle	{background: #dab756; color: #fff; clear: both; font-size: 1.5em; padding: 7px 10px;}

.mainAbout p	{overflow: hidden;}
.about-side	{float: right; margin: 1em 0 25px 25px;}
.about-side img	{border: 1px solid #444;}
.video-right	{float: right;}

.affiliateContainer	{margin: 0 auto; overflow: hidden; width: 790px;}
.affiliate	{border: 1px solid #000; float: left; margin: 0 5px; width: 250px;}
.affiliate p	{margin: 5px 0; text-align: center;}

.fancybox-wrap .fancybox-title	{text-align: center; font-weight: bold;}

.alert	{background-color: #fcf8e3; border: 1px solid #fbeed5; padding: 8px 15px;}
.alert-danger	{color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
.alert-success	{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
.contact-information	{background: url("../img/MailMe_Icon.png") no-repeat; float: left; width: 359px; height: 75px; padding-top: 62px; text-indent: 75px;}
.contact-information p	{line-height: 1.2; margin: 0;}
.contact-form	label	{color: #555; display: block; font-weight: bold; margin-bottom: 3px;}
.contact-form label.contact-moreinfo	{color: #999; font-size: 0.7em; font-weight: normal;}
.contact-form label span	{color: #999; font-size: 0.8em; font-style: italic;}
.contact-form input, .contact-form select	{margin-bottom: 14px; padding: 8px; width: 300px;}
.contact-form textarea	{width: 450px; height: 150px; margin-bottom: 30px;}

.links-professional	{margin: 1.5em 0;}
.links-professional td	{vertical-align: top;}
.links-professional p	{text-align: left;}
.links-professional .links-author	{padding-right: 15px; width: 250px;}
.links-professional .links-author p	{margin: 0; text-align: right;}
.links-professional .links-text	{margin: 0; padding-left: 15px;}
.links-professional .links-separator	{border-right: 2px solid #dab756;}

#backToTop	{cursor: pointer; display: none; position: absolute; top: 0; right: -32px;}

#content .home-books  {position:absolute; bottom:-30px; right:-40px; background:url(../img/book_bg.png) top right no-repeat; width:803px; height:207px; z-index:6;}
#content .home-books h1  {position:absolute; top:86px; right:155px; margin:0; color:#fff; font-size:1.20em; border: none;}
#content .home-books h1 a	{color: #fff; text-decoration: none;}
#content .home-books .bookImageLink	{position: absolute; top: 0; right: 0; width: 135px; height: 200px; text-indent: -9999em;}
#content .home-books p  {position:absolute; bottom:5px; right:140px; width:300px;}

.tabs-list	{margin-bottom: 0; padding: 0; overflow: hidden;}
.tabs-list li	{background: #dab756; border: 1px solid #dab756; color: #fff; cursor: pointer; float: left; list-style: none; margin: 0 .2em 0 0; padding: .5em 1em; position: relative; top: 1px; white-space: nowrap;}
.tabs-list li:hover	{color: #999;}
.tabs-list li.active	{background: #fff; border-bottom: none; color: #000;}
.tabs-section	{border: 1px solid #dab756; display: none; margin-top: -1px; padding: 1em 1.4em;}
#Wedding-Pros.tabs-section	{display: block;}

footer	{margin-top: 40px; margin-bottom: 20px;}
footer p	{font-size: 0.7em; text-align: center;}
footer ul	{list-style: none; margin: 0 auto; overflow: hidden; width: 600px;}
footer ul li	{border-right:1px solid #d3d3d3; float: left; font-size: 0.7em; padding: 0 8px;}
footer ul li.last	{border: none;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}