* { margin: 0; padding: 0; } @font-face { font-family: 'SansumiRegular'; src: url('fonts/Sansumi-Bold-webfont.eot?') format('eot'), url('fonts/Sansumi-Bold-webfont.woff') format('woff'), url('fonts/Sansumi-Bold-webfont.ttf') format('truetype'), url('fonts/Sansumi-Bold-webfont.svg#webfontbpq276B0') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SansumiExtraBoldRegular'; src: url('fonts/Sansumi-ExtraBold-webfont.eot?') format('eot'), url('fonts/Sansumi-ExtraBold-webfont.woff') format('woff'), url('fonts/Sansumi-ExtraBold-webfont.ttf') format('truetype'), url('fonts/Sansumi-ExtraBold-webfont.svg#webfontyWaXclxz') format('svg'); font-weight: normal; font-style: normal; } body { font: 14px/1.4 "SansumiRegular", Helvetica, Arial, sans-serif; } html { background:#FAFAFA; } footer, header, nav, section { display: block; } h1 { font:16px 'SansumiRegular', helvetica, arial, sans-serif; } h2 { font:14px 'SansumiRegular', helvetica, arial, sans-serif; color:#920609; } h3 { font:12px 'SansumiRegular', helvetica, arial, sans-serif; color:#920609; } h4 { font:20px 'SansumiRegular', helvetica, arial, sans-serif; color:#111; text-transform:uppercase; } p { font-size:12px; line-height:21px; } .clear { clear:both; height:0; /*for IE */ margin:0; padding:0; } .bold {font-family: 'SansumiExtraBoldRegular';} a { text-decoration:none; } .title { float:left; width:84px; } .red {color:#920609;} .black {color:#000;} img.pngfix { behavior: url(pngHack.htc); } .page-wrap { width:100%; margin:auto; } .block {display:block;} /* HEADER STYLES */ #header { height:150px; width:100%; background-image:url('images/header-bg.jpg'); background-repeat:repeat-x; border-bottom:2px solid #FFF; } #logo { margin:auto; width:1000px; height:150px; position:relative; } #logo-img { margin-left:175px; z-index:1; } #logo-img2 { margin-left:72px; z-index:1; } #pw {width:100px; height:127px; float:left;} ul#nav-top li, ul#nav-bottom li { list-style-type:none; display:inline; } ul#nav-top li a, ul#nav-bottom li a { color:#231F20; font:12px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; } ul#nav-top li a:hover, ul#nav-bottom li a:hover { color:#920609; } ul#nav-top li.current a, ul#nav-bottom li.current a { color:#920609; } ul#nav-top li.home a { position:absolute; left:210px; top:85px; } ul#nav-top li.photos a { position:absolute; left:210px; top:85px; } ul#nav-top li.spaces a { position:absolute; left:295px; top:85px; } ul#nav-top li.services a { position:absolute; right:350px; top:85px; } ul#nav-top li.testimonials a { position:absolute; right:200px; top:85px; } ul#nav-top li.fb a { position:absolute; right:135px; top:69px; } ul#nav-bottom li.faq a { position:absolute; left:210px; bottom:15px; } ul#nav-bottom li.events a { position:absolute; left:295px; bottom:15px; } ul#nav-bottom li.contact a { position:absolute; right:350px; bottom:15px; } ul#nav-bottom li.merchandise a { position:absolute; right:200px; bottom:15px; } ul#nav-bottom li.twitter a { position:absolute; right:135px; bottom:-1px; } #fb { position:absolute; top:0; right:50px; } #twitter { position:absolute; top:0; right:0px; } /* Facebook Like Button*/ .fb_iframe_widget { position:absolute !important; right:0px; top: 15px; } /* Mailing List Form */ #mailinglist {width:150px; float:left; text-transform: uppercase; margin: 40px 0 0 0;} #mailinglist a {color:#920609; padding: 3px 0; font:10px 'Arial', sans-serif; letter-spacing:1px; line-height:16px;} .boldfont {font-weight:bold; line-height:16px;} #mailinglist a:hover {color:#231F20;} table#mailing {border-spacing:10px;} /*#mailinglist_form {width:600px;} */ /*TAGLINE STYLES */ .tagline { width:100%; height:100px; background-image:url('images/tagline-bg.jpg'); background-repeat:repeat-x; } .tagline-text { width:1000px; margin:auto; text-align:center;} .tagline img { margin-top:25px; } .header-img { width:740px; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #920609; } .mobile { background:url('images/hp-mobile-image.jpg') no-repeat top right; } /* HOME PAGE STYLES */ #home-copy { width:850px; text-align:center; margin:30px auto; } #home-copy h1 { color:#920609; } #home-copy p { font-size:13px; line-height:26px; padding-top:10px; } p.catering { font-size:14px!important; color:#920609; text-transform:uppercase; padding-top:20px!important; width:290px; border-bottom: 1px solid #920609; margin:auto; } img#premiervenues {margin:15px 0 0 0;} img#brulee { margin-top:18px; padding-right:20px;} img#gourmetro {padding-left:20px;} .photo-bg { height:266px; width:100%; background-image:url('images/photo-bg2.jpg'); background-repeat:repeat-x; } .photo-box { padding-top:18px; } .page-content { width:740px; margin:auto; padding-top:20px; } .inner-content { width:600px; } .link { font-size:12px; } .link a { color:#920609; } .link a:hover { color:#111; } /* Bridal Event */ #bridal-copy {width:650px; margin:auto; text-align:center;} p.bridal-intro {font-size:14px; line-height:23px; padding:10px 0;} p.bridal-date {font-size:14px; color:#920609;} ul#bridal-event {list-style-type:none; margin-bottom:20px; color: #920609;} a.bridal {color:#920609;} a.bridal:hover {color:#111;} /* SPACES PAGE STYLES */ .space-photo { display:inline; } .space-photo img { width: 202px; border: 4px solid #FFF; -moz-border-image:url(images/img-border2.png) 7 round; -webkit-border-image:url(images/img-border2.png) 7 round; border-image:url(images/img-border2x.png) 7 round; } .space-info2 { display:inline; } .space-type { float:left; width:425px; margin-right:35px; } .space-type p strong { font:12px 'SansumiRegular', helvetica, arial, sans-serif; color:#920609; } .space-type ul { list-style-type:none; color:#920609; text-transform:uppercase; margin: 0 0 0 10px; } .space-type ul li { font-size:12px; } .space-type a { color:#111; text-transform:uppercase; font-size:12px; margin: 10px 0 10px 10px; display:block;} .bar4 { width:740px; height:1px; border-bottom:1px solid #920609; margin:20px 0; padding-top:20px;} .bar2 { width:740px; height:1px; border-bottom:1px solid #920609; } /* EVENT PAGE STYLES */ #events-copy h2 { width:85px; float:left; } ul#menus { float:left; margin-bottom:25px; } ul#menus li { list-style-type:none; margin-left:10px; } ul#menus li a { color:#231F20; font-size:13px; } ul#menus li a:hover { color:#920609; font-size:13px; } .event-name { margin-bottom:30px; } .event-type { float:left; width: 500px; margin-bottom:30px; } .event-type h1 { width:500px; border-bottom: 1px solid #231F20; margin-bottom:5px; } .event-host { float:left; width:200px; margin: 5px 0 0 40px; } #events-copy h3 { width:200px; border-bottom:1px solid #920609; margin-bottom:5px; } ul.types li { list-style-type:none; font:12px 'SansumiRegular', helvetica, arial, sans-serif; color:#920609; } /* SERVICE PAGE STYLES */ .vendor-name { margin-top:20px; } .vendor-name h4 { padding-bottom:10px; } .vendor-name h1 { text-transform:uppercase; color:#920609; } .vendor-copy { color:#111; font-size:12px; } .bar { width:600px; height:20px; border-bottom:1px solid #920609; } .category { color:#920609; padding-top:20px; } /* TESTIMONIALS PAGE STYLES */ .bar3 { margin: 20px 0; width:740px; height:1px; border-bottom:1px solid #920609; } /* CONTACT PAGE STYLES */ .contact-header-img { width:1000px; padding-bottom:5px; border-bottom:1px solid #920609; } .contact-content { width:1000px; margin:auto; padding-top:20px; position:relative; } #contact-form { width:475px; margin-top:20px; padding-bottom:20px; min-height:650px; display:block; float:left; } p.form-copy { width:424px; font-size:11px; line-height:18px; padding-bottom:10px; text-align:center; } table.contact1 td { color:#920609; padding:10px 7px 2px 7px; font-size:10px; text-transform:uppercase; } textarea { width:222px; } img.calendar { padding:0 5px; } .small-link { font-size:10px; text-transform:uppercase; } .small-link a { color:#111; } .small-link a:hover { color:#920609; } .divider { width:50px; height:690px; border-left:1px solid #920609; margin:auto; float:left; } /* DIRECTIONS STYLES */ #directions { width:450px; margin-top:20px; padding-bottom:20px; min-height:650px; display:block; float:left; font-size:11px; } .box { padding-right:5px; } .enterAdd { padding-bottom:5px; } #map { position:absolute; top:200px; right:65px; height:475px; margin:-20px auto; width:400px; } /* PHOTOS */ #photoContain{width:100%; position:relative;} #photoGallery{float:left; width:auto;} #photoSelect select{width:100%; border:1px solid #ccc; padding:5px;} #photoFull{height:auto; width:auto; border:5px solid #fff; margin:10px 0;} #photoCaption{text-align:center;} #photoCaption p{margin-top:4px;} #photoNav{float:left; height:580px; width:125px; border-left:1px solid #94070A; margin:10px 0 0 10px; text-align:center; overflow:auto; padding:0 10px;} #photoNav li{list-style-type:none;} #photoNav img{border:5px solid #fff;} .photo_link {color:#920609; font-size:12px; margin:0 0 20px 0; display:block;} a.photo_link:hover {color:#111111;} img.fbphotos {position:absolute; top:-4px; left:323px;} /* VIRTUAL TOUR */ small a {color:#94070A !important; display: block; padding: 10px 0 0 !important;} /* FEEDBACK PAGE STYLES */ #feedback { padding:15px 0 0 0; } #box1 { font-size:12px; } .smtext { text-transform:uppercase; font-size:10px; font-weight:bold; } .textarea2 { width:650px; margin:8px 0 0 0; } .servicestext { line-height:20px; } /* MOBILE STYLES */ #mobile_bg { background:url('images/hp-mobile-image.jpg') repeat-x; height:221px; width:auto; } /* FOOTER STYLES */ #footer { height:100px; width:100%; background-image:url('images/header-bg.jpg'); background-repeat:repeat-x; border-top:2px solid #FFF; margin-top:40px; } #footer-logo { width:800px; margin:5px auto; position:relative; } #footer-logo-img { z-index:-1; } #footernavigation {background:url(images/footer-logo.png) 0 0 no-repeat; width:800px; height:70px; position:relative;} #footer-left {list-style-type:none; height:20px; margin:0 0 0 14px; width:311px; float:left; position:absolute; top:40px; left:0;} #footer-left li {color:#111; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; float:left; display:block; padding:0 3px;} #footer-left li a {color:#111; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; float:left; display:block;} #footer-right {list-style-type:none; height:20px; margin:0 16px 0 0; width:368px; float:right; position:absolute; top:40px; right:0;} #footer-right li {color:#111; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; float:left; display:block; padding:0 3px;} #footer-right li a {color:#111; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; float:left; display:block;} ul#nav-footer-left li, ul#nav-footer-right li { list-style-type:none; display:inline; } ul#nav-footer-left li a, ul#nav-footer-right li a { color:#111; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-transform:uppercase; } ul#nav-footer-left li a:hover, ul#nav-footer-right li a:hover { color:#920609; } ul#nav-footer-left li.footer-home a { position:absolute; left:10px; bottom:40px; } ul#nav-footer-left li.footer-spaces a { position:absolute; left:60px; bottom:40px; } ul#nav-footer-left li.footer-services a { position:absolute; left:120px; bottom:40px; } ul#nav-footer-left li.footer-testimonials a { position:absolute; left:190px; bottom:40px; } ul#nav-footer-right li.footer-photos a { position:absolute; right:214px; bottom:40px; } ul#nav-footer-right li.footer-faq a { position:absolute; right:180px; bottom:40px; } ul#nav-footer-right li.footer-events a { position:absolute; right:123px; bottom:40px; } ul#nav-footer-right li.footer-contact a { position:absolute; right:55px; bottom:40px; } ul#nav-footer-right li.footer-merchandise a { position:absolute; right:-40px; bottom:40px; } p.footer-address { color:#920609; font:10px 'SansumiRegular', Helvetica, Arial, sans-serif; text-align:center; margin-top:5px; } #ivc-footer { background-color:#434242; height:45px; width:100%; padding-top:10px; } #ivc-info { width:450px; margin:auto; } #ivc-img a { text-decoration:none; color:#FFF; float:left; } #ivc-text { padding-top:13px; } #ivc-text a { text-decoration:none; color:#FFF; font-size:10px; } #ayc { margin:auto; color:#920609; text-transform:uppercase; font-size:9px; width:350px; padding:10px 0; } #ayc a { color:#920609; text-transform:uppercase; font-size:9px; } /* Colorbox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* 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:url(images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* 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 IE9. */ .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); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /** * Error CSS */ .errmsg { background-color:#FFF5F5; border:1px dotted #CC0000; margin:5px 0 5px 0; font-size: 12px; } .errmsg div { padding: 10px 0 10px 0; } .errmsg ul { margin-top: 0; margin-bottom: 0; margin-left: 25px; } .errmsg li { list-style: disc;} /* SWF Upload CSS */ DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; } SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }