/********* GLOBAL **********/ @font-face { font-family: 'khand'; src: url('http://www.camphill.org.za/fonts/khand.ttf'); } * { margin: 0; padding: 0; } body { margin:0; padding:0; background-color:#fff; } h1,h2,h3,h4,h5,h6 { display:inline; } div { margin: 0; padding: 0; } p { margin:0; padding-bottom:10px; } hr { text-align:center; height:1px; color:#E0D9AB; background-color:#D9CF97; border:0px; width:100%; } .ol-abc { padding:0 0 0 30px; list-style:lower-alpha; } ul li { margin:0; padding:0; } img { border:0; } blockquote { margin:0 auto; padding:0; font-family: Georgia, serif; font-size: 28px; font-style: normal; width: 280px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position:relative; color: #987A01; text-align:center; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -15px; top: -20px; color: #E4D2AD; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: -15px; bottom: -60px; color: #E4D2AD; } blockquote cite { color: #E4D2AD; font-size: 14px; display: block; margin-top: 5px; text-align:right; } blockquote cite:before { content: "\2014 \2009"; } /********** HEADER **********/ #header_wrapper { margin:0; padding:0; width:100%; height:100px; display:block; background-color:#987A01; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; position: fixed; top: 0; left: 0; z-index:99; float:left; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_logo { margin:4px 0 0 20px; padding: 0; max-width:80px; max-height:200px; z-index:120; position:absolute; } #header_logo img { margin: 0; padding: 0; max-width:80px; height:200px; } /* Header Contact */ #header_contact { margin:0; padding:0; width:200px; height:auto; float:right; z-index:120; position:absolute; top:0; right:0; text-align:center; } #header_email { margin: 10px 0 0 0; padding: 0; width:200px; height:20px; float:right; } #header_email a { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#F0EDDB; font-weight: 200; line-height:14px; text-decoration:none; } #header_email a:hover { color:#000; } #header_social_networks { margin:6px auto 0 auto; padding:0; width:auto; height:auto; text-align:center; display:inline-block; clear:both; } #header_social_networks img { margin:0 4px 0 4px; padding:0; width:24px; height:24px; filter:alpha(opacity=80); -moz-opacity:08; -khtml-opacity: 0.8; opacity: 0.8; } #header_donate { margin:10px 0 0 0; padding:0; } /* Header Base */ #header_base { margin:30px 0 0 0; padding:0 30px 0 0; width:auto; height:auto; text-align:center; } #header_base_left { margin:0; padding:0; width:370px; height:55px; text-align:left; float:left; } #header_base_middle { margin:0; padding:0; width:300px; height:55px; text-align:center; float:left; } #header_base_right { margin:0; padding:0; width:370px; height:55px; text-align:right; float:left; } #header_solar { margin:0; padding:0; width:370px; height:auto; text-align:left; } #header_solar img { margin:3px 0 0 40px; padding:0; width:220px; height:37px; text-align:left; } #header_number { margin:12px 0 0 10px; padding: 0; width:280px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#D3B667; font-weight: 600; line-height:20px; text-align:center; } #header_market { margin:0; padding:0; width:370px; height:auto; text-align:right; } #header_market img { margin:0 40px 0 0; padding:0; width:240px; height:40px; text-align:right; float:right; } /********** MENU *********/ #menu_wrapper { margin:20px auto 0 auto; padding:0; max-width:1100px; height:36px; text-align:left; } #menu_content { margin:0; padding:0; width:auto; height:auto; text-align:center; } /* Dropdown Menu */ #subnav { margin-top:-7px; z-index:99; text-align:left; } .sf-menu { margin:0 auto; padding:6px 0 0 0; list-style: none; line-height: 18px; text-align:left; } .sf-menu ul { margin:0 auto; padding:0; height:30px; list-style:none; position: absolute; top: -999em; width: auto; z-index:99; text-align:left; } .sf-menu ul li { text-align:left; line-height:20px; } .sf-menu li:hover { visibility:inherit; /* fixes IE7 \'sticky bug\' */ } .sf-menu li { float:left; position: relative; } .sf-menu li h2 a { margin: 0 6px 0 6px; padding:4px 32px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#F0EDDB; font-weight: 200; text-decoration:none; line-height:20px; text-transform:uppercase; font-stretch:narrower; } .sf-menu li h2 a:hover { color:#F90; text-decoration:none; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { margin:4px 0 0 0; left: 5px; top: 30px; padding:0 0 4px 0; z-index: 99; } /* match top ul list item height */ .sf-menu li li { margin:-10px 0 0 0; padding: 10px 10px 8px 10px; width:240px; height:auto; border:1px #1A3C57 solid; background-color:#144613; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; } .sf-menu li:hover, .sf-menu li.sfHover, { background-color:#fff; color: #666; text-decoration:none; } .sf-menu li ul { padding: 10px 14px 8px 0; width:160px; } .sf-menu li ul li h3 { padding: 0 8px 0 0; width:160px; } .sf-menu li ul li h3 a { padding: 10px 14px 8px 14px; width:auto; height:auto; font-family:Verdana, Geneva, sans-serif; color:#ECDD38; font-size:14px; font-weight:600; } .sf-menu li ul li h3 a:hover { color: #98CB00; text-decoration:none; } #sub-menu { margin:0; padding:10px 6px 10px 6px; } /********* SLIDESHOW *********/ #slideshow_wrapper { margin:100px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#fff; z-index:1; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #slideshow { margin:0 auto; padding:0; width:100%; max-height:auto; background-color:#fff; z-index:1; } #slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } /* HP body content*/ #hp_content_wrapper { margin: 0; padding: 0; max-width:100%; height:auto; } /****** HomePage ******/ /* HP Content */ #hp_content { margin: 0 auto; padding: 0; max-width:1320px; height:auto; } #hp_content h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; text-align:left; } .sustained-ability { margin: 0; padding:-10px 0 0 10px; font-family: Arial, Helvetica, sans-serif; color: #A3881B; font-size: 30px; font-weight: 200; text-transform:uppercase; } #hp_content h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:block; text-align:left; } #hp_content h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:block; text-align:left; } #hp_content h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:block; text-align:left; } #hp_content h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:block; text-align:left; } #hp_content h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:block; text-align:left; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:900px; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 30px 0 0; padding:0; width:370px; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:370px; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 20px 0; max-width:420px; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:-20px 0 20px 0; padding:0 15px 20px 15px; height:auto; border-bottom:1px solid #e5e5e5; } #hp_content_video { margin:0 0 50px 0; padding:0; width:auto; height:auto; } #hp_content_video h6 { margin:0 0 0 10px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; max-width:640px; max-height:360px; } .view-more-videos { margin:20px 10px 0 0; padding:0; text-align:right; float:right; font-weight:600; } /* HP Content Base */ #hp_content_base { margin:0; padding:0 0 100px 0; width:100%; height:auto; float:left; clear:both; display:block; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 50px 0 0; padding:0; width:179px; height:165px; float:left; } #hp_sponsors_lottery img { margin:0 50px 0 0; padding:0; width:179px; height:165px; border:0; } #hp_sponsors_rotary { margin:0 50px 0 0; padding:0; width:167px; height:165px; float:left; } #hp_sponsors_rotary img { margin:0 50px 0 0; padding:0; width:167px; height:165px; border:0; } #hp_sponsors_raysofhope { margin:0 50px 0 0; padding:0; width:217px; height:165px; float:left; } #hp_sponsors_raysofhope img { margin:0 50px 0 0; padding:0; width:217px; height:165px; border:0; } /* HP Content Classes */ .hp-content-text { margin:0 50px 0 0; padding:0 40px 50px 40px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .hp-content-text p { margin: 0; padding-bottom: 10px; } .hp-content-text a { margin:0; padding:0; text-decoration:none; color:#F60; } .hp-content-text a:hover { text-decoration:none; color:#690; } .hp-row { margin:0 0 50px 0; padding:0; width:auto; height:auto; clear:both; } /* News HP */ .news-snippet-hp { margin:0 0 20px 5px; padding:0 20px 15px 0; width:auto; border-bottom:1px solid #e5e5e5; text-align:left; } .news-snippet-hp h5 {margin:0; padding:0; display:inline; } .news-snippet-hp h5 a {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; text-align:left; } .news-snippet-hp h5 a:hover { color: #F69731; text-decoration:none; } .news-image-hp { margin:0; padding:0 20px 10px 0; text-align:left; } .news-content-hp { margin:0 0 0 20px; padding:20px 0 0 0; width:auto; clear:both; text-align:left; } .news-date-hp { font-size:11px; font-weight:500; font-style:italic; } .news-snippet-hp img { margin:0 10px 6px 0; padding:0; width:100px; box-shadow: 3px 3px 3px #ccc; } a.news-title-hp { margin:10px 0 0 0; padding:0; color:#00cc00; text-decoration:none; font-size:18px; font-weight:200; } a.news-title-hp:hover { color:#0033cc; text-decoration: none; } /***** PAGES *******/ /* Body content*/ #content_wrapper { margin: 0; padding: 0; width:100%; height:auto; } /* Content */ #content { margin:100px auto; padding: 0; max-width:1320px; height:auto; } /* Pages Content 3-Column */ #content_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #menu_left { margin:0; padding:74px 0 0 20px; width:auto; height:auto; } #menu_left ul { margin:0; padding:0; list-style:none; } #menu_left ul li { margin:0; padding:0; line-height:32px; } #menu_left ul li a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#A3881B; font-weight: 200; text-decoration:none; text-align: left; } #menu_left ul li a:hover { text-decoration:none; color:#FFB542; line-height:32px; } /* Menu Left */ /* ABOUT */ #about-camphill-village #about_nav a, #50-years-celebration #50years_nav a, #home-life #homelife_nav a, #therapies #therapies_nav a, #training #training_nav a, #recreation #recreation_nav a, #admissions #admissions_nav a { margin:0; padding:0; color:#FFB542; } /* GET INVOLVED */ #get-involved #get_involved_nav a, #sponsor-a-resident #sponsor_nav a, #julian-and-renate-sleigh-trust #trust_nav a, #my-school-card #myschoolcard_nav a, #work-at-camphill-village #work_nav a, #volunteer #volunteer_nav a { margin:0; padding:0; color:#FFB542; } /* MEDIA */ #news #news_nav a, #articles #articles_nav a, #newsletters #newsletters_nav a, #gallery #gallery_nav a, #videos #videos_nav a { margin:0; padding:0; color:#FFB542; } /* THE FARM */ #the-farm #farm_nav a, #market #market_nav a, #solar-energy-camphill #solar_nav a, #holiday-cottage-on-farm-to-rent #cottage_nav a { margin:0; padding:0; color:#FFB542; } /* PRODUCTS */ #products-overview #products_overview_nav a, #bakery #bakery_nav a, #dairy #dairy_nav a, #herbal-workshop #herbal_nav a, #jojoba-oil #jojoba_nav a { margin:0; padding:0; color:#FFB542; } /* Content Pages */ #content_middle { margin:0 30px 0 0; padding:0; max-width:700px; height:auto; float:left; } #content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } #content_base { margin:0; padding:0; max-width:100%; height:auto; text-align:center; clear:both; } #off-the-grid-music-festival #content_right img { width:75px; height:auto; } /* Pages Content Text */ .content-text { margin:0; padding:30px 0 50px 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; line-height:28px; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } .my-school-card { margin:0 20px 10px 0; padding:0; width:300px; height:137px; } .my-school-card-application-form { margin:0 auto; padding:0; width:150px; height:auto; text-align:center; } .bank-account { margin:0; padding:10px; width:auto; height:auto; background-color:#E4DBBA; border:0px #fff solid; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius : 6px; border-radius: 6px; } /* Social Networks */ #social_networks { margin:0 auto; padding:0; width:360px; height:auto; text-align:center; } .google-plus-one { margin:0; padding:0; width:100px; height:20px; float:left; text-align:left; } .fb-like { margin:0; padding:0; width:100px; height:20px; float:left; text-align:left; } .twitter-follow { margin:0; padding:0; width:100px; height:20px; float:left; text-align:left; } .email-friend { margin:0; padding:0 0 6px 15px; width:30px; height:20px; float:left; text-align:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:520px; height:auto; float:left; } #paypal_form { margin:0; padding:0; width:200px; height:auto; float:left; } #betterplace_form { margin:0; padding:0; width:200px; height:auto; float:left; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding: 0; height: auto; max-width:1320px; height:auto;text-align:left; } /* Pages Calendar */ #content_calendar { margin: 100px auto 50px auto; padding:0; max-width:1320px; height:100%;text-align:left; } #calendar_left { margin:24px 0 0 20px; padding:0; width:350px; float:left; text-align:left; } #calendar_right { margin:0 30px 0 0; padding:0; width:800px; float:left; text-align:left; } #calendar_container { position: relative; padding-bottom: 84%; height: 0; overflow: hidden; } #calendar_container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:250px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:250px; height:auto; } #market_right { margin:0; padding:0; width:380px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:250px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:250px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:380px; height:auto; float:left; } /************** NEWS *************/ #news_content { margin:114px auto; padding:0; max-width:1024px; height:100%; } #news_content_left { margin:0; padding:74px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:800px; height:auto; float:left; } .news-text { margin:0; padding:40px 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .news-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .news-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .news-text p { margin: 0; padding: 10px; } .news-text ul { margin:10px 0 0 20px; padding:0; list-style:square; } .news-text ul li { margin:10px 0 0 20px; padding:0; list-style:square; } .news-text ul li#sub_list { margin:10px 0 0 20px; padding:0; list-style:none; } .news-text ul li li { margin:10px 0 0 20px; padding:0; list-style: circle; } .news-text ol { margin:10px 0 0 0; padding:0; } .news-text ol li { margin:10px 0 0 20px; padding:0; list-style: decimal; font-weight:800; } .news-text ol li li { margin:10px 0 0 20px; padding:0; list-style: lower-alpha; font-weight:400; } .news-text a { margin:0; padding:0; color:#00cc00; text-decoration:none; } .news-text a:hover { margin:0; padding:0; color:#0033cc; text-decoration:none; } .news-text img { border:0; } /* News Page */ .news-snippet { margin:10px 0 20px 5px; padding:0 20px 15px 0; width:auto; border-bottom:1px solid #e5e5e5; text-align:left; } .news-snippet img { margin:0 20px 10px 0; padding:0; } .news-snippet h2 {margin:0; padding:0; } .news-snippet h2 a {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .news-snippet h2 a:hover { color: #F69731; text-decoration:none; } .news-image { margin:0; padding:0 20px 10px 0; text-align:left; } .news-content { margin:0 0 0 20px; padding:20px 0 0 0; width:auto; clear:both; text-align:left; } .news-date { font-size:11px; font-weight:500; font-style:italic; } .news-title { margin:0; padding:0; color:#A3881B; font-family:'khand'; text-decoration:none; font-size:28px; font-weight:500; display:block; } a.news-title { margin:0; padding:0; font-family:'khand'; color:#A3881B; text-decoration:none; font-size:28px; font-weight:500; } a.news-title:hover { color:#F69731; text-decoration: none; } .news-to-home { margin:0; padding:0; text-align:right; float:right; display:inline-block; } /* Newsletters */ .newsletter-box { margin:0 20px 40px 20px; padding:10px; width:250px; height:auto; float:left; background-color:#E3E3C0; } /* Videos */ #videos_content { margin:100px auto; padding:0; max-width:1320px; height:100%; } #videos_content_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #videos_content_middle { margin:0 30px 0 0; padding:0; max-width:700px; height:auto; float:left; } #videos_content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } .videos-text { margin:0; padding:40px 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .videos-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-content-text p { margin: 0; padding-bottom: 10px; } .videos-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .videos-text a:hover { text-decoration:none; color:#690; } /* Festival Pages */ /********* Festival Slideshow *********/ #festival_slideshow_wrapper { margin:100px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#fff; z-index:1; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #festival_slideshow { margin:0 auto; padding:0; width:100%; max-height:auto; background-color:#fff; z-index:1; } #festival_slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } #camphill-village-music-festival #content { margin:0 auto 100px auto; } #camphill-village-music-festival-2015 #content { margin:0 auto 100px auto; } #camphill-village-music-festival-2014 #content { margin:0 auto 100px auto; } .vmr-band-image { margin:0 20px 10px 0; padding:0; width:200px; height:auto; } #off-the-grid-2018-bootleggers h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-steezies h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-radio-kalahari-orkes h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-kiffness h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-cape-philharmonic-youth-wind-ensemble h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-dj-j h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #off-the-grid-2018-stone-jets h1 { font-family:Verdana; font-size:24px; font-weight:600; line-height:36px; } #otg-2018-video iframe { margin:0; padding:0; width:100%; min-height:50vh; } /* Articles Pages */ #articles_content { margin:100px auto; padding:0; max-width:1024px; height:100%; } #articles_content_left { margin:0; padding:0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:0; max-width:800px; height:auto; float:left; } #articles_base { margin:0; padding:0; width:auto; height:auto; clear:both; } /* Articles Text Classes */ .articles-text { margin:0; padding:40px 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .articles-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .articles-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .articles-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #F69731; font-size: 18px; font-weight: 500; display:inline-block; text-align:left; } .articles-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 18px; font-weight: 500; display:inline-block; text-align:left; } .articles-text p { margin: 0 0 20px 0; padding: 0; } .articles-text ul { margin:10px 0 0 20px; padding:0; list-style:square; } .articles-text ul li { margin:10px 0 0 20px; padding:0; list-style:square; } .articles-text ul li#sub_list { margin:10px 0 0 20px; padding:0; list-style:none; } .articles-text ul li li { margin:10px 0 0 20px; padding:0; list-style: circle; } .articles-text ol { margin:10px 0 0 0; padding:0; } .articles-text ol li { margin:10px 0 0 20px; padding:0; list-style: decimal; font-weight:800; } .articles-text ol li li { margin:10px 0 0 20px; padding:0; list-style: lower-alpha; font-weight:400; } .articles-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .articles-text a:hover { color: #A3881B; text-decoration: none; } .articles-text img { border:0; } .articles-title { margin:0; padding:0; color:#A3881B; text-decoration:none; font-family: 'khand'; font-size:28px; font-weight:500; display:block; } .articles-snippet { margin:10px 0 20px 5px; padding:0 20px 15px 0; width:auto; border-bottom:1px solid #e5e5e5; text-align:left; } .articles-snippet h2 {margin:0; padding:0; } .articles-snippet h2 a {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .articles-snippet h2 a:hover { color: #F69731; text-decoration:none; } .articles-image { margin:0; padding:0 20px 10px 0; text-align:left; } .articles-content { margin:0 0 0 20px; padding:20px 0 0 0; width:auto; clear:both; text-align:left; } .articles-date { font-size:11px; font-weight:500; font-style:italic; } .articles-to-home { margin:0; padding:0; text-align:right; float:right; display:inline-block; } .articles-category { margin:0; padding:0; font-size:16px; color:#F69731; font-weight:800; } /* Article Categories Text Classes */ #categories { margin:0; padding:0; } .categories-text { margin:0; padding:0; text-align: left; } .categories-text p { margin: 0; padding: 10px 0 0 0; } .categories-text ol { margin:0 0 0 30px; padding:0; list-style:none; } .categories-text ol li { margin:0; padding:0; list-style:none; } .categories-text ol li a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#F69731; font-weight:200; text-decoration:none; } .categories-text ol li a:hover { color:#A3881B; text-decoration:none; } /************ Products ***************/ #products_content { margin:100px auto; padding: 0; max-width:1320px; height:auto; } #products_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #products_right { margin:0 30px 0 0; padding:0; max-width:1020px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; max-width:1020px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:311px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; width:120px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 30px; width:110px; height:auto;font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; width:600px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; width:150px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 20px; width:120px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; width:600px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } a.view-products { margin:0; padding:6px 10px 6px 10px; color:#746536; font-weight:800; background-color:#CBB587; border:1px #A3881B solid; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; text-decoration: none; } a.view-products:hover { color: #A3881B; text-decoration: none; } /* Product Details Page */ #prod_detail { margin:0; padding:0 0 30px 0; } .prod-img { margin:0; padding:0; width:400px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:500px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /* Order Form */ .order_form_text { margin:0; padding:0 75px 0 75px; width:auto; height:auto; } .order_form_text p { margin:0; padding:0 0 20px 0; } #order_fill_details { margin:0; padding:0 0 30px 0; color:#F00; text-align:center; } /* Contact Us Page */ #contact_content { margin:100px auto; padding:0; max-width:1024px; height:100%; } #contact_left { margin:0; padding:0; width:524px; height:auto; float:left; text-align:left; } #contact_right { margin:0; padding:0; width:500px; height:auto; float:left; } .contact-text { margin:0; padding:50px 20px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } .contact-row { margin:0; padding:0 0 20px 0; width:auto; height:auto; clear:both; } .contact-image { margin:0; padding:0; width:100px; height:100px; float:left; } .contact-image img { margin:0; padding:0; width:100px; height:100px; border:0px #fff solid; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius : 6px; border-radius: 6px; } .contact-details { margin:0; padding:0 0 0 20px; width:auto; height:auto; float:left; display:inline-block; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:400px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0 auto; padding:15px 0 20px 0; max-width:1320px; height:auto; } #footer_content h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .footer-column { margin:30px 0 0 0; padding:0; width:16.6%; height:auto; text-align:left; float:left; } .footer-text { margin:0; padding:20px 20px 30px 20px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 400; letter-spacing:1.1px; text-align: left;} .footer-text ul li { margin:0 0 0 10px; padding:0; list-style:none; } .footer-text ul li a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#BE973D; font-weight: 400; letter-spacing:1.1px; text-align: left; } .footer-text ul li a:hover { color:#FF9900; } #footer_copyright { margin: 0; padding: 0; clear:both; width:auto; height:auto; display:block; font-family: Verdana, Geneva, sans-serif; font-size:14px; font-weight:400; color:#987A01; text-align:center; } #footer_copyright-text { margin: 0; padding: 0; clear:both; width: auto; text-align:center; font-family: Verdana, Geneva, sans-serif; font-weight:400; font-size:11px; } a.copyright { color: #5C9A01; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight:400; font-size:11px; } a.copyright:hover { color: #FFF; text-decoration: none; } #footer_columns { margin:0 auto; padding:15px 0 20px 0; max-width:1320px; height:auto; } #footer_newsletter { margin:0 auto; padding:15px 0 20px 0; max-width:300px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#987A01; font-weight:400; text-decoration:none; } /* Sitemap */ .sitemap { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#987A01; font-weight:400; text-decoration:none; text-transform:uppercase; } /* Gallery Page */ #content_gallery_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; width:1050px; float:left; text-align:left; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 100px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 80px 100px 80px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .gallery-text h1 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h2 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h3 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 20px; font-weight: 600; text-align: center; } .gallery-text p { margin: 0; padding: 10px; } .gallery-news { margin:10px; padding:0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#A3881B; font-weight: 400; text-align: left; } .gallery-text img { margin: 0 16px 16px 0; padding: 0; border:0; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; box-shadow: 3px 3px 3px #ccc; display: block; float:left; } /* Gallery */ .setContent { margin:0 50px 0 0; padding:0; height: auto; width: 126px; display:inline-block; text-align:center; vertical-align:top; } #gallery .setContent img { margin:0; padding:0; height: 126px; width: 126px; display:inline-block; } li.prettyImage { padding: 0; line-height:30px; list-style:none; list-style-type:none; } #home li.prettyImage img { margin:0; padding:0; height: 126px; width: 126px; } #gallery li.prettyImage img { height: 126px; width: 126px; } ul li.prettyImage { display: inline;} #photos-title { padding:0; margin:0; text-align:left; } #photos-title h4 { margin:0; padding:0; font-weight:400; font-family:Verdana, Geneva, sans-serif; font-size:20px; } #photos { margin:20px 0 0 0; padding:0; } /* HP Gallery */ .prettyImage { margin:0; padding:0; display:inline; } .gallery { margin:0; padding:0; text-align:left; display:inline; list-style:none; } .social-media-btns { margin:25px auto; padding:0; width:200px; height:23px; } .twitter { margin:0; padding:0; width: 100px; float:left; } .facebook { margin:0; padding:0; width: 100px; float:left; } /* Gallery 1-level */ .setThumb_wrapper { margin: 0 0 20px 0; padding:0; } .setThumb_wrapper a { margin:0; padding:0; } .setThumb_wrapper a:hover { margin:0; padding:0; filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align:center; } .setTitle h3 a:hover { color: #B45339; text-align:center; } a.thumbTitle { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; } a.thumbTitle:hover { color:#ccc; text-decoration:none; } a.back-to-gallery { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #FA9932; font-size: 14px; font-weight: 400; } a.back-to-gallery:hover { color:#A3881B; text-decoration:none; } /* Gallery 2-level */ #gallery #photos-title h4 { text-align:center; clear:both; } #catphotos { margin: 0; padding:0; width: auto; text-align:center; } .setThumbnail { margin: 0; padding:0; height: 126px; width: 126px; } /* Mailchimp Newsletter signup */ #newsletter_signup { margin:0; padding:0; width:auto; height:auto; } #mc_embed_signup {} .mc-name { margin:0; padding:0; width:auto; float:left; } .mc-email { margin:0; padding:0; width:auto; float:left; } .mc-submit { margin:0; padding:2px 0 0 0; width:100px; float:left; } #mce-responses {} #mce-error-response {} #mce-success-response {} #mce-FNAME { width:160px; margin:2px 10px 8px 0; font-size: 14px; height:24px; text-indent:2px; padding:4px; background-color:#fff; border:1px #E2D7B4 solid; color: #A3881B; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } #mce-LNAME { width:160px; margin:2px 0 8px 0; font-size: 14px; height:24px; text-indent:2px; padding:4px; background-color:#fff; border:1px #E2D7B4 solid; color: #A3881B; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } #mce-EMAIL { width:200px; margin:2px 10px 12px 0; font-size: 14px; height:24px; text-indent:2px; padding:4px; background-color:#fff; border:1px #E2D7B4 solid; color: #A3881B; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } .newsletter-name { width:100px; margin:2px 0 5px 0; font-size: 14px; height:14px; text-indent:2px; padding:4px; background-color:#fff; border:1px #E2D7B4 solid; color: #A3881B; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } .newsletter-email { width:160px; margin:2px 0 5px 0; font-size: 14px; height:14px; text-indent:2px; padding:4px; background-color:#fff; border:1px #E2D7B4 solid; color: #A3881B; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } /* General Classes */ /* Clear-Float */ .clearfix { clear: both; display: block;} .clear { clear: both;} .float-left { float: left;} .float-right { float: right;} /* Ul-Ol */ .inline { display:inline; } /* Text */ .text-indent10 { text-indent: 10px; } .error { color: #ff0000;} .bold-500 { font-weight:500 } .bold-600 { font-weight:600; } .text-italic { font-style:italic; } .align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .align-left { text-align: left; } .align-right { text-align: right; } .right { text-align:right; } textarea { overflow: auto; } img { margin: 0; padding: 0; border: 0; } .news-date { font-size:11px; font-weight:500; font-style:italic; } .white { background-color:#fff; border:1px solid #ccc; } /* List Styles */ .lower-alpha { list-style-type: lower-alpha; } .list-style-none { list-style:none; } /* Designer Classes */ .paleblue { color: #63B1C5; } .button-img { margin: 0 auto; width: 20px; } .newsletter-pdf { margin: 0 30px 30px 0; padding:4px 4px 0 4px; width:150px; height:auto; float:left; background-color:#fff; border:1px #97C072 solid; color: #097C06; -moz-border-radius : 6px; -webkit-border-radius : 6px; -khtml-border-radius :6px; border-radius:6px; } .newsletter-pdf-text { margin:0; padding:5px 0 0 0; width:auto; height:auto; text-align:center; } .curved-corner { background-color:#FAF4DE; border:1px #fff solid; color: #fff; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; } .box-shadow { box-shadow: 6px 6px 6px #ccc; } .caption { margin:0; padding:6px 0 0 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; font-style:italic; color:#645311; font-weight: 200; text-align: left; } /* Link Classes */ a.email { color: #7BA303; text-decoration: underline; } a.email:hover { color: #000; text-decoration: underline; } a.read-more { margin:0; padding:0; color:#F69731; text-decoration: none; } a.read-more:hover { color: #A3881B; text-decoration: none; } a.green { color: #7C9C2D; text-decoration: none; font-weight:600; } a.green:hover { color: #000; } a.contact { margin:0; padding:0 0 0 6px; color: #7C9C2D; text-decoration: none; font-weight:500; font-style:normal; } a.contact:hover { color: #000; } a.link { margin:0; padding:0; color: #FA9932; text-decoration: none; } a.link:hover { color: #A2CC3B; text-decoration: none; } a.white { color: #fff; text-decoration: none; font-weight:600; } a.white:hover { color: #000; } a.mail { color: #FA9932; text-decoration: none; } a.mail:hover { color: #A2CC3B; text-decoration: none; } a { margin:0; padding:0; color:#F69731; text-decoration: none; } a:hover { color: #A3881B; text-decoration: none; } a.blue { text-decoration: none; color: #0000ff; } a.blue:hover { text-decoration: none; color: #0000ff; } a.palebluesky { color: #B7E0F0; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight:400; font-size:11px; } a.palebluesky:hover { color: #ccc; text-decoration: none; } a.transparent { margin:0; padding:0; text-decoration:none; } a.transparent:hover { filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } a.button { margin:20px 0 20px 0; padding:6px 12px 6px 12px; width:auto; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:600; color:#f90; background-color:#097C06; border:1px #f90 solid; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius :10px; border-radius:10px; } a.button:hover { color:#fff; } /* =General Classes -----------------------------------------------*/ /* Padding */ .padding-1 { padding:1px; } .padding-2 { padding:2px; } .padding-3 { padding:3px; } .padding-4 { padding:4px; } .padding-5 { padding:5px; } .padding-10 { padding:10px; } .padding-15 { padding:15px; } .padding-20 { padding:20px; } .padding-25 { padding:25px; } .padding-30 { padding:30px; } .padding-50 { padding:50px; } .padding-100 { padding:100px; } .padding-150 { padding:150px; } .padding-200 { padding:200px; } .padding-10-6 { padding:0 10px 6px 0; } .padding-20-10 { padding:0 20px 10px 0; } .padding-left-5 { padding-left:5px; } .padding-left-10 { padding-left:10px; } .padding-left-15 { padding-left:15px; } .padding-left-20 { padding-left:20px; } .padding-left-25 { padding-left:25px; } .padding-left-30 { padding-left:30px; } .padding-left-50 { padding-left:50px; } .padding-left-100 { padding-left:100px; } .padding-left-150 { padding-left:150px; } .padding-left-160 { padding-left:160px; } .padding-left-200 { padding-left:200px; } .padding-left-300 { padding-left:300px; } .padding-left-neg20 { padding-left:-20px; } .padding-right-5 { padding-right:5px; } .padding-right-10 { padding-right:10px; } .padding-right-15 { padding-right:15px; } .padding-right-20 { padding-right:20px; } .padding-right-25 { padding-right:25px; } .padding-right-30 { padding-right:30px; } .padding-right-50 { padding-right:50px; } .padding-right-100 { padding-right:100px; } .padding-right-150 { padding-right:150px; } .padding-right-200 { padding-right:200px; } .padding-right-neg20 { padding-right:-20px; } .padding-bottom-5 { padding-bottom:5px; } .padding-bottom-6 { padding-bottom:6px; } .padding-bottom-10 { padding-bottom:10px; } .padding-bottom-15 { padding-bottom:15px; } .padding-bottom-20 { padding-bottom:20px; } .padding-bottom-25 { padding-bottom:25px; } .padding-bottom-30 { padding-bottom:30px; } .padding-bottom-50 { padding-bottom:50px; } .padding-top-5 { padding-top:5px; } .padding-top-7 { padding-top:7px; } .padding-top-10 { padding-top:10px; } .padding-top-12 { padding-top:12px; } .padding-top-15 { padding-top:15px; } .padding-top-20 { padding-top:20px; } .padding-top-25 { padding-top:25px; } .padding-top-30 { padding-top:30px; } .padding-top-50 { padding-top:50px; } .padding-top-neg10 { padding-top:-10px; } .padding-top-neg15 { padding-top:-15px; } .padding-top-neg20 { padding-top:-20px; } /* Margins */ .margin-1 { padding:1px; } .margin-2 { padding:2px; } .margin-3 { padding:3px; } .margin-4 { padding:4px; } .margin-5 { padding:5px; } .margin-10 { padding:10px; } .margin-15 { padding:15px; } .margin-20 { padding:20px; } .margin-25 { padding:25px; } .margin-30 { padding:30px; } .margin-50 { padding:50px; } .margin-100 { padding:100px; } .margin-150 { padding:150px; } .margin-200 { padding:200px; } .margin-left-5 { margin-left:5px; } .margin-left-10 { margin-left:10px; } .margin-left-15 { margin-left:15px; } .margin-left-20 { margin-left:20px; } .margin-left-25 { margin-left:25px; } .margin-left-30 { margin-left:30px; } .margin-left-50 { margin-left:50px; } .margin-left-100 { margin-left:100px; } .margin-left-150 { margin-left:150px; } .margin-right-5 { margin-right:5px; } .margin-right-10 { margin-right:10px; } .margin-right-15 { margin-right:15px; } .margin-right-20 { margin-right:20px; } .margin-right-25 { margin-right:25px; } .margin-right-30 { margin-right:30px; } .margin-right-50 { margin-right:50px; } .margin-top-5 { margin-top:5px; } .margin-top-10 { margin-top:10px; } .margin-top-15 { margin-top:15px; } .margin-top-20 { margin-top:20px; } .margin-top-25 { margin-top:25px; } .margin-top-30 { margin-top:30px; } .margin-top-50 { margin-top:50px; } .margin-bottom-5 { margin-bottom:5px; } .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-15 { margin-bottom:15px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom-25 { margin-bottom:25px; } .margin-bottom-30 { margin-bottom:30px; } .margin-bottom-50 { margin-bottom:50px; } /**************************************************************** MEDIA SCREENS ******************************************************************************/ /* GO FULL WIDTH AT LESS THAN 1280 PIXELS - Older laptops */ @media only screen and (min-width: 1025px) and (max-width: 1299px) { /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:100px; display:block; background-color:#987A01; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; position: fixed; top: 0; left: 0; z-index:99; float:left; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } /* Header Base */ #header_base { margin:26px auto 0 auto; padding:0; max-width:700px; height:auto; text-align:center; clear:both; display:block; } #header_base_left { margin:0; padding:0; width:230px; height:55px; text-align:left; float:left; } #header_base_middle { margin:0; padding:0; width:220px; height:55px; text-align:center; float:left; } #header_base_right { margin:0 0 0 -20px; padding:0; width:230px; height:55px; text-align:right; float:left; } #header_solar { margin:0; padding:0; width:230px; height:auto; text-align:left; } #header_solar img { margin:3px 0 0 0; padding:0; width:200px; height:34px; text-align:left; float:right; } #header_market { margin:0; padding:0; width:230px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:200px; height:33px; text-align:right; float:left; } #header_number { margin:12px 0 0 0; padding: 0; width:220px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#D3B667; font-weight: 600; line-height:20px; text-align:left; } /*Menu*/ #menu_wrapper { margin:24px auto 0 auto; padding:0; max-width:920px; height:72px; text-align:center; } #menu_content { margin:0 0 0 -30px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 6px 0 0; padding:4px 24px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#F0EDDB; font-weight: 200; text-decoration:none; line-height:20px; text-transform:uppercase; } /* HP Content */ #hp_content { margin: 0 auto; padding: 0; max-width:1024px; height:auto; } #hp_content h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } #hp_content h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } #hp_content h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:700px; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:300px; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:300px; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:300px; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_right img { margin:0; padding:0; width:150px; height:auto; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Content */ #content { margin:100px auto; padding: 0; max-width:1200px; height:auto; } #content_left { margin:0 20px 0 0; padding:0; max-width:220px; float:left; text-align:left; } #content_middle { margin:0 20px 0 0; padding:0; max-width:600px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:600px; height:auto; float:left; } #content_right { margin:0; padding:0; max-width:300px; float:right; text-align:left; } #content_right img { margin:0 0 10px 0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:0; padding:30px 10px 50px 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding: 0; height: auto; max-width:1024px; height:auto;text-align:left; } /* Pages Calendar */ #content_calendar { margin: 100px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:200px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:200px; height:auto; } #market_right { margin:0; padding:0; width:340px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:420px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:200px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:200px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:340px; height:auto; float:left; } /* Products */ #products_content { margin:100px auto; padding: 0; max-width:1024px; height:auto; } #products_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #products_right { margin:0 30px 0 0; padding:0; max-width:700px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:700px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:311px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:100px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 30px; max-width:90px; height:auto;font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:380px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:125px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:90px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:380px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:700px; height:auto; float:left; } #news_content_right img { margin:0; padding:0; max-width:700px; height:auto; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #articles_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0 auto; padding:15px 0 20px 0; max-width:1024px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:16.6%; height:auto; text-align:left; float:left; } } /* GO FULL WIDTH AT LESS THAN 1024 PIXELS - Older laptops */ @media only screen and (min-width: 992px) and (max-width: 1024px) { /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:100px; display:block; background-color:#987A01; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; position: fixed; top: 0; left: 0; z-index:99; float:left; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } /* Header Base */ #header_base { margin:26px auto 0 auto; padding:0; max-width:700px; height:auto; text-align:center; clear:both; display:block; } #header_base_left { margin:0; padding:0; width:230px; height:55px; text-align:left; float:left; } #header_base_middle { margin:0; padding:0; width:220px; height:55px; text-align:center; float:left; } #header_base_right { margin:0 0 0 -20px; padding:0; width:230px; height:55px; text-align:right; float:left; } #header_solar { margin:0; padding:0; width:230px; height:auto; text-align:left; } #header_solar img { margin:3px 0 0 0; padding:0; width:200px; height:34px; text-align:left; float:right; } #header_market { margin:0; padding:0; width:230px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:200px; height:33px; text-align:right; float:left; } #header_number { margin:12px 0 0 0; padding: 0; width:220px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#D3B667; font-weight: 600; line-height:20px; text-align:left; } /*Menu*/ #menu_wrapper { margin:24px auto 0 auto; padding:0; max-width:720px; height:72px; text-align:center; } #menu_content { margin:0 0 0 -30px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 6px 0 0; padding:4px 10px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:13px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; } /* HP Content */ #hp_content { margin: 0 auto; padding: 0; max-width:1024px; height:auto; } #hp_content h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } #hp_content h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } #hp_content h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:block; text-align:left; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:680px; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:300px; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:300px; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:320px; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_right img { margin:0; padding:0; width:150px; height:auto; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Content */ #content { margin:100px auto; padding: 0; max-width:1024px; height:auto; } #content_left { margin:0 20px 0 0; padding:0; max-width:160px; float:left; text-align:left; } #content_middle { margin:0 10px 0 0; padding:0; max-width:500px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:500px; height:auto; float:left; } #content_right { margin:0 10px 0 0; padding:0; max-width:300px; float:right; text-align:left; } #content_right img { margin:0 0 10px 0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:0; padding:30px 0 50px 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding: 0; height: auto; max-width:1024px; height:auto;text-align:left; } /* Pages Calendar */ #content_calendar { margin: 100px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:100px auto; padding: 0; max-width:1024px; height:auto; } #products_left { margin:0 30px 0 0; padding:0; width:240px; float:left; text-align:left; } #products_right { margin:0 30px 0 0; padding:0; max-width:700px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:700px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:311px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:100px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 30px; max-width:90px; height:auto;font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:380px; height:auto; font-family: 'khand'; font-size:28px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:125px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:90px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:380px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:700px; height:auto; float:left; } #news_content_right img { margin:0; padding:0; max-width:700px; height:auto; float:left; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #articles_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } /* Contact Page */ #contact_content { margin:100px auto; padding:0; max-width:1024px; height:100%; } #contact_left { margin:-20px 0 0 0; padding:0 0 0 100px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:-20px 0 0 0; padding:0 0 0 30px; width:384px; height:auto; float:left; } #contact_right iframe { margin:0; padding:0; width:344px; height:300px; float:left; } .contact-text { margin:0; padding:50px 10px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0 auto; padding:15px 0 20px 0; max-width:1024px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:16.6%; height:auto; text-align:left; float:left; } } /* GO FULL WIDTH AT LESS THAN 768 PIXELS - iPads */ @media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:100px; display:block; background-color:#987A01; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; position: fixed; top: 0; left: 0; z-index:99; float:left; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:0; padding:0; width:180px; height:auto; float:right; z-index:120; position:absolute; top:0; right:0; text-align:center; } /* Header Base */ #header_base { margin:26px auto 0 -20px; padding:0; max-width:500px; height:auto; text-align:center; clear:both; display:block; } #header_base_left { margin:0; padding:0; width:180px; height:55px; text-align:left; float:left; } #header_base_middle { margin:0; padding:0; width:150px; height:55px; text-align:center; float:left; } #header_base_right { margin:0 0 0 -20px; padding:0; width:180px; height:55px; text-align:right; float:left; } #header_solar { margin:0; padding:4px 0 0 0; width:160px; height:auto; text-align:left; } #header_solar img { margin:3px 0 0 0; padding:0; width:160px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:160px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:160px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 0 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:14px auto 0 auto; padding:0; max-width:480px; height:72px; text-align:center; } #menu_content { margin:0 0 0 -10px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 24px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:1.1px; } /* HP Content */ #hp_content { margin: 0 auto; padding: 0; max-width:1024px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:48%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:48%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 30px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 50px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 20px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:360px; height:240px; } .view-more-videos { margin:20px 10px 0 150px; padding:0; text-align:left; float:left; font-weight:600; clear:both; } /* HP Content Classes */ .hp-content-text { margin:0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Content Base */ #hp_content_base { margin:0; padding:0 0 50px 0; width:100%; height:auto; float:left; clear:both; display:block; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 20px 0 0; padding:0; width:159px; height:145px; float:left; } #hp_sponsors_lottery img { margin:0 20px 0 0; padding:0; width:159px; height:145px; border:0; } #hp_sponsors_rotary { margin:0 20px 0 0; padding:0; width:140px; height:140px; float:left; } #hp_sponsors_rotary img { margin:0 20px 0 0; padding:0; width:140px; height:140px; border:0; } #hp_sponsors_raysofhope { margin:0 20px 0 0; padding:0; width:322px; height:99px; float:left; } #hp_sponsors_raysofhope img { margin:0 20px 0 0; padding:0; width:322px; height:99px; border:0; } /* Content */ #content { margin:114px auto; padding: 0; max-width:768px; height:auto; } #content_left { margin:0 20px 0 0; padding:0; max-width:160px; float:left; text-align:left; } #content_middle { margin:0 10px 0 0; padding:0; max-width:500px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:500px; height:auto; float:left; } #content_right { margin:-60px 40px 0 40px; padding:0; width:678px; text-align:left; float:left; } #content_right iframe { margin:0; padding:0 0 0 160px; width:400px; text-align:left; float:left; } #content_right img { margin:0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:0; padding:30px 0 50px 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding:0 20px 0 20px; height: auto; max-width:768px; height:auto;text-align:left; } #content_wide h1 { margin: 0 0 0 80px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:114px auto; padding: 0; max-width:768px; height:auto; } #products_left { margin:0 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:280px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:114px auto; padding:0; max-width:768px; height:100%; } #news_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:500px; height:auto; float:left; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Articles */ #articles_content { margin:114px auto; padding:0; max-width:768px; height:100%; } #articles_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; width:500px; height:auto; float:left; } /* Gallery Page */ #content_gallery_left { margin:0 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; width:540px; float:left; text-align:left; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 50px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; line-height:16px; text-align: center; } /* Contact Us Page */ #contact_content { margin:100px auto; padding:0; max-width:768px; height:100%; } #contact_left { margin:-20px 0 0 0; padding:0 0 0 20px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0; padding:0 0 0 30px; width:384px; height:auto; float:left; } #contact_right iframe { margin:0; padding:0; width:344px; height:300px; float:left; } .contact-text { margin:0; padding:50px 10px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0 0 0 60px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:500px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0 auto; padding:15px 0 20px 0; max-width:1024px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:16.6%; height:auto; text-align:left; float:left; } } /* GO FULL WIDTH AT LESS THAN 768 PIXELS - iPads */ @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) { /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:100px; display:block; background-color:#987A01; filter:alpha(opacity=90); -moz-opacity:09; -khtml-opacity: 0.9; opacity: 0.9; text-decoration:none; position: fixed; top: 0; left: 0; z-index:99; float:left; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:0; padding:0; width:180px; height:auto; float:right; z-index:120; position:absolute; top:0; right:0; text-align:center; } /* Header Base */ #header_base { margin:26px auto 0 -20px; padding:0; max-width:500px; height:auto; text-align:center; clear:both; display:block; } #header_base_left { margin:0; padding:0; width:180px; height:55px; text-align:left; float:left; } #header_base_middle { margin:0; padding:0; width:150px; height:55px; text-align:center; float:left; } #header_base_right { margin:0 0 0 -20px; padding:0; width:180px; height:55px; text-align:right; float:left; } #header_solar { margin:0; padding:4px 0 0 0; width:160px; height:auto; text-align:left; } #header_solar img { margin:3px 0 0 0; padding:0; width:160px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:160px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:160px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 0 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:14px auto 0 auto; padding:0; max-width:480px; height:72px; text-align:center; } #menu_content { margin:0 0 0 -10px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 24px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:1.1px; } /* HP Content */ #hp_content { margin: 0 auto; padding: 0; max-width:1024px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:48%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:48%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 30px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 50px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 20px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:360px; height:240px; } .view-more-videos { margin:20px 10px 0 150px; padding:0; text-align:left; float:left; font-weight:600; clear:both; } /* HP Content Classes */ .hp-content-text { margin:0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Content Base */ #hp_content_base { margin:0; padding:0 0 50px 0; width:100%; height:auto; float:left; clear:both; display:block; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 20px 0 0; padding:0; width:159px; height:145px; float:left; } #hp_sponsors_lottery img { margin:0 20px 0 0; padding:0; width:159px; height:145px; border:0; } #hp_sponsors_rotary { margin:0 20px 0 0; padding:0; width:140px; height:140px; float:left; } #hp_sponsors_rotary img { margin:0 20px 0 0; padding:0; width:140px; height:140px; border:0; } #hp_sponsors_raysofhope { margin:0 20px 0 0; padding:0; width:322px; height:99px; float:left; } #hp_sponsors_raysofhope img { margin:0 20px 0 0; padding:0; width:322px; height:99px; border:0; } /* Content */ #content { margin:114px auto; padding: 0; max-width:768px; height:auto; } #content_left { margin:0 20px 0 0; padding:0; max-width:160px; float:left; text-align:left; } #content_middle { margin:0 10px 0 0; padding:0; max-width:500px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:500px; height:auto; float:left; } #content_right { margin:-60px 40px 0 40px; padding:0; width:678px; text-align:left; float:left; } #content_right iframe { margin:0; padding:0 0 0 160px; width:400px; text-align:left; float:left; } #content_right img { margin:0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:0; padding:30px 0 50px 0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding:0 20px 0 20px; height: auto; max-width:768px; height:auto;text-align:left; } #content_wide h1 { margin: 0 0 0 80px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:114px auto; padding: 0; max-width:768px; height:auto; } #products_left { margin:0 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:280px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:114px auto; padding:0; max-width:768px; height:100%; } #news_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:500px; height:auto; float:left; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Articles */ #articles_content { margin:114px auto; padding:0; max-width:768px; height:100%; } #articles_content_left { margin:0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; width:500px; height:auto; float:left; } /* Gallery Page */ #content_gallery_left { margin:0 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; width:540px; float:left; text-align:left; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 50px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; line-height:16px; text-align: center; } /* Contact Us Page */ #contact_content { margin:100px auto; padding:0; max-width:768px; height:100%; } #contact_left { margin:-20px 0 0 0; padding:0 0 0 20px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0; padding:0 0 0 30px; width:384px; height:auto; float:left; } #contact_right iframe { margin:0; padding:0; width:344px; height:300px; float:left; } .contact-text { margin:0; padding:50px 10px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0 0 0 60px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:500px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0 auto; padding:15px 0 20px 0; max-width:1024px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:16.6%; height:auto; text-align:left; float:left; } } /* GO FULL WIDTH AT LESS THAN 360 PIXELS - Note 3, S4, S5 - Portrait */ @media only screen and (min-width: 320px) and (max-width: 479px) and (orientation: portrait) { /* Global */ blockquote { margin:0 auto; padding:0; font-family: Georgia, serif; font-size: 24px; font-style: normal; width: 240px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position:relative; color: #987A01; text-align:center; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -20px; color: #E4D2AD; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: -5px; bottom: -60px; color: #E4D2AD; } blockquote cite { color: #E4D2AD; font-size: 14px; display: block; margin-top: 5px; text-align:right; } blockquote cite:before { content: "\2014 \2009"; } /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:170px; display:block; background-color:#987A01; position:relative; } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:4px 0 0 0; padding:0; width:200px; height:auto; float:right; z-index:120; position:absolute; top:0; right:116px; text-align:center; } #header_logo { margin:4px 0 0 4px; padding: 0; max-width:60px; max-height:150px; z-index:120; position:absolute; } #header_logo img { margin: 0; padding: 0; max-width:60px; height:150px; } /* Header Base */ #header_base { margin:-152px 10px 0 0; padding:0; max-width:120px; height:auto; text-align:center; clear:both; display:block; float:right; } #header_base_left { margin:0; padding:0; width:120px; height:30px; text-align:left; } #header_base_middle { margin:0; padding:0; width:120px; height:30px; text-align:center; } #header_base_right { margin:0; padding:0; width:120px; height:30px; text-align:right; } #header_solar { margin:0; padding:15px 0 0 0; width:120px; height:auto; text-align:left; } #header_solar img { margin:0; padding:0; width:120px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:120px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:120px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 10px 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:112px 0 0 0; padding:0; max-width:280px; height:72px; text-align:center; float:right; } #menu_content { margin:0 0 0 -10px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 8px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:.2px; } /********* SLIDESHOW *********/ #slideshow_wrapper { margin:114px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#ccc; clear:both; } #slideshow { margin:0; padding:0; width:100%; max-height:114px; background-color:#fff; z-index:1; } #slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } /* HP body content*/ #hp_content_wrapper { margin: 0; padding: 0; max-width:100%; height:auto; } /* HP Content */ #hp_content { margin:0; padding: 0; max-width:360px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:98%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:98%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 30px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 10px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:94%; height:260px; } .view-more-videos { margin:20px 10px 0 0; padding:0; text-align:right; float:right; font-weight:600; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 50px 0 0; padding:0; width:179px; height:165px; float:left; } #hp_sponsors_lottery img { margin:0 50px 0 0; padding:0; width:179px; height:165px; border:0; } #hp_sponsors_rotary { margin:0 50px 0 0; padding:0; width:167px; height:165px; float:left; } #hp_sponsors_rotary img { margin:0 50px 0 0; padding:0; width:167px; height:165px; border:0; } #hp_sponsors_raysofhope { margin:0 50px 0 0; padding:0; width:340px; height:100px; float:left; } #hp_sponsors_raysofhope img { margin:0 50px 0 0; padding:0; width:340px; height:100px; border:0; } /* Content */ #content { margin:0; padding: 0; max-width:360px; height:auto; } #content_left { margin:-30px 0 0 0; padding:0; max-width:360px; float:left; text-align:left; } #content_middle { margin:0 10px 0 0; padding:0; max-width:360px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:360px; height:auto; float:left; } #content_right { margin:0 20px 0 0; padding:0; width:360px; text-align:left; float:left; } #content_right iframe { margin:0; padding:0 0 0 160px; width:360px; text-align:left; float:left; } #content_right img { margin:0 0 10px 0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:-50px 0 0 0; padding:30px 10px 50px 10px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0; padding:0 10px 0 10px; height: auto; max-width:340px; height:auto;text-align:left; } #content_wide h1 { margin: 0; padding: 0; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:0; padding: 0; max-width:768px; height:auto; } #products_left { margin:-30px 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:-60px 0 0 0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:160px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:0; padding:0; max-width:360px; height:100%; } #news_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; } #news_content_right { margin:0 10px 0 10px; padding:0; max-width:340px; height:auto; } #news_content_right img { margin:0 10px 0 10px; padding:0; max-width:310px; height:auto; } .news-text { margin:0; padding:40px 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .news-text h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .news-text h4 { margin: 0; padding: 0; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .news-text p { margin: 0; padding: 10px; } .news-title { margin:0; padding:0 0 0 10px; color:#A3881B; font-family:'khand'; text-decoration:none; font-size:28px; font-weight:500; display:block; } /* News Page */ .news-snippet { margin:10px 0 20px 0; padding:0 20px 15px 0; width:auto; border-bottom:1px solid #e5e5e5; text-align:left; } .news-snippet img { margin:0; padding:0; } .news-snippet h2 {margin:0; padding:0; } .news-snippet h2 a {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .news-snippet h2 a:hover { color: #F69731; text-decoration:none; } .news-image { margin:0; padding:0 0 10px 0; text-align:left; } .news-content { margin:0; padding:20px 0 0 0; width:auto; clear:both; text-align:left; } /* Articles */ #articles_content { margin:0; padding:0; max-width:768px; height:100%; } #articles_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; max-width:340px; height:auto; float:left; } .articles-text { margin:0; padding:40px 10px 50px 10px; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .articles-title { margin:0; padding:0 0 0 10px; color:#A3881B; text-decoration:none; font-family: 'khand'; font-size:28px; font-weight:500; display:block; } /* Gallery Page */ #content_gallery_left { margin:-30px 30px 0 0; padding:0; max-width:360px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; max-width:360px; text-align:center; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 100px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .gallery-text h1 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h2 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h3 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 20px; font-weight: 600; text-align: center; } .gallery-text p { margin: 0; padding: 10px; } .gallery-news { margin:10px; padding:0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#A3881B; font-weight: 400; text-align: left; } .gallery-text img { margin: 0 10px 10px 0; padding: 0; border:0; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; box-shadow: 3px 3px 3px #ccc; display: block; float:left; } .setContent { margin:0 20px 0 0; padding:0; height: auto; width: 126px; display:inline-block; text-align:center; vertical-align:top; } /* Gallery 1-level */ .setThumb_wrapper { margin: 0; padding:0; } .setThumb_wrapper a { margin:0; padding:0; } .setThumb_wrapper a:hover { margin:0; padding:0; filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align:center; } .setTitle h3 a:hover { color: #B45339; text-align:center; } a.thumbTitle { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; } a.thumbTitle:hover { color:#ccc; text-decoration:none; } a.back-to-gallery { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #FA9932; font-size: 14px; font-weight: 400; } a.back-to-gallery:hover { color:#A3881B; text-decoration:none; } /* Gallery 2-level */ #gallery #photos-title h4 { text-align:center; clear:both; } #catphotos { margin: 0; padding:0; width: auto; text-align:center; } .setThumbnail { margin: 0; padding:0; height: 126px; width: 126px; } /* Videos */ #videos_content { margin:0; padding:0; max-width:360px; height:100%; } #videos_content_left { margin:-30px 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #videos_content_middle { margin:0 30px 0 0; padding:0; max-width:360px; height:auto; float:left; } #videos_content_middle iframe { margin:0 10px 0 10px; padding:0; max-width:340px; height:230px; } #videos_content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } .videos-text { margin:0; padding:0 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .videos-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-content-text p { margin: 0; padding-bottom: 10px; } .videos-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .videos-text a:hover { text-decoration:none; color:#690; } /* Contact Us Page */ #contact_content { margin:0; padding:0; max-width:768px; height:100%; } #contact_left { margin:0; padding:0 0 0 10px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0 0 50px 0; padding:0 10px 0 10px; width:340px; height:auto; float:left; } #contact_right iframe { margin:0; padding:0; width:324px; height:300px; float:left; } .contact-text { margin:0; padding:50px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0; padding:15px 0 20px 0; max-width:360px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:30%; height:auto; text-align:left; float:left; } } @media screen and (device-width: 360px) { /* Global */ blockquote { margin:0 auto; padding:0; font-family: Georgia, serif; font-size: 24px; font-style: normal; width: 240px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position:relative; color: #987A01; text-align:center; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -20px; color: #E4D2AD; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: -5px; bottom: -60px; color: #E4D2AD; } blockquote cite { color: #E4D2AD; font-size: 14px; display: block; margin-top: 5px; text-align:right; } blockquote cite:before { content: "\2014 \2009"; } /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:170px; display:block; background-color:#987A01; position:relative; } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:4px 0 0 0; padding:0; width:200px; height:auto; float:right; z-index:120; position:absolute; top:0; right:116px; text-align:center; } #header_logo { margin:4px 0 0 4px; padding: 0; max-width:60px; max-height:150px; z-index:120; position:absolute; } #header_logo img { margin: 0; padding: 0; max-width:60px; height:150px; } /* Header Base */ #header_base { margin:-152px 10px 0 0; padding:0; max-width:120px; height:auto; text-align:center; clear:both; display:block; float:right; } #header_base_left { margin:0; padding:0; width:120px; height:30px; text-align:left; } #header_base_middle { margin:0; padding:0; width:120px; height:30px; text-align:center; } #header_base_right { margin:0; padding:0; width:120px; height:30px; text-align:right; } #header_solar { margin:0; padding:15px 0 0 0; width:120px; height:auto; text-align:left; } #header_solar img { margin:0; padding:0; width:120px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:120px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:120px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 10px 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:112px 0 0 0; padding:0; max-width:280px; height:72px; text-align:center; float:right; } #menu_content { margin:0 0 0 -10px; padding:0; width:auto; height:auto; text-align:center; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 8px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:.2px; } /********* SLIDESHOW *********/ #slideshow_wrapper { margin:114px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#ccc; clear:both; } #slideshow { margin:0; padding:0; width:100%; max-height:114px; background-color:#fff; z-index:1; } #slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } /* HP body content*/ #hp_content_wrapper { margin: 0; padding: 0; max-width:100%; height:auto; } /* HP Content */ #hp_content { margin:0; padding: 0; max-width:360px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:98%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:98%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 30px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 10px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:94%; height:260px; } .view-more-videos { margin:20px 10px 0 0; padding:0; text-align:right; float:right; font-weight:600; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 50px 0 0; padding:0; width:179px; height:165px; float:left; } #hp_sponsors_lottery img { margin:0 50px 0 0; padding:0; width:179px; height:165px; border:0; } #hp_sponsors_rotary { margin:0 50px 0 0; padding:0; width:167px; height:165px; float:left; } #hp_sponsors_rotary img { margin:0 50px 0 0; padding:0; width:167px; height:165px; border:0; } #hp_sponsors_raysofhope { margin:0 50px 0 0; padding:0; width:340px; height:100px; float:left; } #hp_sponsors_raysofhope img { margin:0 50px 0 0; padding:0; width:340px; height:100px; border:0; } /* Content */ #content { margin:0; padding: 0; max-width:360px; height:auto; } #content_left { margin:-30px 0 0 0; padding:0; max-width:360px; float:left; text-align:left; } #content_middle { margin:0 10px 0 0; padding:0; max-width:360px; height:auto; float:left; } #content_middle img { margin:0 20px 10px 0; padding:0; max-width:360px; height:auto; float:left; } #content_right { margin:0 20px 0 0; padding:0; width:360px; text-align:left; float:left; } #content_right iframe { margin:0; padding:0 0 0 160px; width:360px; text-align:left; float:left; } #content_right img { margin:0 0 10px 0; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:-50px 0 0 0; padding:30px 10px 50px 10px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0; padding:0 10px 0 10px; height: auto; max-width:340px; height:auto;text-align:left; } #content_wide h1 { margin: 0; padding:0; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:0; padding: 0; max-width:768px; height:auto; } #products_left { margin:-30px 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:-60px 0 0 0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:160px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:0; padding:0; max-width:360px; height:100%; } #news_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; } #news_content_right { margin:0 10px 0 10px; padding:0; max-width:340px; height:auto; } #news_content_right img { margin:0 10px 0 10px; padding:0; max-width:310px; height:auto; } .news-text { margin:0; padding:40px 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .news-text h1 { margin: 0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .news-text h4 { margin: 0; padding: 0; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .news-text p { margin: 0; padding: 10px; } .news-title { margin:0; padding:0 0 0 10px; color:#A3881B; font-family:'khand'; text-decoration:none; font-size:28px; font-weight:500; display:block; } /* News Page */ .news-snippet { margin:10px 0 20px 0; padding:0 20px 15px 0; width:auto; border-bottom:1px solid #e5e5e5; text-align:left; } .news-snippet img { margin:0; padding:0; } .news-snippet h2 {margin:0; padding:0; } .news-snippet h2 a {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .news-snippet h2 a:hover { color: #F69731; text-decoration:none; } .news-image { margin:0; padding:0 0 10px 0; text-align:left; } .news-content { margin:0; padding:20px 0 0 0; width:auto; clear:both; text-align:left; } /* Articles */ #articles_content { margin:0; padding:0; max-width:360px; height:100%; } #articles_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; max-width:340px; height:auto; float:left; } .articles-text { margin:0; padding:40px 10px 50px 10px; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .articles-title { margin:0; padding:0 0 0 10px; color:#A3881B; text-decoration:none; font-family: 'khand'; font-size:28px; font-weight:500; display:block; } /* Gallery Page */ #content_gallery_left { margin:-30px 30px 0 0; padding:0; max-width:360px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; max-width:360px; text-align:center; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 100px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .gallery-text h1 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h2 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h3 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 20px; font-weight: 600; text-align: center; } .gallery-text p { margin: 0; padding: 10px; } .gallery-news { margin:10px; padding:0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#A3881B; font-weight: 400; text-align: left; } .gallery-text img { margin: 0 10px 10px 0; padding: 0; border:0; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; box-shadow: 3px 3px 3px #ccc; display: block; float:left; } .setContent { margin:0 20px 0 0; padding:0; height: auto; width: 126px; display:inline-block; text-align:center; vertical-align:top; } /* Gallery 1-level */ .setThumb_wrapper { margin: 0; padding:0; } .setThumb_wrapper a { margin:0; padding:0; } .setThumb_wrapper a:hover { margin:0; padding:0; filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align:center; } .setTitle h3 a:hover { color: #B45339; text-align:center; } a.thumbTitle { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; } a.thumbTitle:hover { color:#ccc; text-decoration:none; } a.back-to-gallery { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #FA9932; font-size: 14px; font-weight: 400; } a.back-to-gallery:hover { color:#A3881B; text-decoration:none; } /* Gallery 2-level */ #gallery #photos-title h4 { text-align:center; clear:both; } #catphotos { margin: 0; padding:0; width: auto; text-align:center; } .setThumbnail { margin: 0; padding:0; height: 126px; width: 126px; } /* Videos */ #videos_content { margin:0; padding:0; max-width:360px; height:100%; } #videos_content_left { margin:-30px 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #videos_content_middle { margin:0 30px 0 0; padding:0; max-width:360px; height:auto; } #videos_content_middle iframe { margin:0 10px 0 10px; padding:0; max-width:340px; height:230px; } #videos_content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } .videos-text { margin:0; padding:0 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .videos-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-content-text p { margin: 0; padding-bottom: 10px; } .videos-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .videos-text a:hover { text-decoration:none; color:#690; } /* Contact Us Page */ #contact_content { margin:0; padding:0; max-width:768px; height:100%; } #contact_left { margin:0; padding:0 0 0 10px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0 0 50px 0; padding:0 10px 0 10px; width:340px; height:auto; float:left; } #contact_right iframe { margin:0; padding:0; width:324px; height:300px; float:left; } .contact-text { margin:0; padding:50px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0; padding:15px 0 20px 0; max-width:360px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:30%; height:auto; text-align:left; float:left; } } @media screen and (max-width: 320px) { /* Global */ blockquote { margin:0 auto; padding:0; font-family: Georgia, serif; font-size: 24px; font-style: normal; width: 240px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position:relative; color: #987A01; text-align:center; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -20px; color: #E4D2AD; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: -5px; bottom: -60px; color: #E4D2AD; } blockquote cite { color: #E4D2AD; font-size: 14px; display: block; margin-top: 5px; text-align:right; } blockquote cite:before { content: "\2014 \2009"; } /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:170px; display:block; background-color:#987A01; position:relative; } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:4px 10px 0 0; padding:0; width:150px; height:auto; float:right; z-index:120; position:absolute; top:0; right:116px; text-align:center; } #header_social_networks { margin:6px auto 0 auto; padding:0; width:auto; height:auto; text-align:center; display:inline-block; clear:both; } #header_social_networks img { margin:0 2px 0 2px; padding:0; width:22px; height:22px; filter:alpha(opacity=80); -moz-opacity:08; -khtml-opacity: 0.8; opacity: 0.8; } #header_donate { margin:10px 0 0 0; padding:0; width:100px; height:47px; } #header_logo { margin:4px 0 0 2px; padding: 0; max-width:60px; max-height:150px; z-index:120; position:absolute; } #header_logo img { margin: 0; padding: 0; max-width:60px; height:150px; } /* Header Base */ #header_base { margin:-152px 12px 0 0; padding:0; max-width:120px; height:auto; text-align:center; clear:both; display:block; float:right; } #header_base_left { margin:0; padding:0; width:120px; height:30px; text-align:left; } #header_base_middle { margin:0; padding:0; width:120px; height:30px; text-align:center; } #header_base_right { margin:0; padding:0; width:120px; height:30px; text-align:right; } #header_solar { margin:0; padding:15px 0 0 0; width:120px; height:auto; text-align:left; } #header_solar img { margin:0; padding:0; width:120px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:120px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:120px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 10px 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:112px -10px 0 0; padding:0; max-width:260px; height:72px; text-align:right; float:right; } #menu_content { margin:0; padding:0; width:auto; height:auto; text-align:right; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 4px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:0; } /********* SLIDESHOW *********/ #slideshow_wrapper { margin:114px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#ccc; clear:both; } #slideshow { margin:0; padding:0; width:100%; max-height:114px; background-color:#fff; z-index:1; } #slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } /* HP body content*/ #hp_content_wrapper { margin: 0; padding: 0; max-width:100%; height:auto; } /* HP Content */ #hp_content { margin:0; padding: 0; max-width:320px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:98%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:98%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 30px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 10px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:94%; height:240px; } .view-more-videos { margin:20px 10px 0 0; padding:0; text-align:right; float:right; font-weight:600; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 50px 0 0; padding:0; width:179px; height:165px; float:left; } #hp_sponsors_lottery img { margin:0 50px 0 0; padding:0; width:179px; height:165px; border:0; } #hp_sponsors_rotary { margin:0 50px 0 0; padding:0; width:167px; height:165px; float:left; } #hp_sponsors_rotary img { margin:0 50px 0 0; padding:0; width:167px; height:165px; border:0; } #hp_sponsors_raysofhope { margin:0 50px 0 0; padding:0; width:300px; height:100px; float:left; } #hp_sponsors_raysofhope img { margin:0 50px 0 0; padding:0; width:300px; height:100px; border:0; } /* Content */ #content { margin:0; padding: 0; max-width:320px; height:auto; } #content_left { margin:-30px 0 0 0; padding:0; max-width:320px; float:left; text-align:left; } #content_middle { margin:0; padding:0; max-width:320px; height:auto; float:left; } #content_middle img { margin:0 10px 10px 10px; padding:0; max-width:300px; height:auto; float:left; } #content_right { margin:0; padding:0; width:320px; text-align:left; float:left; } #content_right iframe { margin:0 10px 0 10px; padding:0 0 0 160px; width:300px; text-align:left; float:left; } #content_right img { margin:0 10px 10px 10px; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:-50px 0 0 0; padding:30px 10px 50px 10px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding:0 20px 0 20px; height: auto; max-width:768px; height:auto;text-align:left; } #content_wide h1 { margin: 0 0 0 80px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:0; padding: 0; max-width:768px; height:auto; } #products_left { margin:-30px 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:-60px 0 0 0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:160px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:0; padding:0; max-width:768px; height:100%; } #news_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:500px; height:auto; float:left; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .news-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .news-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .news-text p { margin: 0; padding: 10px; } .news-title { margin:0; padding:0 0 0 10px; color:#A3881B; font-family:'khand'; text-decoration:none; font-size:28px; font-weight:500; display:block; } /* Articles */ #articles_content { margin:0; padding:0; max-width:768px; height:100%; } #articles_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; max-width:300px; height:auto; float:left; } .articles-text { margin:0; padding:40px 10px 50px 10px; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .articles-title { margin:0; padding:0 0 0 10px; color:#A3881B; text-decoration:none; font-family: 'khand'; font-size:28px; font-weight:500; display:block; } /* Gallery Page */ #content_gallery_left { margin:-30px 30px 0 0; padding:0; max-width:320px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; max-width:320px; text-align:center; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 100px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .gallery-text h1 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h2 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h3 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 20px; font-weight: 600; text-align: center; } .gallery-text p { margin: 0; padding: 10px; } .gallery-news { margin:10px; padding:0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#A3881B; font-weight: 400; text-align: left; } .gallery-text img { margin: 0 10px 10px 0; padding: 0; border:0; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; box-shadow: 3px 3px 3px #ccc; display: block; float:left; } .setContent { margin:0 20px 0 0; padding:0; height: auto; width: 126px; display:inline-block; text-align:center; vertical-align:top; } /* Gallery 1-level */ .setThumb_wrapper { margin: 0; padding:0; } .setThumb_wrapper a { margin:0; padding:0; } .setThumb_wrapper a:hover { margin:0; padding:0; filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align:center; } .setTitle h3 a:hover { color: #B45339; text-align:center; } a.thumbTitle { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; } a.thumbTitle:hover { color:#ccc; text-decoration:none; } a.back-to-gallery { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #FA9932; font-size: 14px; font-weight: 400; } a.back-to-gallery:hover { color:#A3881B; text-decoration:none; } /* Gallery 2-level */ #gallery #photos-title h4 { text-align:center; clear:both; } #catphotos { margin: 0; padding:0; width: auto; text-align:center; } .setThumbnail { margin: 0; padding:0; height: 126px; width: 126px; } /* Videos */ #videos_content { margin:0; padding:0; max-width:320px; height:100%; } #videos_content_left { margin:-30px 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #videos_content_middle { margin:0 30px 0 0; padding:0; max-width:320px; height:auto; float:left; } #videos_content_middle iframe { margin:0 10px 0 10px; padding:0; max-width:300px; height:230px; } #videos_content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } .videos-text { margin:0; padding:0 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .videos-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-content-text p { margin: 0; padding-bottom: 10px; } .videos-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .videos-text a:hover { text-decoration:none; color:#690; } /* Contact Us Page */ #contact_content { margin:0; padding:0; max-width:768px; height:100%; } #contact_left { margin:-20px 0 0 0; padding:0 0 0 20px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0; padding:0 0 30px 0; max-width:300px; height:auto; float:left; } #contact_right iframe { margin:0 10px 0 10px; padding:0; max-width:280px; height:280px; } .contact-text { margin:0; padding:50px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0; padding:15px 0 20px 0; max-width:320px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:30%; height:auto; text-align:left; float:left; } } @media screen and (device-width: 320px) { /* Global */ blockquote { margin:0 auto; padding:0; font-family: Georgia, serif; font-size: 24px; font-style: normal; width: 240px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position:relative; color: #987A01; text-align:center; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -20px; color: #E4D2AD; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: absolute; right: -5px; bottom: -60px; color: #E4D2AD; } blockquote cite { color: #E4D2AD; font-size: 14px; display: block; margin-top: 5px; text-align:right; } blockquote cite:before { content: "\2014 \2009"; } /* Header */ #header_wrapper { margin:0; padding:0; width:100%; height:170px; display:block; background-color:#987A01; position:relative; } #header_content { margin:0 auto; padding: 0; width:100%; height:114px; float:left; position:relative; } #header_contact { margin:4px 0 0 0; padding:0; width:150px; height:auto; float:right; z-index:120; position:absolute; top:0; right:116px; text-align:center; } #header_social_networks { margin:6px auto 0 auto; padding:0; width:auto; height:auto; text-align:center; display:inline-block; clear:both; } #header_social_networks img { margin:0 2px 0 2px; padding:0; width:22px; height:22px; filter:alpha(opacity=80); -moz-opacity:08; -khtml-opacity: 0.8; opacity: 0.8; } #header_donate { margin:10px 0 0 0; padding:0; } #header_logo { margin:4px 0 0 2px; padding: 0; max-width:60px; max-height:150px; z-index:120; position:absolute; } #header_logo img { margin: 0; padding: 0; max-width:60px; height:150px; } /* Header Base */ #header_base { margin:-152px 12px 0 0; padding:0; max-width:120px; height:auto; text-align:center; clear:both; display:block; float:right; } #header_base_left { margin:0; padding:0; width:120px; height:30px; text-align:left; } #header_base_middle { margin:0; padding:0; width:120px; height:30px; text-align:center; } #header_base_right { margin:0; padding:0; width:120px; height:30px; text-align:right; } #header_solar { margin:0; padding:15px 0 0 0; width:120px; height:auto; text-align:left; } #header_solar img { margin:0; padding:0; width:120px; height:auto; text-align:left; float:right; } #header_market { margin:0; padding:6px 0 0 0; width:120px; height:auto; text-align:right; } #header_market img { margin:4px 0 0 0; padding:0; width:120px; height:auto; text-align:right; float:left; } #header_number { margin:8px 0 10px 0; padding: 0; width:120px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#D3B667; font-weight: 600; line-height:14px; text-align:center; } /*Menu*/ #menu_wrapper { margin:112px -10px 0 0; padding:0; max-width:260px; height:72px; text-align:right; float:right; } #menu_content { margin:0; padding:0; width:auto; height:auto; text-align:right; } .sf-menu li h2 a { margin: 0 4px 0 0; padding:4px 4px 10px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#F0EDDB; font-weight: 600; text-decoration:none; line-height:20px; text-transform:uppercase; letter-spacing:0; } /********* SLIDESHOW *********/ #slideshow_wrapper { margin:114px 0 10px 0; padding:0; max-width:100%; height:auto; background-color:#ccc; clear:both; } #slideshow { margin:0; padding:0; width:100%; max-height:114px; background-color:#fff; z-index:1; } #slideshow img { margin:0; padding:0; width:100%; height:auto; display:inline-block; z-index:1; } /* HP body content*/ #hp_content_wrapper { margin: 0; padding: 0; max-width:100%; height:auto; } /* HP Content */ #hp_content { margin:0; padding: 0; max-width:320px; height:auto; } /* HP Content Left */ #hp_content_left { margin:0; padding:0; max-width:100%; height:auto; float:left; text-align:left; } #hp_facebook_feed { margin:0 20px 0 0; padding:0; width:98%; height:auto; float:left; } #hp_twitter_feed { margin:0; padding:0; width:98%; height:auto; float:left; } /* HP Content Right */ #hp_content_right { margin:0; padding:0 0 100px 0; max-width:100%; height:auto; float:left; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } #hp_content_market { margin:0; padding:0 15px 0 15px; height:auto; } #hp_content_news { margin:0; padding:20px 15px 0 15px; height:auto; } #hp_content_promotions { margin:0 0 20px 0; padding:0 15px 20px 15px; height:auto; } #hp_content_video { margin:0 0 50px 0; padding:0; height:auto; } #hp_content_video h6 { margin:0 0 0 10px; padding:0; height:auto; } #hp_content_video iframe { margin:0 10px 0 10px; padding:0; width:94%; height:240px; } .view-more-videos { margin:20px 10px 0 0; padding:0; text-align:right; float:right; font-weight:600; } /* HP Content Classes */ .hp-content-text { margin:0 20px 0 0; padding:0 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* HP Sponsors */ #hp_sponsors_lottery { margin:0 50px 0 0; padding:0; width:179px; height:165px; float:left; } #hp_sponsors_lottery img { margin:0 50px 0 0; padding:0; width:179px; height:165px; border:0; } #hp_sponsors_rotary { margin:0 50px 0 0; padding:0; width:167px; height:165px; float:left; } #hp_sponsors_rotary img { margin:0 50px 0 0; padding:0; width:167px; height:165px; border:0; } #hp_sponsors_raysofhope { margin:0 50px 0 0; padding:0; width:300px; height:100px; float:left; } #hp_sponsors_raysofhope img { margin:0 50px 0 0; padding:0; width:300px; height:100px; border:0; } /* Content */ #content { margin:0; padding: 0; max-width:320px; height:auto; } #content_left { margin:-30px 0 0 0; padding:0; max-width:320px; float:left; text-align:left; } #content_middle { margin:0; padding:0; max-width:320px; height:auto; float:left; } #content_middle img { margin:0 10px 10px 10px; padding:0; max-width:300px; height:auto; float:left; } #content_right { margin:0; padding:0; width:320px; text-align:left; float:left; } #content_right iframe { margin:0; padding:0 0 0 160px; width:320px; text-align:left; float:left; } #content_right img { margin:0 10px 10px 10px; padding:0; max-width:280px; } /* Pages Content Text */ .content-text { margin:-50px 0 0 0; padding:30px 10px 50px 10px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .content-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .content-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .content-text p { margin: 0; padding-bottom: 10px; } .content-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .content-text a:hover { text-decoration:none; color:#690; } /* Pages Content 1-Column */ #content_wide { margin: 0 auto; padding:0 20px 0 20px; height: auto; max-width:320px; height:auto;text-align:left; } #content_wide h1 { margin: 0 0 0 80px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Pages Calendar */ #content_calendar { margin: 114px auto 50px auto; padding:0; max-width:1024px; height:100%;text-align:left; } /* Market */ #market_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #market_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #market_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Holiday Cottage */ #holiday_cottage_left { margin:0 20px 0 0; padding:0; width:180px; height:auto; float:left; } #holiday_cottage_left img { margin:0 10px 0 0; padding:0; width:180px; height:auto; } #holiday_cottage_right { margin:0; padding:0; width:300px; height:auto; float:left; } /* Get Involved Rows */ .content-row { margin:0; padding:20px 0 20px 0; width:auto; height:auto; border-bottom:1px solid #E3E3C0; clear:both; } .content-row-left { margin:0; padding:0; max-width:125px; height:auto; float:left; } .content-row-right { margin:0; padding:0 0 0 30px; max-width:320px; height:auto; float:left; } /* Products */ #products_content { margin:0; padding: 0; max-width:768px; height:auto; } #products_left { margin:-30px 20px 0 0; padding:0; width:220px; float:left; text-align:left; } #products_right { margin:0; padding:0; width:520px; height:auto; float:left; } .products-text { margin:0; padding:30px 20px 50px 20px; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } /* Products listing area */ #product_wrapper { margin:0; padding:0; width:auto; height:auto; } #product_page_title { margin:0 0 0 160px; padding:0; width:auto; height:auto; } #product_container { margin: 0 auto; padding: 70px 0 0 0; width:500px; height:auto; display:block; } #product_left { margin:0; padding:80px 0 0 0; max-width:700px; float:left; text-align:left; } #product_middle { margin:0; padding:100px 0 20px 0; width:13px; height:auto; float:left; } #product_right { margin:0; padding:100px 0 0 0; width:321px; float:right; text-align:left; } #product_content { margin:0; padding:0; width:auto; height:auto; text-align:left; float:left; } .product-text { margin:0; padding:20px 20px 50px 40px; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:16px; color:#645311; font-weight: 400; text-align: left; } .product-text h1 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 32px; font-weight: 500; display:inline-block; text-align:center; } /* Products List Page */ #product_headings_wrapper { margin:-60px 0 0 0; padding:0; background-color:#BF9E3C; } #product_headings_1 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:75px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_2 { margin:0 10px 0 0; padding:4px 8px 4px 0; max-width:40px; height:auto;font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } #product_headings_3 { margin:0; padding:4px 8px 4px 10px; max-width:280px; height:auto; font-family: 'khand'; font-size:20px; color:#A3881B; font-weight: 500; text-align: left; float:left; } .product-image { margin:10px 10px 0 0; padding:0; max-width:75px; height:auto; float:left; } .product-number { margin:10px 10px 0 0; padding:10px 0 0 0; max-width:60px; height:auto; float:left; } .product-summary { margin:10px 10px 0 0; padding:7px 20px 0 10px; max-width:160px; height:auto; float:left; } .product-price { margin:10px 10px 0 0; padding:30px 0 0 20px; max-width:68px; height:auto; float:left; } .product-quantity { margin:10px 0 0 0; padding:22px 0 0 20px; max-width:58px; height:auto; float:left; } a.product-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; text-decoration:none; } a.product-title:hover { color:#FA9932; text-decoration:none; } /* Product Details Page */ #prod-detail { margin:0; padding:0 0 30px 0; } #prod-detail img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-img { margin:0; padding:0; width:300px; height:auto; float:left; } .prod-title { margin:0; padding:0; font-size:16px; font-family: Verdana, Geneva, sans-serif; font-weight:200; color: #A3881B; } .prod-number { margin:0; padding:0; font-size:12px; font-family: Verdana, Geneva, sans-serif; font-weight:500; font-style:normal; color: #666; } .prod-desc { margin:0 0 0 20px; padding:20px 0 0 0; width:320px; height:auto; float:left; } .prod-desc p { margin:0; padding:15px 0 0 0; } .prod-desc h1 { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; color:#FA9932; display:inline; background-color:#fff; } .prod-price { margin:0; padding:0; } /******* Media Pages *******/ #content_gallery_right { margin:0; padding:0; max-width:744px; float:left; text-align:left; } /* News Content */ #news_content { margin:0; padding:0; max-width:768px; height:100%; } #news_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #news_content_right { margin:0; padding:0; max-width:500px; height:auto; float:left; } .news-text { margin:0; padding:40px 10px 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .news-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 24px; font-weight: 500; display:inline-block; text-align:left; } .news-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .news-text p { margin: 0; padding: 10px; } .news-title { margin:0; padding:0 0 0 10px; color:#A3881B; font-family:'khand'; text-decoration:none; font-size:28px; font-weight:500; display:block; } /* Articles */ #articles_content { margin:0; padding:0; max-width:768px; height:100%; } #articles_content_left { margin:-80px 0 0 0; padding:30px 0 0 0; width:224px; height:auto; float:left; } #articles_content_left h2 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } #articles_content_right { margin:0; padding:30px 0 0 0; max-width:300px; height:auto; float:left; } .articles-text { margin:0; padding:40px 10px 50px 10px; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .articles-title { margin:0; padding:0 0 0 10px; color:#A3881B; text-decoration:none; font-family: 'khand'; font-size:28px; font-weight:500; display:block; } /* Gallery Page */ #content_gallery_left { margin:-30px 30px 0 0; padding:0; max-width:320px; float:left; text-align:left; } #content_gallery_right { margin:0; padding:0; max-width:320px; text-align:center; } #gallery_wrapper { margin:0; padding:20px 0 0 0; width:auto; height:auto; text-align:center; display:block; float:left; } #gallery_content { margin:0 0 100px 0; padding:0; width:auto; height:auto; } .gallery-text { margin:0; padding:30px 10px 100px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#A3881B; font-weight:600; text-align:left; } .gallery-text h1 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h2 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 52px; font-weight: 600; } .gallery-text h3 { margin:0 0 0 -30px; padding:0; font-family: 'khand'; color: #A3881B; font-size: 20px; font-weight: 600; text-align: center; } .gallery-text p { margin: 0; padding: 10px; } .gallery-news { margin:10px; padding:0; height:auto; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#A3881B; font-weight: 400; text-align: left; } .gallery-text img { margin: 0 10px 10px 0; padding: 0; border:0; -moz-border-radius : 10px; -webkit-border-radius : 10px; -khtml-border-radius : 10px; border-radius: 10px; box-shadow: 3px 3px 3px #ccc; display: block; float:left; } .setContent { margin:0 20px 0 0; padding:0; height: auto; width: 126px; display:inline-block; text-align:center; vertical-align:top; } /* Gallery 1-level */ .setThumb_wrapper { margin: 0; padding:0; } .setThumb_wrapper a { margin:0; padding:0; } .setThumb_wrapper a:hover { margin:0; padding:0; filter:alpha(opacity=50); -moz-opacity:05; -khtml-opacity: 0.5; opacity: 0.5; text-decoration:none; } .setThumb { margin:0; padding:0; width: auto; height:auto; display:inline-block; text-align:center; } .setThumb102 { margin:0 10px 10px 0; padding:0; width: auto; height:auto; text-align:left; display:inline-block; float:left; } .setTitle { margin:0; padding:0 0 20px 0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 { margin:0; padding:0; width:auto; height:auto; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align: center; } .setTitle h3 a { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; text-align:center; } .setTitle h3 a:hover { color: #B45339; text-align:center; } a.thumbTitle { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 14px; font-weight: 400; } a.thumbTitle:hover { color:#ccc; text-decoration:none; } a.back-to-gallery { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color: #FA9932; font-size: 14px; font-weight: 400; } a.back-to-gallery:hover { color:#A3881B; text-decoration:none; } /* Gallery 2-level */ #gallery #photos-title h4 { text-align:center; clear:both; } #catphotos { margin: 0; padding:0; width: auto; text-align:center; } .setThumbnail { margin: 0; padding:0; height: 126px; width: 126px; } /* Videos */ #videos_content { margin:0; padding:0; max-width:320px; height:100%; } #videos_content_left { margin:-30px 30px 0 0; padding:0; width:160px; float:left; text-align:left; } #videos_content_middle { margin:0 30px 0 0; padding:0; max-width:320px; height:auto; } #videos_content_middle iframe { margin:0 10px 0 10px; padding:0; max-width:300px; height:230px; } #videos_content_right { margin:0; padding:0; width:300px; float:right; text-align:left; } .videos-text { margin:0; padding:0 0 50px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#645311; font-weight: 200; text-align: left; } .videos-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; text-align:left; } .videos-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; text-align:left; } .videos-content-text p { margin: 0; padding-bottom: 10px; } .videos-text a { margin:0; padding:0; text-decoration:none; font-family: Verdana, Geneva, sans-serif; color:#F90; } .videos-text a:hover { text-decoration:none; color:#690; } /* Contact Us Page */ #contact_content { margin:0; padding:0; max-width:768px; height:100%; } #contact_left { margin:-20px 0 0 0; padding:0 0 0 20px; width:324px; height:auto; float:left; text-align:left; } #contact_right { margin:0 10px 0 10px; padding:0 0 30px 0; max-width:300px; height:auto; float:left; } #contact_right iframe { margin:0 10px 0 10px; padding:0; max-width:280px; height:280px; } .contact-text { margin:0; padding:50px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#645311; font-weight: 400; line-height:20px; text-align: left; } .contact-text h1 { margin: 0; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; line-height:32px; display:inline-block; text-align:left; } .contact-text h2 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h3 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 16px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h4 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: 'khand'; color: #A3881B; font-size: 28px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h5 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text h6 { margin: 0 0 0 -10px; padding: 4px 10px 6px 10px; font-family: Verdana, Geneva, sans-serif; color: #A3881B; font-size: 20px; font-weight: 500; display:inline-block; text-align:left; } .contact-text p { margin: 0; padding: 10px 0 0 0; } .contact-text ul li { margin:0 0 0 30px; padding:0; list-style:square; } .contact-text a { margin:0; padding:0; color:#F69731; text-decoration: none; } .contact-text a:hover { color: #A3881B; text-decoration: none; } /* Footer */ #footer_wrapper { margin: 0; padding:0; width: 100%; height:auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #375201; background-color:#E3E3C0;} #footer_content { margin:0; padding:15px 0 20px 0; max-width:320px; height:auto; } .footer-column { margin:30px 0 0 0; padding:0; width:30%; height:auto; text-align:left; float:left; } }