/* ----------------------------------------------- Saratoga National Weddings Produced by: Word Communications, LLC (www.wordcommunications.com) Author: Matthew J. Stellato Website: http://www.matthewstellato.com Copyright 2009 ----------------------------------------------- */ @import url("reset.css"); body {background: #FCF9F0 url(../images/bg-body.gif) center top repeat; text-align:center;} #base {width:980px; margin:0 auto; color:#000; text-align:left; font:13px Georgia, "Times New Roman", Times, serif; background:url(../images/bg-base.png) no-repeat bottom center; padding-bottom:40px;} #wrap {background:url(../images/bg-content.png) repeat-y top center;} :focus {outline:0;} .clear {line-height:0px; font-size:0; height:0px; clear:both;} .hidden {display:none;} p {padding-bottom:20px;} a {color:#9e1b32; cursor:pointer; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} a:hover {color:#53331A; text-decoration:underline;} /* Header -----------------------------------------------------*/ #header {height:110px; color:#8c887e;} #header h1 a {background: url(../images/logo.png) top left no-repeat; width:400px; height:112px; margin-left:10px; text-indent:-9999em; display:block;} #header h1 a:hover {background-position: 0 -112px;} #header div {float:right; margin:53px 20px 0 0; font-size:12px;} #header h4 {text-indent:-9999em; background:url(../images/heading-ready.gif) no-repeat top left; height:24px; width:245px;} strong.num {font-family:Arial, Helvetica, sans-serif} /* Main Navigation -----------------------------------------------------*/ #nav {background:url(../images/bg-top.png) no-repeat top center; height:52px; padding:10px 12px 0 12px;} #nav ul {width:956px;} #nav ul li {float:left; padding:0; text-indent:0;} #nav ul li a { height:52px; float:left; background:url(../images/mainNav.jpg) top left no-repeat; text-indent:-999999em; cursor:pointer;} #nav li.about a {width:249px; background-position: 0 0} #nav li.packages a {width:205px; background-position: -249px 0} #nav li.venue a {width:157px; background-position: -454px 0} #nav li.accommodations a {width:179px; background-position: -611px 0} #nav li.contact a {width:166px; background-position: -790px 0} #nav li.about a:hover {background-position: 0 -52px} #nav li.packages a:hover {background-position: -249px -52px} #nav li.venue a:hover {background-position: -454px -52px} #nav li.accommodations a:hover {background-position: -611px -52px} #nav li.contact a:hover {background-position: -790px -52px} #nav li#current.about a {background-position: 0 -104px} #nav li#current.packages a {background-position: -249px -104px} #nav li#current.venue a {background-position: -454px -104px} #nav li#current.accommodations a {background-position: -611px -104px} #nav li#current.contact a {background-position: -790px -104px} /* Content -----------------------------------------------------*/ #content {padding:0 12px; position:relative;} #main {width:580px; padding:40px 40px 0 40px; font-size:14px; line-height:20px;} h2 {background-repeat:no-repeat; background-position: center top; height:90px; text-indent:-9999em;} h2#home {background-image:url(../images/heading-home.jpg)} h2#about {background-image:url(../images/heading-about.jpg); height:120px} h2#packages {background-image:url(../images/heading-packages.jpg); height:94px} h2#venue {background-image:url(../images/heading-venue.jpg); height:85px} h2#accommodations {background-image:url(../images/heading-accommodations.jpg); height:85px} h2#contact {background-image:url(../images/heading-contact.jpg); height:100px} h2#contact-thankyou {background-image:url(../images/heading-thankyou.jpg); height:100px} h2#gallery {background-image:url(../images/heading-gallery.jpg); height:75px} h2#video {background-image:url(../images/heading-videos.jpg); height:75px} h2#privacy {background-image:url(../images/heading-privacy.jpg); height:75px} h2#subscribed {background-image:url(../images/heading-subthankyou.jpg); height:75px} h2#error {background-image:url(../images/heading-error.jpg); height:75px} #main ul {padding: 0 0 0 20px; list-style:disc;} #main ul.aboutlist li {padding: 0 0 20px 0;} /* Packages -----------------------------------*/ #packagesContainer {font-size:12px; line-height:18px;} .package {padding-top:10px;margin-bottom:30px;} .package h3 {font-size:20px; color:#8c887e; padding:0 0 5px 0; font-weight:normal; border-bottom:2px solid #F0E1C2} .packageDetails {float:left; width:300px; margin-top:15px;} .pricing {margin-left:340px; margin-top:15px;} #main .pricing ul {list-style:none; padding:10px; line-height:20px; border:1px solid #EBD8B8; background:#F5F0E7; } .pricing ul em {display:block; float:left; font-style:normal; width:180px;} .listings {font-size:12px; margin-bottom:20px;} .listings p {padding:5px 5px 5px 19px; border-bottom:1px solid #F0E1C2;} .listings p.expand {padding:5px;} .listings p.alt, .listings ul.alt {background:#FAF9F5;} .listings p a.icon {display:block; float:left; padding:5px 3px 0 0;} .listings p strong {width:310px; display:block; padding-left:5px; float:left;} .listings p em {display:block; float:left; width:100px;} .listings p span {display:inline; margin-left:30px;} .listings h3 {font-size:20px; color:#8c887e; padding:30px 0 5px 0; font-weight:normal; border-bottom:2px solid #F0E1C2} #main div.listings ul { padding:10px 100px 20px 40px; border-bottom:1px solid #F0E1C2; line-height:normal;} #main.venuepage div { padding-top:5px; margin-left:215px;} #main.venuepage img {float:left; padding:0 10px 10px 0;} /* Video -----------------------------------------------------*/ .panes {height:326px;} #main ul.tabs {padding:20px 0 20px 0; list-style:none;} #main ul.tabs li {height:50px; width:285px; float:left;} #main ul.tabs li.vright {padding-left:10px;} #main ul.tabs img {position:absolute; top:6px; left:5px;} #main ul.tabs a {display:block; padding:15px 0 15px 5px; color:#9e1b32; background:#F0E8D3; position:relative;} #main ul.tabs a strong {padding-left:65px;} #main ul.tabs a span, #main ul.tabs a:hover.current span {display:none;} #main ul.tabs a:hover {background:#F4EFE1; text-decoration:none; color:#666;} #main ul.tabs a:hover span {display:inline; padding-left:10px; color:#C9AC61; font-size:11px; font-style:italic} #main ul.tabs a.current strong { color:#4E4D48;} #main ul.tabs a.current, #main ul.tabs a:hover.current {background:#D9C27F;} /* Sidebar -----------------------------------------------------*/ #sidebar {position: absolute; top:200px; right:12px; width:290px; margin-left:676px;} #sidebar.gallery {top:0px; right:12px;} #sidebar h3 {background:url(../images/sidebar-quicklinks.jpg) no-repeat top left; height:46px; text-indent:-9999em;} #quicknav {background: #EFE7D2 url(../images/sidebar-divider.jpg) bottom center no-repeat; padding:15px 0 30px 0; color:#515151; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #left {float:left; width:140px; padding-left:5px;} #right {margin-left:140px;} #quicknav a {color:#515151; font-size:11px; padding:10px 3px 10px 26px; display:block; background:url(../images/sidebar-ornament.gif) 3px 8px no-repeat} #quicknav a:hover {color:#000; text-decoration:none} #quicknav li.follow { padding:8px 3px 10px 6px;} #quicknav li.follow strong {float:left; padding:2px 3px 0 0;} #quicknav li.follow a {background:none; padding:0 0 0 0; display:inline; margin-left:2px;} #subscribe {padding:20px 20px 15px 20px; font-size:12px;} #subscribe h4 {background:url(../images/sidebar-exclusives.gif) no-repeat top center; height:35px; text-indent:-9999em;} #subscribe p {padding-bottom:8px;} #subscribe input.textfield {border:1px solid #e0d3b9; padding:5px; width:154px; color:#999; margin-bottom:5px; float:left; margin-right:5px;} p#submit {text-align:right; padding-right:3px;} #highlight {background:#F5F0E7; border:1px solid #E8D195; padding:20px 15px; margin:20px;} #highlight a {display:block; padding-bottom:4px; font-size:14px} #sidebarbtm {position:absolute; bottom:0; right:12px; background: #FFFBFA url(../images/sidebar-gradient.jpg) bottom left no-repeat; width:290px; height:134px;} #subscribe form p span.jsvalidation {color:#9e1b32; display:block; position:absolute; bottom:0; left:25px;} /* Form Content ------------------------------------------------------------------*/ #contactform {margin:0 0 30px 0; padding:35px 0 10px 60px; background:#FAF9F5; border:1px solid #F2EFE4;} form p {padding-bottom:10px;} label {display:block; width:110px; float:left; padding:5px 0 0 0;} input.textfield {width:320px; padding:5px; border:1px solid #E0D3B9} textarea {width:320px; height:100px; border:1px solid #E0D3B9; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px;} #contactform p span.jsvalidation {padding-left:5px; color:#9e1b32;} p#submitp {text-align:right; padding-right:75px;} #optinp {margin:0 0 10px 110px;} #optinp input {float:left; margin:2px 8px 0 0;} #optinp label {float:none; width:auto; font-weight:normal; margin-left:20px; padding-top:2px; font-size:12px;line-height:normal} #optinp a {color:#999; font-size:11px; font-weight:normal;} /* Footer Content -----------------------------------------------------*/ #footer {width:940px; padding:15px 0 20px 20px; margin:0 auto; text-align:left; color:#8c887e; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background:url(../images/icon-sngc.gif) right 0px no-repeat;} #footer a {color:#8c887e; font-size:11px;} #footer ul {float:left; margin-right:30px;} #footer li.follow strong {float:left;} #footer li.follow a {background:none; padding:0 0 0 0; display:inline; margin:2px 0 0 2px;} #credit p {color:#A4A199; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center} #credit a {color:#8C887E; font-size:11px;} #sidebar #credit {margin:10px 20px 0 20px; padding:15px 5px 0 5px; border-top:1px solid #EBE5D9;} #sidebar #credit p {text-align:left; color:#C2B595;} #sidebar #credit a {color:#A99D81;}