/* Theme Name: US EcoLogic Custom Theme Theme URI: http://usecologic.com/ Description: Custom theme for Us EcoLogic Author: Mosaic Creative Author URI: http://mosaiccreative.com Version: 1.1 */ /* font-family: 'Dosis', sans-serif; 300 - Light 400 - Normal 600 - Semi-Bold 700 - Extra-Bold font-family: 'Source Sans Pro', sans-serif; 400 - Normal 600 - Semi-Bold (italic available) */ * { margin: 0; padding: 0; } body { background: #58595B; } img { border-style: none; } .fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; } .fluidList { list-style:none; list-style-image:none; margin:0; padding:0; } .squeeze { max-width: 960px; margin: 0 auto; } /* width: 960px; */ .clr { font-size: 0px; line-height: 0px; clear: both; height: 0px; } #header { border-top: 4px solid #26954A; background: #FFF url(images/background/header.png) repeat-x top; } #head-rel { position: relative; } #header * { list-style: none; } #header #logo { text-align:center; padding:20px 0 15px; } #header #logo img { max-width:92.1875%; } #header #contact ul { text-align:center; padding-bottom:16px; } #header #contact li { font: 400 18px/21px 'Dosis', Helvetica, Arial, sans-serif; color: #58595B; display: inline-block; border-right: 1px solid #D4D5D7; padding: 2px 17px; } #header #contact li:first-child { display:block; text-align:center; padding:0 0 16px; border-right:none; } /* PHONE NUMBER */ #header #contact li:last-child { border-right:none; } #header #contact img { display:block; } #header #contact img:last-child { display:none; } #mobileNav { background: #009247; padding: 9px 18px; font: 400 16px/20px 'Dosis', Helvetica, Arial, sans-serif; } /* "Menu" text on mobile */ #mobileNav span { display:block; float:left; width:17px; } #mobileNav .minus { display:none; } #mobileNav a { color:#FFF; text-decoration:none; } .menu-top-nav-container { background:#39B24A; padding:12px 18px; display:none; } .menu-top-nav-container ul { font: 400 16px/20px 'Dosis', Helvetica, Arial, sans-serif; } .menu-top-nav-container ul li { position: relative; padding-left: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu-top-nav-container ul a { color:#FFF; text-decoration:none; } .menu-top-nav-container ul ul { display:none; } .menu-top-nav-container ul ul ul { border-left:1px solid #A0E261; margin:3px 0; } .menu-top-nav-container .hide, .menu-top-nav-container .show { display:block; position:absolute; left:0; top:0; } #nav { position:relative; } #searchform { position:absolute; top:9px; right:18px; height:20px; } #searchform td { vertical-align:middle; } #searchform #textfield { height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:20px; display:block; border:none; } #searchform #searchsubmit { height:20px; display:block; } #slideshow { width:100%; position:relative; } .slides { width:100% !important; position:relative; height:320px; } .slides div { height:320px; width:100% !important; background-size: cover; background-position: center center; } #slideshow .nav { display:none; } #slideshow #title { background:#393637; padding:13px 18px 16px; } #slideshow #title h1 { text-transform: uppercase; text-align: center; color: #FFF; font: 300 21px/normal 'Dosis', Helvetica, Arial, sans-serif; } #page-titles { width: 100%; z-index: 0; background: #454446; } /* min-width: 960px; */ #subpg-titles { width: 100%; z-index: 0; background: #454446; } #subpg-titles h1 { font: 300 39px/normal 'Dosis', Helvetica, Arial, sans-serif; color: #FFF; margin: 0 auto; font-weight: normal; text-transform: uppercase; max-width: 960px; padding: 11px 27px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* BEGIN EXISTING */ #breadcrumbs { font: 400 14px/25px 'Dosis', Helvetica, Arial, sans-serif; color: #FFF; margin: 0 auto; font-weight: normal; list-style: none; height: 25px; } /* width: 926px; */ #breadcrumbs li { display: inline; line-height: 25px; height: 25px; } #breadcrumbs .delim { color: #67686A } #project-bar { background:#F1F1F2; padding:6px 18px; } #project-bar * { list-style: none; } #project-bar ul { text-align:center; width:100%; } #project-bar li { display:block; width:50%; background:url(images/background/project-bar/project-bar-divider.gif) repeat-x bottom; float:left; padding-top:12px; } #project-bar li:last-child { background-image:none; width:100%; } #project-bar h3, #project-bar p { padding: 0 13px; text-align: center; } #project-bar h3 { text-transform: uppercase; padding-bottom: 10px; font: 400 17px/normal 'Dosis', Helvetica, Arial, sans-serif; } #project-bar p { padding-top: 9px; font: 400 14px/18px 'Dosis', Helvetica, Arial, sans-serif; color: #58595B; } #project-bar a { display: block; color: #6D6E70; text-decoration: none; } #project-bar a span { display: block; padding-bottom:7px; } #project-bar img { height:50px; width:auto; } #project-bar img:last-child { display:none; } #project-bar a:hover, #project-bar a:active { color: #8EC94A; } #copy { background: #FFF; border-top: 1px solid #FFF; position: relative; z-index: 100; clear:none; } #copy .squeeze { max-width:922px; position:relative; } #copy .rColBG { display:none; } #copy .r-col-top { display:none; } #copy .r-col-shadow { display:none; } #copy .top-shadow { position:relative; z-index:60; overflow:auto; } #copy .l-col { padding: 18px 27px; } #copy .l-col img { max-width:100%; width:auto; height:auto; } #copy .l-col h1 { text-transform: uppercase; color: #58595B; padding-bottom: 5px; font: 300 39px/normal 'Dosis', Helvetica, Arial, sans-serif; } #copy .l-col h2 { color: #26954A; padding-bottom: 8px; font: normal 400 36px/42px 'Dosis', Helvetica, Arial, sans-serif; } #copy .l-col h3 { color: #6D6E70; padding-bottom: 8px; font: normal 400 28px 'Dosis', Helvetica, Arial, sans-serif; } #copy .l-col h4 { color: #26954A; padding-bottom: 6px; font: normal 400 21px 'Dosis', Helvetica, Arial, sans-serif; } #copy .l-col h5 { color: #6D6E70; padding-bottom: 6px; font: 600 18px 'Source Sans Pro', Gadget, sans-serif; } #copy .l-col h6 { color: #6D6E70; padding-bottom: 6px; font: italic 600 18px 'Source Sans Pro', Gadget, sans-serif; } #copy .l-col p, #copy .l-col ul{ color: #58595B; font: 400 16px/21px 'Dosis', Helvetica, Arial, sans-serif; padding-bottom: 21px; } #copy .l-col ul .sm { font-size:14px; } #copy .l-col ul { padding-left: 1em; } #copy .l-col p.more { font-size: 18px; } #copy .l-col p.more span { font-size: 14px; } #copy .l-col p a , #copy .l-col ul a{ color: #8EC94A; text-decoration: none; } #copy .l-col p a:hover, #copy .l-col p a:active , #copy .l-col ul a:hover, #copy .l-col ul a:active{ color: #6FB621; text-decoration: underline; } #copy .l-col p b, #copy .l-col p strong , #copy .l-col ul b, #copy .l-col ul strong{ font-family: 'Dosis', Helvetica, Arial, sans-serif; font-weight:600 } #copy .l-col hr { height: 20px; border-style: none; margin: 0 auto 16px; background: url(images/background/hr.jpg) no-repeat center top; display: block; clear: both; max-width:620px; } #copy .r-col { padding:0 18px; background:url(images/background/mobile-rcol-top.png) top center no-repeat; } #copy .r-col .copySet { background:url(images/background/horizontal-divider.gif) left bottom repeat-x; padding:18px 0 0 } #copy .r-col .copySet:last-child { background:none; } #copy .r-col h2 { color: #26954A; font: 400 36px/42px 'Dosis', Helvetica, Arial, sans-serif; padding-bottom: 4px; } #copy .r-col p { color: #58595B; font: 400 16px/21px 'Dosis', Helvetica, Arial, sans-serif; padding-bottom: 21px; } #subpages .top-shadow { padding-top:18px; } #subpages #copy .squeeze { max-width: 960px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 647px */ #subpages .l-col { padding: 0 27px; } #subpages .r-col-top { background: none; } #subpages .r-col { padding: 0 27px; background:#F3F4F4; } #subpages .r-col hr { display:none; } #subpages #copy .r-col h2 { font-size: 24px; line-height: normal; padding-bottom: 12px; } #subpages .r-col .callout { background:none; } #copy .stub .img { margin-bottom:21px; } #copy .stub .img img { display: block; margin: 0 auto; max-width: 100%; border: solid 5px #D0D2D3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #copy .stub h3 { color: #26954A; } #copy .stub p.date { font-size: 14px; padding-bottom: 0px; color: #929497; } #copy .biostub .img img { display: block; margin: 0 auto; max-width: 100%; border: solid 5px #D0D2D3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #copy .stub .img { float: left; } #copy .stub .blurb { float: right; max-width:392px; } #copy .stub.noimg .blurb { float:none; width: auto; } #copy .biostub .img { float: left; } #copy .biostub .blurb { float: right; max-width: 431px; } */ #subpages .r-col .rcolBotBG { padding:14px 0 24px; } #subpages .r-col .project-bar { font-family:'Dosis', Helvetica, Arial, sans-serif; font-weight:400; text-transform: uppercase; background: url(images/background/project-bar/project-bar-divider.gif) repeat-x bottom; } #subpages .r-col .project-bar ul { list-style:none; overflow:auto; } #subpages .r-col .project-bar li { float:left; width:50%; margin:0 0 9px; padding:0 0 9px; background: url(images/background/project-bar/project-bar-divider.gif) repeat-x bottom; } #subpages .r-col .project-bar li:nth-child(2n+1) { clear:left; } #subpages .r-col .project-bar li:last-child { margin:0 auto; float:none; background:none; } #subpages .r-col .project-bar a, .r-col .project-bar a span { display: block; text-align: center; color: #6D6E70; text-decoration: none; } #subpages .r-col .project-bar a:hover, .r-col .project-bar a:active { color: #8EC94A; } #subpages .r-col .project-bar a span { margin: 0 auto 8px; height: 38px; text-align:center; } #subpages .r-col .project-bar a img { max-height:100%; width:auto; } #subpages .r-col .project-bar a img:last-child { display:none; } .property-list { clear: both; list-style: none; padding-left:0 !important; overflow:auto; } .property-list li { width:47.5%; padding-bottom: 30px; float:left; margin-left:5%; display:block; clear:none; } .property-list li:nth-child(odd) { margin-left:0; clear:left; } .property-list img { border: 4px solid #D0D2D3; width: 100% !important; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer { background: #58595B; border-top: 19px solid #26954A; } #footer .border { border-top: 1px solid #48B64F; padding: 11px 18px; overflow:auto; } #footer .nav { list-style: none; color: #929497; font: 400 14px/normal 'Dosis', Helvetica, Arial, sans-serif; text-align: center; } #footer .nav li { display: inline; } #footer .nav li:last-child span { display:none; } #footer .logo { text-align:center; padding: 14px 0; } #footer .logo img { max-width:100%; height:auto; } #footer p { color: #929497; font: 400 12px/normal 'Dosis', Helvetica, Arial, sans-serif; padding-bottom:17px; text-align:center; } #footer p:last-child { padding-bottom:0; } #footer a { color: #929497; text-decoration: none; } #breadcrumbs a { color: #8EC94A; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a:active { text-decoration: underline; } .fields { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fields .title { color: #58595B; font: 400 16px/21px 'Dosis', Helvetica, Arial, sans-serif; padding: 0 0 12px; vertical-align: middle; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fields .input { padding:0 0 12px; vertical-align:middle; display:block; } .fields .input div { /* background:url(images/background/contact-text.jpg) no-repeat right center; */ } .fields .input div.txtarea { /* background:url(images/background/contact-textarea.jpg) no-repeat right center; */ } .fields .input input { border: 1px solid #A9A9A9; background: #F1F1F1; height: 29px; line-height: 29px; padding: 0 10px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fields textarea { overflow: hidden; height: 105px; width: 100%; padding: 10px; background: #F1F1F1; border: 1px solid #A9A9A9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fields .input.last { vertical-align:bottom; text-align:right; font-size:12px; } .fields .input.last div { background:none; } .fields .input div.submit { float:left; width:auto; height:auto; background:none; } .fields .input .submit input { height:auto; line-height:normal; width:auto; padding:0; } .reqd { color:#26954A; } img.alignleft { margin-right:17px; margin-bottom:10px; float:left; display:block; } img.alignright { margin-left:17px; margin-bottom:10px; float:right; display:block; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .copySlideshow { list-style:none; max-width:612px; margin:0 auto; } @media (min-width: 768px) { #header { position: fixed; z-index: 999; width: 100%; } #header .squeeze { overflow:auto; } #header #nav .squeeze { overflow:visible; } #header #logo { float: left; padding: 15px 0 14px; } #header #contact ul { text-align:right; } #header #contact li:first-child { text-align:right; padding:8px 17px 7px 0; } #mobileNav { display:none; } .menu-top-nav-container { background:none; padding:0; display:inline-block; float:left; clear:both; } #nav { background: url(images/background/nav.png) repeat; height: 40px; width: 100%; position: absolute; top: 100%; left: 0px; z-index: 999; } #nav .shadow { background: url(images/background/nav-shadow.png) repeat-x left top; width: 100%; height: 40px; position: relative; padding:0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nav .squeeze { max-width:926px; } #nav li { display:inline-block; position: relative !important; white-space: nowrap; font-size: 16px; line-height: 40px; margin-right: 15px; padding-left:0; } /* FLOAT LEFT */ #nav li.current { background: url(images/background/nav-border.gif) repeat-x left bottom; } #nav a { display: block; white-space: nowrap; background: none; padding: 0 9px; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-weight:300; color: #FFF; text-decoration: none; } #nav li li { float: none; line-height: 30px; margin-right: 0px; display:block !important; position:relative; } #nav li li.current { background: url(images/background/nav-roll.png) repeat; } #nav li ul { position: absolute; left: 0px; top: 100%; background: url(images/background/nav.png) repeat; display: none; float: none; } #nav li ul a { padding: 0 28px 0 15px; } #nav li ul ul { left: 100%; top: 0px; border:none; margin:0; } #nav .show, #nav .hide { display:none; } #nav form { float: right; padding-top:9px; } #nav table div { background: #FFF; } #nav input { display: block; } #nav input.txt { height: 22px; background: #F4F4F5 url(images/background/search-text.gif) no-repeat 109px center; width: 159px; font: 400 10px/22px 'Dosis', Helvetica, Arial, sans-serif; border: none; } #nav input.txt.nobg { background-image: url(none); } #searchform { position:static; top:0; right:auto; height:auto; } #slideshow { border-bottom:5px solid #009247; } #slideshow .nav { display:block; width: 100%; top: 0px; left: 0px; position: absolute; z-index: 900; } /* min-width: 960px; */ #slideshow .relative { position:relative; width: 100%; } /* min-width: 960px; */ #slideshow .nav .bars { display: block; z-index: 999; position:absolute; top:469px; left:0px; width:100%; } #slideshow .nav .bars a { float: left; width:24.5836%; height: 10px; background: #E6E7E8; margin-right:.5552%; display: block; } #slideshow .nav .bars a.activeSlide { background: #26954A; } #slideshow .nav .bars a:last-child { margin-right:0; } #slideshow .squeeze { z-index: 999; position:relative; } #slideshow .shadow { background: url(images/background/home-photo-shadow.png) repeat-x bottom; width:100%; height:35px; position:absolute; left:0px; top:444px; z-index:400; } #slideshow .lt { position:absolute; top:240px; left:0px; } #slideshow .lt a { display: block; width: 40px; height: 41px; background: url(images/background/photo-nav-l.png) no-repeat left center; } #slideshow .rt { position:absolute; top:240px; right:0px; } #slideshow .rt a { display: block; width: 40px; height: 41px; background: url(images/background/photo-nav-r.png) no-repeat left center; } #slideshow .nav a:hover, #slideshow .nav a:active { background-position: right center; } #slideshow, #slideshow .slides{ height: 565px; width: 100%; position: relative; overflow: hidden; } /* min-width: 960px; */ #slideshow .slides div { height: 565px; width: 100% !important; background-size: cover; -ms-behavior: url(/scripts/backgroundsize.min.htc); background-position: center center; } /* min-width: 960px; */ #slideshow .slides div a { display:block; width:100%; margin:0 auto; height:429px; position:relative; top:40px; z-index:999; } #slideshow #title { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 500; height: 86px; background: url(images/background/titles.png) repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 18px; } #slideshow #title h1 { line-height: 86px; height: 86px; font-size:32px; } #page-titles { padding-top: 96px; } #project-bar { width:24.6094%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; position:relative; z-index:150; margin-bottom:22px; } #project-bar li { width:100%; } #copy { position:static; } #copy .squeeze { position:static; } #copy .top-shadow { position:static; overflow:visible; } #copy .l-col { padding:18px 0 0; float:right; width:67.8385%; margin-right:3.9062%; } #copy .r-col { clear:both; } #copy .r-col .copySet { width:50%; float:left; padding:0 41px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(images/background/vertical-divider.png) left top repeat-y; } #copy .r-col .copySet:first-child { padding-left:0; background:none; } #copy .r-col .copySet:last-child { padding-right:0; background:url(images/background/vertical-divider.png) left top repeat-y; } #subpg-titles { padding-top: 140px; } /* #subpages #copy .squeeze { padding: 0 27px; } */ /* #subpages .top-shadow { padding-top:0; } */ #subpages .l-col { float: none; width: 100%; margin-right: 0; padding: 0 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subpages .r-col { margin:0; padding:0; float:none; background:#F3F4F4 url(images/rcol-callout-mid.gif) center top repeat-y; overflow:auto; } #subpages .r-col .rcolTopBG { background:url(images/rcol-callout-top.gif) center top no-repeat; } #subpages .r-col .rcolBotBG { overflow:auto; background:url(images/rcol-callout-top.gif) center bottom no-repeat; padding:14px 0; } #subpages #rTopCopy { float: left; width: 50%; padding: 0 35px 0 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subpages .r-col .callout { background:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subpages .r-col .callout { width:50%; float:right; padding: 0 23px 0 35px; } #subpages #rTopCopy .callout { width:auto; float:none; padding:0; } #subpages .r-col hr { display:none; } #subpage #rTopCopy { } #subpages .r-col .project-bar { background:none; } #copy .stub .img { float:left; width:32.2581%; } #copy .stub .img img { display: block; margin: 0 auto; max-width: 100%; border: solid 5px #D0D2D3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #copy .stub .blurb { float: right; width:65.7149%; } #copy .stub h3 { color: #26954A; } #copy .stub p.date { font-size: 14px; padding-bottom: 0px; color: #929497; } #copy .stub.noimg .blurb { float:none; width: auto; } #copy .biostub .blurb { float: right; width:70.1422%; } #copy .biostub .img { float: left; width:25.5924%; } #copy .biostub .img img { display: block; margin:0; max-width: 100%; border: solid 5px #D0D2D3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .property-list li { width:30%; float:left; margin-left:5%; } .property-list li:nth-child(odd) { margin-left:5%; clear:none; } .property-list li:nth-child(3n+1) { margin-left:0; clear:left; } .fields .title { display:table-cell; max-width: 122px; } .fields .input { display:table-cell; padding-left:10px; } #footer .menu-footer-nav-container { width:50.2732%; height:49px; float:left; display:table; } #footer .nav { text-align:left; padding:3px 0 0; display:table-cell; vertical-align:middle; } #footer .logo { width:48%; float:right; padding-top:0; text-align:right; } #footer p { clear:both; width:48%; float:left; padding:0; text-align:left; } #footer p:last-child { clear:none; float:right; text-align:right; } #footer .border { padding-top:16px; } #footer a:hover, #footer a:active { text-decoration: underline; } #footer li, #footer li a { float:left; } #footer a span { display:block; float:right; text-decoration:none; } } @media (min-width: 815px) { #header #contact { float:right; } #header #contact ul { padding-top:8px; } #header #contact li:first-child { border-right:1px solid #D4D5D7; display:block; line-height:21px; padding-bottom:0; padding-top:0; float:left; } #project-bar { width:100%; float:none; margin-bottom:0; } #project-bar img { height:auto; } #project-bar h3 { font-size:21px; } #project-bar .top { background: #F1F1F2; } #project-bar .bot { background: #E6E7E8; } #project-bar ul { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #project-bar li { float:left; clear:none; width:20%; background:url(images/background/vertical-divider.png) right top repeat-y; } #project-bar li:last-child { width:20%; } #project-bar h3, #project-bar p { padding: 0 13px; text-align: center; } #project-bar h3 { text-transform: uppercase; padding-bottom: 10px; font: 400 21px 'Dosis', Helvetica, Arial, sans-serif; } #project-bar p { padding-top: 9px; font: 400 14px/18px 'Dosis', Helvetica, Arial, sans-serif; color: #58595B; } #project-bar a { display: block; color: #6D6E70; text-decoration: none; } #project-bar a span { display: block; height: 62px; background-position: center top; margin-bottom: 13px; background-repeat: no-repeat; } #project-bar a:hover span , #project-bar a:active span{ background-position: center bottom; } #project-bar a:hover, #project-bar a:active { color: #8EC94A; } #copy { position:relative; } #copy .squeeze { position:relative; } #copy .top-shadow { position:relative; overflow:auto; } #copy .l-col { float: left; width: 67.1723%; padding: 0; } #copy .r-col { float: right; width: 25.2083%; margin-right:2.1666%; clear:none; background:none; padding:0; } #copy .rColBG { background:#F1F1F1; position:absolute; height:100%; right:0; top:0; width:29.9349%; z-index:1; display:block; } #copy .r-col-top { display:block; position:absolute; z-index:10; position:absolute; height:100%; right:0; top:0; width:29.9349%; background: url(images/background/r-col.jpg) no-repeat right top; } #copy .r-col-shadow { display:block; position:absolute; z-index:50; background: url(images/background/r-col-shadow-home.png) no-repeat left top; height:100%; right:0; top:0; width:29.9349%; } #copy .top-shadow { position:relative; z-index:60; background: url(images/background/copy.png) no-repeat center top; overflow:auto; padding: 19px 0; } #copy .r-col .copySet { width:100%; float:none; padding:0; margin-bottom:18px; background:url(images/background/r-col-bot.jpg) center bottom no-repeat; } #copy .r-col .copySet:first-child { background:url(images/background/r-col-bot.jpg) center bottom no-repeat; } #copy .r-col .copySet:last-child { background:none; } #subpages .bgLine { background: url(images/background/subpage-rcol-border.gif) 70.282% top repeat-y; width:100%; overflow:auto; position:relative; } #subpages .r-col-shadow { width:29.718% } #subpages #copy .l-col { margin:0; } #subpages .r-col { float: right; width: 29.718%; margin:0; clear:none; background:none; padding:0; } #subpages .r-col .rcolTopBG { background:none; } #subpages .r-col .rcolBotBG { background:none; padding:0; } #subpages #rTopCopy { float:none; width:100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subpages .r-col .callout { background: url(images/background/subpage-callouts.png) repeat; padding:8px 0 16px !important; width:100%; float:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #subpages .r-col hr { display:block; height: 20px; border:none; margin:0 14px; background:url(images/background/horizontal-divider.gif) left center repeat-x; } #subpages .r-col .callout h2 { padding:0 20px; } #subpages .r-col .callout p { padding:0 20px 17px; } #subpages .r-col .project-bar { padding:0 0 8px; font-family: 'Dosis', Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 20px 8px; background: url(images/background/project-bar/project-bar-divider.gif) repeat-x bottom; font-weight:400; } .r-col .project-bar ul { list-style:none; overflow:auto; } .r-col .project-bar li { float:left; width:50%; margin:0 0 9px; padding:0 0 9px; background: url(images/background/project-bar/project-bar-divider.gif) repeat-x bottom; } .r-col .project-bar li:nth-child(2n+1) { clear:left; } .r-col .project-bar li:last-child { margin:0 auto; float:none; padding:0; background:none; } .r-col .project-bar a, .r-col .project-bar a span { display: block; text-align: center; color: #6D6E70; text-decoration: none; } .r-col .project-bar a:hover, .r-col .project-bar a:active { color: #8EC94A; } .r-col .project-bar a span { margin: 0 auto 8px; height: 38px; text-align:center; } .r-col .project-bar a img { max-height:100%; width:auto; } .r-col .project-bar a img:last-child { display:none; } }