/* yi reset 3.2.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
a, a:hover, a:active, a:focus { -moz-outline-style: none; outline-style: none; outline: none; }

.header { height: 150px; width: 700px; margin:auto; position:relative; }
.logo   { height: 118px; width: 326px; background: #fff url(../img/sprite.png) no-repeat scroll 0px 0px; position:absolute; top:20px; left:0; text-indent: -2000px; }
.primary-nav { position:absolute; bottom:25px; right:0; display:inline; }
.secondary-nav { position:absolute; bottom:4px; right:246px; display:inline; }
.primary-nav ul, .secondary-nav ul { display:inline; }
.primary-nav li, .secondary-nav li { display:inline; list-style-type:none; }

.primary-nav li a { text-decoration:none; text-indent: -2000px; background: #fff url(../img/sprite.png) no-repeat scroll 0px 0px; display:block; float:left; height:16px; }
.primary-nav li a.home { background-position: -327px -20px; width:44px; }
.section-home .primary-nav li a.home, .primary-nav li a.home:hover { background-position: -327px -0px; }
.primary-nav li a.weddings { background-position: -371px -20px; width:74px; }
.section-weddings .primary-nav li a.weddings, .primary-nav li a.weddings:hover { background-position: -371px -0px; }
.primary-nav li a.gallery { background-position: -445px -20px; width:62px; }
.section-gallery .primary-nav li a.gallery, .primary-nav li a.gallery:hover { background-position: -445px -0px; }
.primary-nav li a.social { background-position: -507px -20px; width:117px; }
.section-social .primary-nav li a.social, .primary-nav li a.social:hover { background-position: -507px -0px; }
.primary-nav li a.about { background-position: -624px -20px; width:96px; }
.section-about .primary-nav li a.about, .primary-nav li a.about:hover { background-position: -624px -0px; }
.primary-nav li a.contact { background-position: -720px -20px; width:56px; }
.section-contact .primary-nav li a.contact, .primary-nav li a.contact:hover { background-position: -720px -0px; }

.secondary-nav li a { text-decoration:none; text-indent: -2000px; background: #fff url(../img/sprite.png) no-repeat scroll 0px 0px; display:block; float:left; height:16px; }
.secondary-nav li a.all-inclusive { background-position: -328px -58px; width:70px; }
.subsection-all-inclusive .secondary-nav li a.all-inclusive, .secondary-nav li a.all-inclusive:hover { background-position: -328px -38px; }
.secondary-nav li a.essential { background-position: -398px -58px; width:65px; }
.subsection-essential .secondary-nav li a.essential, .secondary-nav li a.essential:hover { background-position: -398px -38px; }
.secondary-nav li a.month-of { background-position: -463px -58px; width:67px; }
.subsection-month-of .secondary-nav li a.month-of, .secondary-nav li a.month-of:hover { background-position: -463px -38px; }

.content { background: #fff; height:450px; width:700px; border-left:5px solid white; border-right:5px solid white; margin:auto; font-family: garamond,georgia; font-size: 13px; line-height:18px; position:relative; }
.callout { font-size: 12px; text-align:center; margin-top:20px; padding:10px; border:solid 1px #fff; }
.callout a { font-weight: bold; }
.content-container { height:450px; }

h1 { font-size:1.5em; margin:8px; }

.section-home .content-container { background:#271315; }
.section-links .content-container { background:#271315; }
.section-gallery .content-container { background:#271315; }
.section-about .content-container { background:#a03722; }
.section-social .content-container { background:#193a74; }
.section-contact .content-container { background:#3a1b3b; }
.section-weddings .content-container { background:#767c2a; }

.section-home .content { color: #333; background: #fff url(../img/bg-home.jpg?r=1) no-repeat scroll top left; }
.section-links .content { color: #333; background: #fff; }
.section-about .content { color: #fff; background: #fff url(../img/bg-about.jpg?r=1) no-repeat scroll top right; }
.section-gallery .content { color: #fff; }
.section-social .content { color: #fff; background: #fff url(../img/bg-social.jpg) no-repeat scroll top right; }
.section-contact .content { color: #fff; background: #fff url(../img/bg-contact.jpg) no-repeat scroll top right; }
.section-weddings .content { color: #fff; background: #fff url(../img/bg-weddings.jpg) no-repeat scroll top right; }

.subsection-all-inclusive .content { color: #fff; background: #fff url(../img/bg-weddings-allinclusive.jpg) no-repeat scroll top right; }
.subsection-essential .content { color: #fff; background: #fff url(../img/bg-weddings-essential.jpg) no-repeat scroll top right; }
.subsection-month-of .content { color: #fff; background: #fff url(../img/bg-weddings-monthof.jpg) no-repeat scroll top right; }

.content-text { padding:0 10px; position:absolute; left:0; top:0; height:450px; width:327px; }
.section-home .content-text { top:322px; left:20px; height:115px; width:360px; font-size:15px; color:#333; }
.section-links .content-text { background:#fff; width:674px; line-height:22px; }
.section-about .content-text { background:#ae5543; }
.section-gallery .content-text { background:#ae5543; }
.section-social .content-text { background:#476190; }
.section-contact .content-text { background:#755f75; }
.section-weddings .content-text { background:#919655; }

.content-text a { color: #fff; }

.content-text ul li { border-top: 1px solid #9da264; padding: .2em 0 .2em .5em; font-size:11px; }

.footer, .gallery-footer { margin-top:10px; }
.footer, .footer a { text-align:center; font-size:80%; color:#ddd; font-family:Arial; }

.gallery-footer { width:680px; padding:10px; margin:auto; font-family: garamond,georgia; font-size: 13px; position:relative; }
.gallery-footer a, .gallery-footer a:visited, .gallery-footer a:active, .gallery-footer a:hover { color:#271315; padding: 10px; }
.gallery-footer a:hover { text-decoration:none; }

#credits { position: absolute; left: 0px; }
#controls { position: absolute; right: 0px; }
#frame-info { padding:10px; }
.section-gallery .footer { color:#333; }

#image-container { cursor: pointer; position:relative; }
#image-container img { position:absolute; top:0; left:0; }