/* ==========================================={ MR BOTTLES CSS STYLESHEET }===================================== */ * {margin: 0; padding: 0;} body, html{} body{background-color: #000; font-size: 14px; margin: 0; padding: 0; color:#333; font-family:Arial;} a, a img {border:none; outline:none;} a:link{color:#E4C299;} a:visited{color:#E4C299; text-decoration:none; } a:hover{color:#2498A0; text-decoration: none; } a:active{color:#2498A0; } header, footer, nav, section{display: block; } img {border:none; } #PaginationDisplay a {padding:5px;} /* ==============={ Special/Auto Classes}=============== */ .clear {clear:both; } .wrap {width:100%; margin:0 auto; position:relative; max-width:1000px;} table {border-collapse: collapse; } .noClick {cursor:default;} /* ==============={ HEADINGS }=============== */ h1, h2, h3, h4, h5, h6 {font-family: 'agency_fbregular'; } #Home h1{color:#617D57;} h1 {font-size: 40px; padding-bottom: 0; margin:5px 0; color:#2498A0; color:#fff; text-transform:uppercase;} h2 {padding: 0; color:#2498A0; font-size:22px; margin:20px 0 10px 0; } h3 {font-size: 16px; } h4 {font-size: 20px; font-weight:bold;} h5, h6 {font-size: 16px; color:#531210; font-style:italic; margin:15px 0; line-height:22px; font-weight:bold;} p {margin:15px 0 25px; line-height:20px; font-size:14px;} #main li {margin-left:24px; color:#2498A0; font-weight:bold; font-style:italic;} .harrington {font-family: 'HARRINGT'; color:#000;} /* ==============={ Header }=============== */ /* Updated Navigation */ #leftNavUL {width:42%; margin-left:4%; float:left; list-style-type:none; margin-top:30px; position:relative; z-index:100;} #leftNavUL li {float:left;} #leftNavUL li a {color: #fff; font-family: "HARRINGT"; font-size: 25px; text-decoration:none; padding:10px 20px; display:block; transition:all 0.3s ease;} #leftNavUL li a:hover {color:#617d57; transition:all 0.3s ease;} #rightNavUL {width:49%; float:right; list-style-type:none; margin-top:30px; position:relative; z-index:100;} #rightNavUL li {float:left;} #rightNavUL li a {color: #fff; font-family: "HARRINGT"; font-size: 25px; text-decoration:none; padding:10px 20px; display:block; transition:all 0.3s ease;} #rightNavUL li a:hover {color:#617d57; transition:all 0.3s ease;} #rightNavUL #appraisalLI a:hover {color:#FFF173;} #rightNavUL #appraisalLI {transition:all 0.2s ease;} #rightNavUL #appraisalLI:hover {transition:all 0.2s ease; transform: rotate(1.5deg) scale(1) skew(1deg) translate(3px); -webkit-transform: rotate(1.5deg) scale(1) skew(1deg) translate(3px); -moz-transform: rotate(1.5deg) scale(1) skew(1deg) translate(3px); -o-transform: rotate(1.5deg) scale(1) skew(1deg) translate(3px); -ms-transform: rotate(1.5deg) scale(1) skew(1deg) translate(3px);} #ofInterestLI {position:relative;} #ofInterestLI:hover {cursor:default;} #ofInterestLI:hover #ofInterestUL {opacity:1; height:auto; transition:all 0.3s ease; overflow:hidden; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} #ofInterestUL {position:absolute; top:40px; left:0; opacity:0; width:185px; background:#617d57; height:0; transition:all 0.3s ease; overflow:hidden; z-index:100;} #ofInterestUL li {display:block; float:left; clear:both; width:100%;} #ofInterestUL li a {display:block; width:100%; font-size:18px;} #ofInterestUL li a:hover {color:#FFF; background:#394a33;} #resourcesLI {position:relative;} #resourcesLI:hover {cursor:pointer;} #resourcesLI:hover #resourcesUL {opacity:1; height:auto; transition:all 0.3s ease; overflow:hidden; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} #resourcesUL {position:absolute; top:40px; left:0; opacity:0; width:185px; background:#617d57; height:0; transition:all 0.3s ease; overflow:hidden; z-index:100;} #resourcesUL li {display:block; float:left; clear:both; width:100%;} #resourcesUL li a {display:block; width:100%; font-size:18px;} #resourcesUL li a:hover {color:#FFF; background:#394a33;} #galleriesLI {position:relative;} #galleriesLI:hover #galleriesUL {opacity:1; height:auto; transition:all 0.3s ease; overflow:hidden; z-index:9999; transition:all 0.3s ease; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} #galleriesUL {position:absolute; top:40px; left:0; opacity:0; width:185px; background:#617d57; height:0; transition:all 0.3s ease; overflow:hidden; z-index:9999;} #galleriesUL li {display:block; float:left; clear:both; width:100%;} #galleriesUL li a {display:block; width:100%; font-size:18px;} #galleriesUL li a:hover {color:#FFF; background:#394a33;} .image {text-align:center;} .backButton {text-align:center;} .backButton input {background: #e4c299; border: none; color: #000; display: block; font-family: "agency_fbregular"; font-size: 14px; margin: 0 auto; padding: 3.5px 2px; transition: all 0.3s ease 0s;} .backButton input:hover {display:block; cursor:pointer; transition:all 0.3s ease; background:#A56303; color:#FFF; display:block; border:none; font-family:"agency_fbregular"; font-size:14px; padding:3.5px 2px; transition:all 0.3s ease 0s;} #header {float:left; display:block; margin:0 auto; z-index:500; width:100%; position:absolute; top:0;} #headerLogo {display:block; position:absolute; height:344px; width:320px; margin:0 auto; text-align:center; left:338px; top:0; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7);} #headerLogo {top:23px; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);} #headerLogo #headerLogoImage {position:relative; top:-15px; display:block; float:left; height:100%; width:100%; margin:0 auto; text-align:center;} #headerLogo #headerLogoImageSpin {display:block; float:left; height:72px; width:70px; position:absolute; margin:212px 0 0 225px; -webkit-animation: rotate 20s linear infinite; -moz-animation: rotate 20s linear infinite; -o-animation: rotate 20s linear infinite; -ms-animation: rotate 20s linear infinite; animation: rotate linear 20s infinite;} #header.headerLogoZ {z-index:1;} #headerGalleries {height:171px; width:198px;} #headerOfInterest {height:131px; width:173px; margin-left:5px; margin-top:50px;} #headerLinksAndResources {height:137px; width:197px; float:right; margin-right:-10px;} #headerNews {height:161px; width:221px; float:right; margin-top:65px; -moz-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform:rotate(8deg); -o-transform:rotate(8deg); -ms-transform:rotate(8deg);} #headerContact {position:absolute; right:30px; top:-10px; font-family: 'HARRINGT'; color:#fff; font-size:27px; letter-spacing:-2px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} #headerContact:hover {color:#2498A0;} .headerButton {display:block; float:left; margin-top:30px; color:#fff; text-decoration:none; } .headerButton:hover img {-moz-transform: rotate(-4deg) scale(0.95); -webkit-transform: rotate(-4deg) scale(0.95); transform:rotate(-4deg) scale(0.95); -o-transform:rotate(-4deg) scale(0.95); -ms-transform:rotate(-4deg) scale(0.95); -webkit-filter: grayscale(50%);filter: grayscale(50%); -moz-filter: grayscale(50%); -o-filter: grayscale(50%); -ms-filter: grayscale(50%);} .headerButton img {display:block; width:100%; height:100%; float:left; z-index:2; position:relative; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} .headerButton:hover .dropdown {max-height:300px;} .dropdown {padding-top:20px;display:block; height:auto; max-height:0px; width:120px; top:145px; border-radius:4px;background:url(/Content/images/brown75.png) top left repeat; position:absolute; overflow:hidden; z-index:1; margin-left:25px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;} .dropdown li {height:40px; width:100%; display:block; margin:1px 0; line-height:40px; font-size:18px;} .dropdown li a {height:100%; width:100%; display:block; float:left; text-align:center; color:#fff; font-family: 'agency_fbregular'; -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease; text-decoration:none;} .dropdown li a:hover {background:#fff; color:#3C1E06;} #headerLinksAndResources .dropdown {margin-left:60px; top:128px;} /* ==============={ HomePage }=============== */ .viewFullGalleryHome {background:url(/Content/images/contentBlockSep.png) top center no-repeat; width:100%; padding-top:18px; height:43px; font-family: 'agency_fbbold';} .catPaginationGallery {padding-bottom:35px; display:block; width:100%;} .catPaginationGallery a {padding:5px;} .catPaginationGallery .selected {padding:5px;} #homePage {background:url(/Content/images/wisconsinBottlesWoodBarBackground.jpg) top center no-repeat; margin-top:0; width:100%; float:left; margin:0 auto; display:block; height:939px; overflow:hidden; z-index:2; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} #TopBG {margin-top:0; width:100%; float:left; margin:0 auto; display:block; height:375px; background:url(/Content/images/wisconsinBottlesWoodBarBackgroundSub.jpg) top center no-repeat; overflow:hidden; z-index:2; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} #Home #TopBG {display:none;} #homePage.homeFade, #TopBG.homeFade {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; opacity: 0 !important;} #Gallery #TopBG {margin-top:0;} #TopBG {} /* ===={ Taking It Down To Bottle Town }==== */ #bottleButtons .bottleButton {z-index:100; cursor:pointer; background:url(/Content/images/bottleButton.png) top center no-repeat; font-family: 'agency_fbregular'; font-size:16px; width:auto; min-width:72px; text-align:center; height:53px; color:#fff; text-decoration:none; display:block; position:absolute; line-height:51px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} #bottleButtons .bottleButton:hover {-moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg);} #seltzerButton {top:515px; left:80px;} #medicineButton {top:624px; left:173px;} #blobButton {top:548px; left:236px;} #milkButton {top:440px; left:289px;} #wisconsinButton {top:605px; left:310px;} #whiskeyButton {top:462px; left:400px;} #sodaButton {top:568px; left:496px;} #hutchinsonButton {top:535px; left:597px;} #bittersButton {top:463px; left:683px;} #stonewareButton {top:515px; left:785px;} #crownButton {top:472px; left:904px;} #pigButton {top:681px; left:805px;} .buttonHover {-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);} #closeButton {z-index:100; cursor:pointer; background:url(/Content/images/bottleButton.png) top center no-repeat; font-family: 'agency_fbregular'; font-size:16px; width:auto; min-width:72px; text-align:center; height:53px; color:#fff; text-decoration:none; display:block; position:absolute; line-height:51px; left:830px; top:275px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} #closeButton:hover {-moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg);} .bottleInfo {display:block; width:800px; height:500px; left:0; position:absolute; background:#fff; box-shadow:12px 15px 20px #000; top:270px; border-radius:10px 10px 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .bottleInfo.goodBye {left:-150%;} #closeButton.goodBye {left:-150%;} #bottleBox {position:relative; z-index:100;} #WisconsinBottleGalleries .categoryItem {display:none;} #WisconsinBottleGalleries h3 {display:none;} #WisconsinBottleGalleries #bottles {top:-280px;} #WisconsinBottleGalleries #bottleButtons {top:-280px; position:relative;} #WisconsinBottleGalleries .photoCatGalleryBottles {height:500px; width:100%;} #bottles {display:block; position:absolute; width:100%; top:0px; z-index:2;} .bottleOrigin {-webkit-transform-origin: center bottom 0;-moz-transform-origin: center bottom 0; -o-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;} .bottle {display:block; position:absolute; z-index:1; -webkit-backface-visibility: hidden; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .bottleLeft {margin-left:150% !important;} .bottleTop {margin-top:-150% !important;} .bottleShake {-webkit-animation: bottleShake 1.2s; -moz-animation: bottleShake 1.2s; -o-animation: bottleShake 1.2s; -ms-animation: bottleShake 1.2s; animation: bottleShake 1.2s;} .bottleHover {-webkit-animation: bottleHover 2s; -moz-animation: bottleHover 2s; -o-animation: bottleHover 2s; -ms-animation: bottleHover 2s; animation: bottleHover 2s;} .bottleHover2 {-webkit-animation: bottleHover2 2s; -moz-animation: bottleHover2 2s; -o-animation: bottleHover2 2s; -ms-animation: bottleHover2 2s; animation: bottleHover2 2s;} .bottleSlide {margin-left:58px !important; margin-top:230px !important;} #medicine.bottleSlide {margin-left:160px !important; margin-top:450px !important;} #blob.bottleSlide {margin-left:180px !important; margin-top:352px !important;} #wisconsin.bottleSlide {margin-left:300px !important; margin-top:450px !important;} #milk.bottleSlide {margin-left:260px !important; margin-top:386px !important;} #whiskey.bottleSlide {margin-left:330px !important; margin-top:364px !important;} #soda.bottleSlide {margin-left:465px !important; margin-top:397px !important;} #hutchinson.bottleSlide {margin-left:555px !important; margin-top:432px !important;} #bitters.bottleSlide {margin-left:665px !important; margin-top:283px !important;} #stoneware.bottleSlide {margin-left:747px !important; margin-top:373px !important;} #crown.bottleSlide {margin-left:781px !important; margin-top:270px !important;} #pig.bottleSlide {margin-left:686px !important; margin-top:555px !important;} #seltzer {background:url(/Content/images/SeltzerWater.png) top center no-repeat; height:547px; width:237px; margin-top:255px; z-index:3;} #medicine {background:url(/Content/images/MedicineBottle.png) top center no-repeat; height:269px; width:123px; margin-top:531px; margin-left:145px; z-index:5;} #blob {background:url(/Content/images/BlobBeer.png) top center no-repeat; height:435px; width:193px; margin-top:369px; z-index:2; margin-left:148px; } #milk {background:url(/Content/images/MilkBottle.png) top center no-repeat; height:354px; width:172px; margin-top:403px; margin-left:238px; z-index:1;} #wisconsin {background:url(/Content/images/WisconsinGlass.png) top center no-repeat; height:322px; width:124px; margin-top:473px; margin-left:287px; z-index:5;} #whiskey {background:url(/Content/images/WhiskeyFlask.png) top center no-repeat; height:423px; width:229px; margin-top:373px; margin-left:318px;} #soda {background:url(/Content/images/SodaBottle.png) top center no-repeat; height:402px; width:168px; margin-top:407px; margin-left:446px; z-index:5;} #hutchinson {background:url(/Content/images/HutchinsonBottle.png) top center no-repeat; height:359px; width:184px; margin-top:438px; margin-left:537px; z-index:2;} #bitters {background:url(/Content/images/BittersBottle.png) top center no-repeat; height:398px; width:194px; margin-top:300px; margin-left:625px; } #stoneware {background:url(/Content/images/StonewareBottle.png) top center no-repeat; height:385px; width:185px; margin-top:384px; margin-left:722px; } #crown {background:url(/Content/images/crownTop.png) top center no-repeat; height:511px; width:193px; margin-top:280px; margin-left:835px; } #pig {background:url(/Content/images/PigBottle.png) top center no-repeat; height:197px; width:411px; margin-top:605px; margin-left:626px; z-index:5;} .bottleInfoBlock{display:block; float:left; width:635px; margin-left:55px; font-family: "agency_fbregular";} .bottleInfoBlock p {font-size:18px; letter-spacing:1px;} .bottleInfoBlock img {max-height:395px;} #searchContainer {float:right; margin-top:50px; padding:0 5.5% 0 0;} .searchFormCat {width:90%; float:left; display:block; margin:0 0 35px 0;} .searchFormCat input[type=text] {width:73%; clear:both; display:block; float:left; padding:5px 0; height:auto; margin:0 0 4px 0; border:none;} .searchFormCat input[type=submit] {display:block; float:right; transition:all 0.3s ease; background:#e4c299; color:#000; display:block; border:none; font-family:"agency_fbregular"; font-size:14px; margin:0 0 0 0px; padding:3.5px 2px; transition:all 0.3s ease 0s;} .searchFormCat input[type=submit]:hover {background:#a56303; color:#FFF; transition:all 0.3s ease; cursor:pointer;} #SearchPageBodyID #mainContent li {color:#FFF; font-weight:normal; font-style:normal; font-size:13px; margin:5px 0; float:left; width:100%; display:block;} .searchHeader {display:block; float:left; width:100%; font-family: 'agency_fbbold'; font-size:18px;} .searchBody {display:block; width:80%; float:left;} .searchLink {display:block; float:right;} .searchLink a {background:#e4c299; color:#000; position:relative; top:-15px; display:block; float:right; font-family:"agency_fbregular"; font-size:16px; margin:6px 30px 0 0; padding:5px 25px; transition:all 0.3s ease 0s;} .searchLink a:hover {background:#A56303; color:#FFF; transition:all 0.3s ease;} .catHomeBlock {display:block; float:left; height:200px; width:100%; background:#000; height:190px; position:absolute; bottom:0; border-top:2px solid #2498A0;} .categoryList {display:block; float:left; height:auto; width:700px;} .categoryItem {display:block; float:left; height:230px; width:135px; margin-right:3px; margin-top:20px;} .categoryItem a {display:block; float:left; height:100%; width:100%; overflow:hidden; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} .categoryItem a img {display:table-cell; vertical-align:middle; margin:0 auto; text-align:center; border-radius:10px; max-width:135px; width:auto; max-height:150px; height:auto;} .categoryItem a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; filter: alpha(opacity=70) !important; opacity: 0.7 !important;-webkit-animation: bottleHover2 0.5s; -moz-animation: bottleHover2 0.5s; -o-animation: bottleHover2 0.5s; -ms-animation: bottleHover2 0.5s; animation: bottleHover2 0.5s;} .subCategoryName {display:block; width:100%; margin:0 auto; text-align:center; margin-top:10px; color:#E4C299; font-family: 'agency_fbregular'; font-size:18px;} .categoryItem a:hover .subCategoryName {color:#2498A0;} .catHomeBlock .viewFullGallery {z-index:100; top:-55px; background:url(/Content/images/bottleButtonBlack.png) top center no-repeat; font-family: 'agency_fbregular'; position:absolute; right:80px; font-size:16px; width:auto; min-width:72px; text-align:center; height:53px; color:#000; text-decoration:none; display:block; float:left; line-height:51px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} .viewFullGallery:hover {-moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg);} .categoryItem a {display:block; text-align:center; text-decoration:none;} .categoryImage {display:table; height:150px; width:100%;} .catImgContainer {display:table-cell; vertical-align:middle;} #WisconsinStoneware .photoContainerBit {display:none;} .PhotoCategoryBodyClass .photoItem {height:195px; font-size:12px;} .photoItem {display:block; height:150px; width:150px; float:left; margin:20px 8px 10px;} .photoItem a {display:table; height:100%; width:100%; float:left; overflow:hidden; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} .photoItem a img {display:block; height:auto; width:100%; max-width:150px; text-align:center; margin:0 auto; width:auto; max-height:150px; border-radius:10px;} .photoItem a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; filter: alpha(opacity=70) !important; opacity: 0.7 !important; -webkit-animation: bottleHover2 0.5s; -moz-animation: bottleHover2 0.5s; -o-animation: bottleHover2 0.5s; -ms-animation: bottleHover2 0.5s; animation: bottleHover2 0.5s;} .photoContainerBit {display:block; clear:both; width:100%; float:left;} .photoContainerBit h3 {font-weight:normal; font-size:18px;} .legend {position:relative; z-index:10000; color:#FFF; padding:0 10%; width:80%;} .headline {width:100%; text-align:center; color:#FFF; font-family: 'agency_fbregular'; font-size:28px;} .spanImgInner {display:table-cell; vertical-align:middle; text-align:center;} #AntiqueBottlesForSale .photoContainerBit, #Bitters .photoContainerBit, #ChaseValleyGlass .photoContainerBit, #ClayBeers .photoContainerBit, #CrownBottleTop .photoContainerBit, #GlassCleaningBeforeAfter .photoContainerBit, #Steven .photoContainerBit, #WisconsinBlobBeers .photoContainerBit, #WisconsinBlobSoda .photoContainerBit, #WisconsinGlass .photoContainerBit, #WisconsinHutchinson .photoContainerBit, #WisconsinMedicines .photoContainerBit, #WisconsinMilkBottles .photoContainerBit, #WisconsinSeltzers .photoContainerBit, #WisconsinStoneware .photoContainerBit {display:none;} .galleryPagination {display:block; float:left; width:100%; margin:5px auto; font-family: 'agency_fbregular'; color:#fff; font-size:15px;} .galleryPagination a {color:#E4C299; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} .galleryPagination a:hover {color:#2498A0;} /* ==============={ Sub Pages }=============== */ #Contact p {text-align:center;} #subPageBox{display: block; float: left; height: auto; margin:0 auto; width: 100%; margin-top: 380px;} .rollIn{display:block; position:absolute; z-index:1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} #News .rollIn {margin-top:180px; margin-left:120px; height:302px; width:914px; background:url(/Content/images/newsArt.png) top center no-repeat;} .newsClass .rollIn {margin-top:180px; margin-left:120px; height:302px; width:914px; background:url(/Content/images/newsArt.png) top center no-repeat;} .PhotoCategoryBodyClass .rollIn, .PhotoEntryBodyClass .rollIn {margin-top:185px; margin-left:110px; height:222px; width:811px; background:url(/Content/images/gallery.png) top center no-repeat;} #Contact .rollIn{margin-top:115px; margin-left:120px; height:325px; width:688px; background:url(/Content/images/contactArt.png) top center no-repeat;} #Events .rollIn{margin-top:228px; margin-left:50px; height:172px; width:820px; background:url(/Content/images/events.png) top center no-repeat;} #TheHunt .rollIn{margin-top:78px; margin-left:-65px; height:394px; width:998px; background:url(/Content/images/theHunt.png) top center no-repeat;} #WishList .rollIn{margin-top:145px; margin-left:55px; height:263px; width:803px; background:url(/Content/images/wishList.png) top center no-repeat;} #AdminId .rollIn{margin-top:228px; margin-left:120px; height:271px; width:660px; background:url(/Content/images/signInArt.png) top center no-repeat;} #Links .rollIn{margin-top:198px; margin-left:110px; height:222px; width:743px; background:url(/Content/images/links.png) top center no-repeat;} #HallOfFame .rollIn{margin-top:128px; margin-left:120px; height:270px; width:818px; background:url(/Content/images/hallOfFame.png) top center no-repeat;} #FAQ .rollIn{margin-top:208px; margin-left:127px; height:218px; width:867px; background:url(/Content/images/faq.png) top center no-repeat;} #BottleClub .rollIn{margin-top:109px; margin-left:117px; height:323px; width:736px; background:url(/Content/images/bottleClub.png) top center no-repeat;} #BottleCleaning .rollIn{margin-top:120px; margin-left:190px; height:264px; width:743px; background:url(/Content/images/bottleCleaning.png) top center no-repeat;} #Appraisals .rollIn{margin-top:155px; margin-left:160px; height:267px; width:685px; background:url(/Content/images/appraisals.png) top center no-repeat;} #theHuntID .rollIn {margin-top:155px; height:394px; width:998px; background:url(/Content/images/theHunt.png) top center no-repeat;} #Home #scrollDown{display:none;} #scrollDown{z-index:490;background:url(/Content/images/scrollDown.png) top center no-repeat; height:128px; width:75px; position:absolute; left:20px; top:235px; cursor:pointer; -webkit-animation: scrollDown 2s ease infinite; -moz-animation: scrollDown 2s ease infinite; -o-animation: scrollDown 2s ease infinite; -ms-animation: scrollDown 2s ease infinite; animation: scrollDown 2s ease infinite;} #scrollDown:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; filter: alpha(opacity=70) !important; opacity: 0.7 !important;} /* ==============={ MAIN CONTENT AREA }=============== */ #main{display:block; float:left; clear:both; width:100%; height:auto; position:relative; color:#fff;} #AdminLogin button{width:48%; float:left;} #AdminLogin .forgotPass{width:48%; float:left; clear:none;} #homeMain{display:block; float:left; width:100%; height:auto; position:relative; color:#fff;} #homepageImage{background:url(/Content/images/contentPhotoBackground.png) top center no-repeat; height:348px; width:438px; float:left; margin-right:25px; margin-bottom:20px; margin-top:-100px; -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg);} #homepageImageBox{position:relative; float:left; text-align:center; display:block; height:272px; width:388px; overflow:hidden; margin:35px 0 0 30px;} #homepageImageBox img{float:left; margin:0 auto; padding:0;} #bottomBlock{float:left; width:650px; height:auto;} #homepageImage2{background:url(/Content/images/contentPhotoBackground2.png) top center no-repeat; height:402px; width:296px; float:right; margin-left:25px; margin-bottom:20px; -moz-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg);} #homepageImageBox2{position:relative; float:left; text-align:center; display:block; height:272px; width:350px; overflow:hidden; margin:43px 0 0 34px;} #homepageImageBox2 img{float:left; margin:0 auto; padding:0;} /* ==============={ FOOTER }=============== */ .noScriptWarning {position:fixed; top:0; width:100%; line-height:35px; color:#FFF; font-weight:bold; text-align:center; background:#FF0000; display:none; z-index:999999;} #footer{background:url(/Content/images/wiconsinBottlesWoodFooterBackground.jpg) top center no-repeat; width:100%; margin:0 auto; height:258px; float:left; margin-top:50px; font-family: 'agency_fbregular'; position:relative;} #footerLogo{display:block; float:left; height:153px; margin-top:60px;} #footerLogo img {margin:0 10px;} #fohbc{margin-top:60px; margin-left:20px;display:block; float:left; height:140px; width:74px;} #footerNav{display:block; float:right; width:auto; height:auto; margin-top:60px;} #footerNav li{float:left; list-style-type:none;} #footerNav a{color:#fff; text-decoration:none; font-size:18px; margin-left:52px; letter-spacing:2px; display:block; -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;} #footerNav a:hover{-moz-transform: rotate(-4deg) scale(0.95); -webkit-transform: rotate(-4deg) scale(0.95); transform:rotate(-4deg) scale(0.95); -o-transform:rotate(-4deg) scale(0.95); -ms-transform:rotate(-4deg) scale(0.95);} #footerNav2, #footerNav3{display:block; float:left; width:auto; height:auto; top:86px; position:absolute; right:0;} #footerNav2{right:405px;} #footerNav3{right:247px;} #footerNav2 li, #footerNav3 li{list-style-type:none;} #footerNav2 a, #footerNav3 a{color:#fff; font-size:14px; letter-spacing:2px; display:block; text-align:center; text-decoration:none; -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;} #footerNav2 a:hover, #footerNav3 a:hover{-moz-transform: rotate(-4deg) scale(0.95); -webkit-transform: rotate(-4deg) scale(0.95); transform:rotate(-4deg) scale(0.95); -o-transform:rotate(-4deg) scale(0.95); -ms-transform:rotate(-4deg) scale(0.95);} /* ==============={ Contact/Admin AREA }=============== */ #ContactStreamBodyID #mainContent, #AdminLogin #mainContent{width:500px; text-align:center; margin:0 auto; float:none;} #ContactForm{margin:0 auto; width:50%; margin-bottom:80px;} label, .formLabel {clear:both; font-size:16px; margin:0 auto; font-family: 'agency_fbregular'; color:#fff; font-weight:bold;} #Contact h1 {text-align:center;} input[type="text"], input[type="email"], input[type="password"], textarea{border:none; border: 1px solid #DBD9D9; color: #444; font-size: 12px; padding: 5px; width: 98%; background:#F9F9F9; height:30px; border-radius:5px; margin:10px 0; font-weight:bold; color:#000; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;} textarea{min-height:100px;} input:focus, textarea:focus, #recaptcha_response_field { border:1px solid #459ECE; background:#FDEBC8;} label.error {display: inline; text-transform:uppercase; letter-spacing:2px; clear:both; font-size:16px; margin:0 auto; font-family: 'agency_fbregular'; color:#E20000; width:100%; text-align:center; float:left;} input.error, textarea.error, #recaptcha_response_field.error {background:#FDEBC8; border:1px solid #E20000;} #answerLabel label.error{margin-bottom:10px;} #answerWrap{width:100%; float:left; display:block; height:auto;} #lastStepTitleText{font-family: 'Open Sans', sans-serif; color:#2498A0; font-weight:bold; font-size:12px; text-align:center; width:100%; float:left; margin-bottom:10px;} .mathQuest{width:48%; float:left; text-align:right; margin-right:2%; height:40px; line-height:40px;} .labelSpace{ font-size:30px; color:#333; margin-top:30px; font-family: 'agency_fbregular'; text-align:right; width:100%; margin:0 auto; border-radius:5px; background:none; color:#fff;} #answer{width:50%; float:left;} #questAns{font-size:24px; color:#333; margin-top:30px; font-family: 'agency_fbregular'; text-align:center; width:50%; margin:0 auto; border-radius:5px; float:left;} #SendButton{clear:both; float:left; width:100%; text-align:center; margin:0 auto; margin-top:20px;} #SendButton input, button{clear:both; font-size:16px; background:url(/Content/images/bottleButton.png) top center no-repeat; margin:0 auto; font-family: 'agency_fbregular'; color:#fff; width:auto; min-width:72px; height:53px; cursor:pointer; border:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} #SendButton input:hover, button:hover, #main .forgotPass a:hover{color:#fff; -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg);} .forgotPass{display:block; width:100%; text-align:center; clear:both; padding:0; margin:0 auto;} #main .forgotPass a{padding:0; display:block; clear:both; font-size:16px; line-height:51px; background:url(/Content/images/bottleButton.png) top center no-repeat; margin:0 auto; text-decoration:none; font-family: 'agency_fbregular'; color:#fff; width:auto; min-width:72px; height:53px; cursor:pointer; border:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} #recaptcha_privacy a {color:#e4c299;} .recaptchatable {width:100%;} /* News Styling ====================================================== */ .newsItem {display:block; width:100%; margin:10px 0; float:left;} .newsLink {font-size:21px; text-transform:uppercase; transition: all 0.3s ease; } .newsLink a {transition: all 0.3s ease; font-family: "agency_fbregular";} .newsLink a:hover {transition: all 0.3s ease;} .newsContent { } .newsContent .newsReadMore, .theHuntContent .newsReadMore {background:#e4c299; font-size:19px; color:#000; display:block; float:right; padding:10px 25px; margin:6px 30px 0 0; transition: all 0.3s ease; font-family: "agency_fbregular";} .newsContent .newsReadMore:hover, .theHuntContent .newsReadMore:hover {background:#A56303; color:#FFF; transition: all 0.3s ease;} .newsClass .newsReadMore {background:#e4c299; font-size:19px; color:#000; display:block; float:right; padding:10px 25px; margin:4px 30px 0 0; transition: all 0.3s ease; font-family: "agency_fbregular";} .newsClass .newsReadMore:hover {background:#A56303; color:#FFF; transition: all 0.3s ease;} #newsUL {margin:0; padding:0; list-style-type:none;} #main .newsLI {display:block; font-style:normal; font-weight:normal; color:#FFF; width:100%; margin:0;} #main .newsLI .newsItem {padding:1% 2%; width:96%;} #main .newsLI:nth-child(even) .newsItem {background:#401A0D; padding:1% 2%; width:96%;} .newsDate {font-size:13px; display:block; margin:10px 0; float:left; width:100%;} /* FAQ Styling ======================================================= */ .faqHeader {display:block; float:left; font-size:26px; width:95%; padding:0 2.5%; margin:10px 0; color:#e4c299; line-height:32px; font-style:normal;} .faqBody {width:95%; margin:0 2.5%; display:block; clear:both;} .faqUL li {display:block; margin:10px 0; float:left;} .faqUL li a {font-style:normal;} /* Events Stream Styling ======================================================= */ #Events .header {font-size:25px; padding:5px;} #calendarEvent {color:#444; padding:5px;} #calendarDate {color:#444; padding:5px;} #calendarOtherInfo {color:#444; padding:5px;} .moreInfo {padding: 0 5px 5px 5px;} .moreInfo a {color:#FFF; background:#A56303; padding:5px 10px; clear:both; text-decoration:none; font-family: "agency_fbregular"; font-size:18px; transition:all 0.3s ease;} .moreInfo a:hover {background:#444; transition:all 0.3s ease;} .moreInfo p {margin:0;} /* The Hunt Stream Styling ======================================================= */ .theHuntLI {list-style-type:none; display:block; width:100%; float:left; margin:10px 0;} .theHuntContent {color:#FFF; font-weight:normal; font-style:normal;} .theHuntHeadline {font-family: "agency_fbregular"; font-style:normal; font-size:20px; display:block; width:100%; float:left; margin:10px 0;} /* ==============={ SECONDARY BANNERS }=============== */ /* ==============={ GALLERY }=============== */ /* ==============={ MISC AREA }=============== */ #backtoTopBtn {position:fixed; right:0; top:150px; z-index:1000; display:none; } #backtoTopBtn img {width:84%; } #backtoTopBtn a {display:block; -webkit-animation: scrollDown2 2s ease infinite; -moz-animation: scrollDown2 2s ease infinite; -o-animation: scrollDown2 2s ease infinite; -ms-animation: scrollDown2 2s ease infinite; animation: scrollDown2 2s ease infinite;} #backtoTopBtn a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; filter: alpha(opacity=70) !important; opacity: 0.7 !important;} @media only screen and (min-width: 1320px) and (max-width: 2000px) { #backtoTopBtn img {width:100%;} } .mfp-bottom-bar {display:none;} #noJava {display:none;} /* ==============={ KEYFRAMES }=============== */ @-webkit-keyframes rotate { 0% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(360deg) infinite; -webkit-transform: rotate(360deg); transform:rotate(360deg); -o-transform:rotate(360deg) infinite; -ms-transform:rotate(360deg);} } @keyframes rotate { 0% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 100% {-moz-transform: rotate(360deg) infinite; -webkit-transform: rotate(360deg); transform:rotate(360deg); -o-transform:rotate(360deg) infinite; -ms-transform:rotate(360deg);} } @-moz-keyframes rotate { 0% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 100% {-moz-transform: rotate(360deg) infinite; -webkit-transform: rotate(360deg); transform:rotate(360deg); -o-transform:rotate(360deg) infinite; -ms-transform:rotate(360deg);} } @-o-keyframes rotate { 0% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 100% {-moz-transform: rotate(360deg) infinite; -webkit-transform: rotate(360deg); transform:rotate(360deg); -o-transform:rotate(360deg) infinite; -ms-transform:rotate(360deg);} } @-ms-keyframes rotate { 0% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 100% {-moz-transform: rotate(360deg) infinite; -webkit-transform: rotate(360deg); transform:rotate(360deg); -o-transform:rotate(360deg) infinite; -ms-transform:rotate(360deg);} } @-webkit-keyframes bottleShake { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 60% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 70%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 80% {-moz-transform: rotate(1deg) infinite; -webkit-transform: rotate(1deg); transform:rotate(1deg); -o-transform:rotate(1deg) infinite; -ms-transform:rotate(1deg);} 90% {-moz-transform: rotate(-1deg) infinite; -webkit-transform: rotate(-1deg); transform:rotate(-1deg); -o-transform:rotate(-1deg) infinite; -ms-transform:rotate(-1deg);} } @keyframes bottleShake { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 60% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 70%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 80% {-moz-transform: rotate(1deg) infinite; -webkit-transform: rotate(1deg); transform:rotate(1deg); -o-transform:rotate(1deg) infinite; -ms-transform:rotate(1deg);} 90% {-moz-transform: rotate(-1deg) infinite; -webkit-transform: rotate(-1deg); transform:rotate(-1deg); -o-transform:rotate(-1deg) infinite; -ms-transform:rotate(-1deg);} } @-moz-keyframes bottleShake { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 60% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 70%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 80% {-moz-transform: rotate(1deg) infinite; -webkit-transform: rotate(1deg); transform:rotate(1deg); -o-transform:rotate(1deg) infinite; -ms-transform:rotate(1deg);} 90% {-moz-transform: rotate(-1deg) infinite; -webkit-transform: rotate(-1deg); transform:rotate(-1deg); -o-transform:rotate(-1deg) infinite; -ms-transform:rotate(-1deg);} } @-o-keyframes bottleShake { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 60% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 70%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 80% {-moz-transform: rotate(1deg) infinite; -webkit-transform: rotate(1deg); transform:rotate(1deg); -o-transform:rotate(1deg) infinite; -ms-transform:rotate(1deg);} 90% {-moz-transform: rotate(-1deg) infinite; -webkit-transform: rotate(-1deg); transform:rotate(-1deg); -o-transform:rotate(-1deg) infinite; -ms-transform:rotate(-1deg);}} } @-ms-keyframes bottleShake { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 60% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 70%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 80% {-moz-transform: rotate(1deg) infinite; -webkit-transform: rotate(1deg); transform:rotate(1deg); -o-transform:rotate(1deg) infinite; -ms-transform:rotate(1deg);} 90% {-moz-transform: rotate(-1deg) infinite; -webkit-transform: rotate(-1deg); transform:rotate(-1deg); -o-transform:rotate(-1deg) infinite; -ms-transform:rotate(-1deg);} } @-webkit-keyframes bottleHover { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 75%{-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} } @keyframes bottleHover { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 75%{-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} } @-moz-keyframes bottleHover { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 75%{-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} } @-o-keyframes bottleHover { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 75%{-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} } @-ms-keyframes bottleHover { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 50% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 75%{-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} } @-webkit-keyframes bottleHover2 { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 50% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 75%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} } @keyframes bottleHover2 { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 50% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 75%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} } @-moz-keyframes bottleHover2 { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 50% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 75%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} } @-o-keyframes bottleHover2 { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 50% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 75%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} } @-ms-keyframes bottleHover2 { 0%, 100% {-moz-transform: rotate(0deg) infinite; -webkit-transform: rotate(0deg); transform:rotate(0deg); -o-transform:rotate(0deg) infinite; -ms-transform:rotate(0deg);} 25% {-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} 50% {-moz-transform: rotate(4deg) infinite; -webkit-transform: rotate(4deg); transform:rotate(4deg); -o-transform:rotate(4deg) infinite; -ms-transform:rotate(4deg);} 75%{-moz-transform: rotate(-4deg) infinite; -webkit-transform: rotate(-4deg); transform:rotate(-4deg); -o-transform:rotate(-4deg) infinite; -ms-transform:rotate(-4deg);} } @-webkit-keyframes scrollDown { 0% { top:235px; } 50% {top:225px;} } @keyframes scrollDown { 0% { top:235px; } 50% {top:225px;} } @-moz-keyframes scrollDown { 0% { top:235px; } 50% {top:225px;} } @-o-keyframes scrollDown { 0% { top:235px; } 50% {top:225px;} } @-ms-keyframes scrollDown { 0% { top:235px; } 50% {top:225px;} } @-webkit-keyframes scrollDown2 { 0% { padding-top:0; } 50% {padding-top:5px;} } @keyframes scrollDown2 { 0% { padding-top:0; } 50% { padding-top:5px;} } @-moz-keyframes scrollDown2 { 0% { padding-top:0; } 50% { padding-top:5px;} } @-o-keyframes scrollDown2 { 0% { padding-top:0; } 50% { padding-top:5px;} } @-ms-keyframes scrollDown2 { 0% { padding-top:0; } 50% { padding-top:5px;} } #mobileMenu {display:none;} .headerText {display:none;} #mobileLogo {display:none;} #mobileTopImage {display:none;} /* ==============={ RESPONSIVE }=============== */ @media only screen and (max-width: 1000px) { .wrap{max-width:720px; width:100%;} #ContactStreamBodyID #mainContent, #AdminLogin #mainContent{width:96%; margin:0 2%;} #mobileMenu {float:right; width:45px; display:block; margin-right:10px;height:45px; background:none; cursor:pointer; text-align:center; position:relative; z-index:1000;} #mobileMenu:hover #menuText {color:#87ba0a;} .menuBar {display:block; position:relative; height:8px; margin:0 18%;} .menuBar img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} #menuBarBox1 {display:block; width:45px; text-align:center; margin:0 auto;} #menuText.MBBRotate0 {color:#fea000;} .MBBRotate {margin-top:18px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform:rotate(45deg); -o-transform:rotate(45deg);} #menuBar2 .MBBRotate2 {margin-top:10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform:rotate(-45deg); -o-transform:rotate(-45deg);} .MBBRotate3 {opacity:0; filter:alpha(opacity=0);} #headerLogo {display:none;} #mobileLogo {display:block; float:left; margin-left:10px;} .headerButton .headerImages {display:none;} #header {width:100%; height:auto; max-height:0; position:absolute; overflow:hidden; top:50px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} F #header.mobileOpen, .dropdown.mobileOpen {max-height:1000px !important;} #header.mobileOpen #leftNavUL {margin:0; width:60%;} #header.mobileOpen #rightNavUL {margin:0; width:30%;} #header.mobileOpen #appraisalLI {display:none;} #header.mobileOpen {background:#000; height:150px;} #header.mobileOpen #searchContainer {display:none;} #header.mobileOpen #galleriesUL {display:none;} #header.mobileOpen #ofInterestUL {display:none;} #header.mobileOpen #resourcesUL {display:none;} .headerButton {display:block; float:left; width:100% !important; height:auto !important; text-align:center; padding:0 !important; margin:0 !important; line-height:50px; position:relative !important; top:0 !important; left:0 !important; -moz-transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; transform:rotate(0deg) !important; -o-transform:rotate(0deg) !important; -ms-transform:rotate(0deg) !important;} .headerText{display:block; color:#fff; float:left; width:100%; height:100%; background:url(/Content/images/brown75.png) top left repeat; font-family: 'agency_fbregular'; font-size:20px; height:50px;} .headerButton:hover .headerText{background:#fff; color:#3B1C07;} .dropdown{display:block; float:left; display:block; position:relative; height:auto !important; width:100%; padding:0 !important; margin:0 auto !important; top:0 !important; left:0 !important; background:rgba(228,194,153,0.8); border-radius:0;} #homePage{margin-top:-400px; } #homePage #bottles{top:238px; left:-100px;-moz-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7);} #homePage #bottleOverlays, #homePage #bottleButtons{display:none;} #homePage.wrap{max-width:100%;} #bottomBlock{width:100%;} #TopBG{margin-top:-550px;} #scrollDown{display:none;} #homepageImage2{display:none;} #footerNav a{margin-left:20px; letter-spacing:1px;} #footerNav2{right:272px;} #footerNav3{right:160px;} } @media only screen and (max-width: 720px) { .wrap{max-width:320px;} #homePage, #TopBG{display:none;} #Home #mobileTopImage{margin-top:0;} #mobileTopImage{display:block; height:auto; width:100%; float:left; margin-top:-130px;} #mobileTopImage img{display:block; height:auto; width:100%; float:left;} #homepageImage, #homepageImage2{display:none;} #footerNav, #footerNav2, #footerNav3{display:none;} .photoItem{width:100%;} } @media only screen and (max-width: 500px) { #mobileTopImage{margin-top:-50px;} }