/*************************************************** GENERAL ***************************************************/ *{margin:0;padding:0;} *:focus {outline: none; outline-width: 0;} html {height:100%; width:100%;} a {text-decoration:none;} a:hover {text-decoration:underline;} img {border:none; margin:0;margin-bottom: -3px;margin-top: -1px;} img.center {border:none; display: block; margin-left: auto; margin-right: auto;} /*************************************************** 2 COLUMN LAYOUT HOME ***************************************************/ #wrapper {position: fixed; overflow: scroll; background-color:transparent; left: 0; top: 0; bottom: 0; right: 0; width: 100%; background-image: url(../images/nav_background_01.png); background-repeat: repeat-y;} #delivery {float: right; padding-right: 20px; padding-top: 20px; width: 185px; height:185px;} #leftnavbar {float: left; left: 0; top: 0; bottom: 0; width: 250px; height:100%;} #header {position: absolute; height: 120px; background-color: #BADCDC; top: 0; width: 250px;} #pftop {position: absolute; top: 135px; width: 175px; height:auto; margin-left:35px;} #order-home {position: absolute; top: 190px; width: 175px; height:auto; margin-left: 35px; margin-bottom: 30px;} #mainnav {position: absolute; top: 205px; width: 125px; height:auto; margin-left:60px; padding-top: 10px; padding-bottom: 10px; text-align:center; border: solid 1px;border-color:#1A3039;} #address-reston {position: absolute; top: 425px; width: 175px; height:auto; margin-left: 35px;} #homesocial-rest {position: absolute; top: 500px; width: 112px; height: 32px; text-align: center; margin-left: 66px; padding-top:6px; } #address-beth {position: absolute; top: 560px; width: 175px; height:auto;margin-left: 35px;} #homesocial-beth {position: absolute; top: 635px; width: 170px; height: 25px;text-align: center; margin-left: 45px; padding-top:6px; border: solid 1px;border-color: #FF0000;} #passion-home {position: absolute; top: 552px; width: 175px; height:auto; margin-left: 35px; margin-bottom: 30px;} /*************************************************** * Interior Content * ***************************************************/ #int_container {position:absolute; top:80px; margin-bottom:90px; left:0px; right:0px; overflow:auto;} #intbox {width:100%; height:100%; margin:auto;} #intcontent {width:100%; height:100%; display:table;} #intvcenter {display:table-cell; vertical-align:middle;} #intcontainer {width: 900px; margin: 0 auto; display: table; height: 100%; background-image: url(../images/int-content_bg.png); background-repeat: repeat-y;} #subnav { width: 250px; text-align: center; vertical-align: top; float: left; } #orderint {width: 250px; text-align: center; margin: 0 auto; padding-bottom: 10px;} #intsocial {width: 205px; text-align: center; margin: 0 auto;} #subsocialreston {width: 112px; height:32px; text-align: center; margin-top: 30px; margin-bottom: 10px; margin-left: 46px; margin-right: 0px; vertical-align: top;} #subsocialbeth {width: 205px; height:auto; text-align:center; margin: 0 auto; padding-bottom: 8px; padding-top: 6px; vertical-align: top; border: solid 1px; border-color: #FF0000;} #subinsta {width: 80px; height: 25px; margin: auto; text-align: center; border: solid 1px; border-color: #FF0000; margin-bottom: 25px; padding-top:7px;} #int-copy {width: 600px; background-color:#FFFFFF; height:100%; vertical-align: top; float:right; margin-bottom: 50px; padding-right: 25px; padding-left: 25px; padding-top: 25px;} #int-delivery {width: 600px; vertical-align: top;} #int-copy-header {width: 600px; vertical-align: top;} #int-copy-box {width: 600px; margin-top: 15px; margin-bottom: 50px;} #int-weddings {width: 600px; background-color:#FFFFFF; height:100%; vertical-align: top; float:right; margin-bottom: 50px; padding-right: 25px; padding-left: 25px; padding-top: 25px;} #gallerycontainer { width:600px; margin:0 auto; text-align:center; padding-top: 10px; background-color: #FFFFFF; } #intrestres{ margin-bottom:-8px !important; padding-bottom:0px !important; } /* Make Interior Footer Sticky */ #int_footer_container {position: fixed; bottom: 0px; height: 108px; left: 0px; right: 0px; background-color: #FFFFFF; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #1C313A;background-repeat: repeat; z-index: 999;} #intfooter {margin:0 auto; margin-top: 1px; width:800; text-align:center;} /*************************************************** * WEB FONTS * ***************************************************/ .bodycopy { font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; text-align: left; color: #1D323B; letter-spacing: .5px; } strong { font-weight: bold; } .emphasis { font-family: 'Inconsolata', monospace; font-size: 14.5px; font-style: bold; line-height: 20px; text-align: left; color: #1D323B; letter-spacing: 1.5px; } ul { list-style-position: inside; list-style-type: circle; } .headline { font-family: 'Inconsolata', monospace; font-size: 17px; font-style: normal; font-weight: 400; line-height: 21px; text-align: left; color: #FF0000; text-transform: uppercase; letter-spacing: 2px; } a:link { font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; text-align: left; color: #1D323B; letter-spacing: .5px; } a:visited { font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; text-align: left; color: #1D323B; letter-spacing: .5px; } a:hover { font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; text-align: left; color: #FF0000; letter-spacing: 0.5px; } a:active { font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; text-align: left; color: #1D323B; letter-spacing: .5px; } /*************************************************** COLORBOX ***************************************************/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;} #cboxWrapper {max-width:none; overflow:visible;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:5px; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#221F1F;} #colorbox{outline:0;} #cboxContent{background:#fff;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0;} #cboxTitle{position:absolute; bottom:8px; left:0; text-align:center; width:100%; color:#939597; font-family: 'MetaWeb-Book', Arial, Helvetica, sans-serif; font-weight:normal; font-size: 13px;} #cboxCurrent{display:none; font-size:0px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/prev.png) no-repeat 0 0; width:21px; height:21px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; right:0; background:url(images/next.png) no-repeat 0 0; width:21px; height:21px; text-indent:-9999px;} #cboxNext:hover{background-position:0 0;} #cboxClose{position:absolute; top:0; right:0; background:url(images/close.png) no-repeat 0 0; width:21px; height:21px; text-indent:-9999px;} #cboxClose:hover{background-position:0 0;} .featuredthumb {padding:0 6px 10px 6px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .wcag2 { position:fixed; z-index:2; bottom:10px; right:20px; }