/* ----------------------------------------------------------------------------------------- Fossil Designs, LLC. 2600 Chippewa Drive, Plover, WI 54467 715.340.4154 http://fossilfoundry.com info@fossilfoundry.com The Patriot Center Wausau Site Design: Erin Kruger, Ontogeny Advertising and Design 715.570.0181 http://www.ontogenyadvertising.com Ontogeny@OntogenyAdvertising.com Visual design copyright 2009. All Rights Reserved. XHTML/CSS released under a Creative Commons Attribution 2.5 licence. ----------------------------------------------------------------------------------------- */ /* Begin Author Styles ----------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; outline: 0; } body { font: 16px/18px "Times New Roman",sans-serif; color: #000000; text-align: left; background:url(images/bg.gif) 0 0; border-top:solid 14px #9c0a0e} a { color: #224466; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } a img { border: 0; } .ar { display: block; text-align: right; } .ac { display: block; text-align: center; } .al { display: block; text-align: left; } .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .fr { float: right; display: inline; } .fl { float: left; display: inline; } .spacer { clear: both; height:20px; } .hidden { display: none; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { margin: 0 auto; width: 798px; } .shell a{position:relative} /* Page ----------------------------------------------------------------------------------------- */ #page{width:828px; margin:0 auto; position:relative; z-index: 1;} #page .top{width:828px; background:url(images/top.png); height:161px; position:relative; z-index: 100 } #page .btm{width:828px; background:url(images/btm.png); height:90px; } #page .rep{width:828px; background:url(images/rep.png) repeat-y; padding-top:51px; } /* Header ----------------------------------------------------------------------------------------- */ #header{} #header .head-nav{padding-top:129px; float: left; display: inline;} #header .head-nav ul{list-style-type: none; padding-left:110px} #header .head-nav li{float: left; font-size: 18px; text-align: center; padding-right:4px} #header .head-nav li.large a{width:150px; background:url(images/bow2.gif)} #header .head-nav li a{float: left; line-height:31px; background:url(images/bow1.gif); width:132px;} #header .head-nav li a.active{float: left; line-height:31px; background:url(images/bow1.gif); width:132px; text-decoration: underline;} h1#logo{ text-indent: -4000px; line-height:0; font-size: 0; width:265px; height:87px; padding:61px 0 0 131px; float: left; display: inline; } h1#logo a{ display: block; height:87px; background:url(images/logo.gif); } h2.ornament{padding-bottom:24px; background:url(images/ornament.gif) no-repeat 0 bottom; color:#002754; font-size: 18px; font-weight: normal; padding-top:20px; margin-bottom:25px} h2.ornament.home{margin-top: -25px; margin-bottom:25px; padding-bottom:24px; background:url(images/ornament.gif) no-repeat 0 bottom; color:#002754; font-size: 18px; font-weight: normal;} /* Navigation ----------------------------------------------------------------------------------------- */ #nav{height:51px; background:url(images/nav.png) no-repeat right 0; left:-36px; top:159px; position:absolute; width:904px; z-index: 100; } #nav ul{height:42px; list-style-type: none; padding-top:5px; padding-left:70px} #nav li{float: left; padding-top:12px; height:30px; background: url(images/star.gif) no-repeat right center; padding-right:19px; padding-left:12px} #nav li.last{background-image:none} #nav li a{float: left; font-size: 18px;} #nav li a.active{font-weight: bold;text-decoration: underline;} /* Content area types ----------------------------------------------------------------------------------------- */ #fullwidth {padding: 10px;width:778px; min-height:278px; position :relative;} #fullwidth .line{bottom:-1px; left:-50px} #fullwidth p {padding-bottom: 1em;} .welcome {background:url(images/~home.jpg) no-repeat; width:798px; height:278px; position:relative;} .welcome .line{bottom:-1px; left:-50px} .fadein { width:798px; height:278px; position:relative;} .fadein img { position:absolute; left:0; top:0; } .fadein .line{bottom:-1px; left:-50px} #content{background:url(../images/inner2sidebar.gif) repeat-y; margin-top:-3px; position:relative; width:798px; height:100%; z-index: 1;} /* Sidebars ----------------------------------------------------------------------------------------- */ .sidebars #content{margin-top:2px} .sidebars{background:url(images/sidebars.png) repeat-y; width:838px; margin-left:-5px; margin-top:-5px; position:relative; z-index: 1; } /* Home Page Text ----------------------------------------------------------------------------------------- */ #hometext {margin: 10px 0; padding: 20px; } /* Blue forms area ----------------------------------------------------------------------------------------- */ .blue-area{background:#769fc0; padding:12px 0 10px 0; width:100%} .blue-area ul{list-style-type: none; padding-left:87px} .blue-area li{float: left; width:315px; } .blue-area li.r-dash{background:url(images/r-dash.gif) no-repeat right 0; margin-right:66px} .blue-area li.r-dash .dash{margin-bottom:24px} .blue-area li label{float: left; font-size: 18px; color:#fff; line-height:25px; width:60px; padding-top:8px} .blue-area li .field{float: left; font-size: 15px;border:0; padding:4px 0; margin-top:10px} .blue-area li .btnp input{border-style: none; border-color: inherit; border-width: 0; display: block; background-color: transparent; color:#fff; font-size: 14px; margin:0 auto; font-weight: bold; font-family: "Times New Roman", sans-serif; cursor:pointer; height: 23px; } .dash{height:50px; /*background:url(images/dashes.gif) repeat-x;*/ width:235px; text-align: center;padding-top:1px} .dash h3{font-size: 20px; color:#fff;} .dash h4{font-size: 14px; color:#fff;} .dash img { border-top:1px dashed white;border-bottom:1px dashed white; } .dash a.view-calendar{background:url(images/calendar.gif); width:231px; height:37px; display: block;} .dash a.view-room{background:url(images/view-room.gif); width:232px; height:36px; display: block;} #amenities li {margin-left: 2.25em;} #sidebar{float: left; display: inline; width:220px;} #sidebar ul{width:210px; list-style-type: none; margin:0 auto; padding-top:20px;} #sidebar li{width:210px; padding-left: 0;} #sidebar li a{color:#2f3436;font-size: 0.9em;font-weight: bold; } #sidebar #testimonial {margin: 0 auto;padding: 0;width: 135px;} .line{background:url(images/line.png) no-repeat; width:905px; height:5px; line-height:0; font-size: 0; left:-246px; bottom:-1px; position:absolute; z-index: 10; } .main{float: left; display: inline; width:550px; min-height:350px; padding-left:20px; padding-bottom:10px; position:relative;z-index: 2;} .main p{padding-bottom:7px} /* Booth Layouts ----------------------------------------------------------------------------------------- */ .boothlayouts { margin: 0.5em; padding: 0.25em; float: left; width: 220px; } .expoboothlayouts { margin: 0.5em; padding: 0.25em; float: left; width: 450px; clear: left; } /* Weddings ----------------------------------------------------------------------------------------- */ ul#weddings {padding-left: 2.5em;margin-top:0.5em; margin-bottom: 1em; } /* Contact Us ----------------------------------------------------------------------------------------- */ ul#corporate {margin: 0;padding-top: 0;} ul#contactus, ul#contactus li ul#corporate { list-style: none; } ul#contactus li { border-bottom: 1px dotted #000; margin: 1.75em 0;} ul#contactus li#first { border-bottom: 0;} ul#contacus li ul#corporate li { border-bottom: 0; } ul#contactus li.vcard {white-space: pre; } ul#contactus li.vcard span.type {display: none; } ul#contactus li h3 {margin-bottom: 0; } span#mpi { padding-left: 50px; display: inline-block;width: 180px; } /* Special Offers and Updates ----------------------------------------------------------------------------------------- */ .offers {width: 50px;display: inline-block; } /* Request A Quote ----------------------------------------------------------------------------------------- */ .quoteform {margin-top:20px; margin-bottom: 20px;padding: 10px; } .quoteformsubmit {margin-top:20px; margin-bottom: 20px; border: none; } .lblquote { width: 125px; display: inline-block;} /* Event Calendar ----------------------------------------------------------------------------------------- */ #eventcalendar { float: left; width:795px; margin: 0; padding: 0; } /* Surrounds the calendar */ .eventmonth { border: 1px solid #dbc9af;width: 725px;margin: 15px auto; background: #ffffff;margin-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: center;clear: both; } /* used as the cssclass of the actual calendar */ .eventmonthtable { width: 725px; /* 694px .eventMonth set to same */ margin-right: auto; margin-left: auto; /*position: relative;*/ margin-bottom: 15px; border: 1px solid #dbc9af; border-collapse:collapse; } .dayNumber { float: right; border-bottom: 1px solid #bb9532; /* #bb9532 */ border-left: 1px solid #bb9532; clear: none; padding: 2px; } .calcurrentmonth { /* no styles needed at this time */ } .calothermonth { background-color: #b7705b; } .calcurrentday { background-color: #769fc0; } .calweekend { background-color: #f9da89; /* width: 15%; */ } .calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend { text-align: left; border: 2px solid #dbc9af; /* #dbc9af */ height: 60px; vertical-align: top; /* needed for positioning the dayNumber part */ position:relative; border-collapse:separate; border-spacing: 5px; } .patriot-event a:hover {background-color: #769fc0; color: navy; } .cedarcreek-event a:hover {background-color: #769fc0; color: navy; } /* .vcard ----------------------------------------------------------------------------------------- */ .vcard span[class="fn"] { color: #000000; } .vcard span[class="type"] {display: none; } /* Footer ----------------------------------------------------------------------------------------- */ #footer{} #footer .left-col{float: left; width:330px; text-align: right; color:#002754; font-size: 14px; line-height:18px; padding-top:15px} #footer span{color:#9c0a0e} #footer .right-col{float: right; display: inline; width:353px; padding-top:17px; padding-right:5px} #footer .right-col a.face{float: right; width:24px; height:25px; background:url(images/facebook.gif);} #footer .right-col a.twitter{float: right; width:26px; height:25px; background:url(images/twitter.gif); margin-left:3px} #footer .right-col p{float: right; display: inline; font-size: 14px; padding-top:6px; padding-right:20px} /* Gallery ----------------------------------------------------------------------------------------- */ ul.gallerylist {margin: 1em;} ul.gallery {margin: 1em; list-style: none;float: left;width: 90%;} ul.gallery li {float: left; display: inline;width: 200px;} ul.gallery li a {margin: 0.5em; text-decoration: none;} ul.gallery li span.description {display: block; text-align: center; width:200px;} ul.gallery.wedding {margin: 1em; list-style: none;float: left;width: 90%;} ul.gallery.wedding li {float: left; display: inline;width: 50%;} ul.gallery.wedding li a {margin: 0.5em; text-decoration: none;} ul.gallery.wedding li span.description {display: block; text-align: center; width:100px;} /*panels --------------------------*/ #panels {background: transparent; list-style:none;} #panels li {} #panels li div {display: inline-block; } #panels li div.type {display: inline-block; text-indent: -9999em; } #panels li h3 {text-decoration: none; padding-left: 1.25em; margin-bottom: .75em; border-top: 0px solid; border-bottom: 0px solid; } #panels li h3:focus {outline: 1px dotted #888; } #panels li h3.collapsed {background: url(images/expand.gif) no-repeat left center;cursor:pointer; } #panels li h3.expanded {background: url(images/collapse.gif) no-repeat left center; cursor:pointer; } #panels li a { font-weight: bold; } #panels li a:hover { text-decoration: underline;} #panels li a:focus {outline: 1px dotted #888; } #panels li ul {margin-left: 1.25em; list-style: none;} #panels li ul li {margin-bottom: 0.75em; border-bottom: 1px solid; } #panels li ul li:first-child {margin-top: 1.25em; border-top: 1px solid; } #panels li ul li:last-child {margin-bottom: 1.25em; border-bottom: 1px solid; }