/* Yahoo reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } #header-img { margin:0 auto; } #header-img img { margin:0 auto; } #nav-bar { position:absolute; float:right; margin-top:-34px; margin-left:355px; width:600px; height:45px; border:0px solid black; background-color:#61ba00; background:url(images/nav-img.png) ; } #nav-bar ul { clear: both; margin: 0; padding: 0; } #nav-bar ul li{ margin-top:5px; list-style:none; float: left; text-align:center; font-size:18px; color:#ffffff; } #nav-bar ul li a { text-align:center; vertical-align:middle; padding:9px 35px 9px 18px ; color:#000000; text-decoration:none; } #nav-bar ul li a:hover { color:#238E23; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } /*h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }*/ h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; } q:before,q:after { content:''; } abbr,acronym { border:0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear{ clear: both; } .fleft{ float: left; } .fright{ float: right; } .strike{ text-decoration: line-through; } .hide{ display: none; } /*@import "headings.css";*/ form.generic .text{ border: 1px solid #a7a7a7; background: #fff url(/media/img/form/bg/input-text.gif) no-repeat right top; padding: 3px; font-size: 14px; font-family: "trebuchet ms", verdana, arial; } form.generic label{ display: block; font-size: 12px; line-height: 2; } form#form-contact{ padding: 0 13px; position: relative; } form#form-contact .el{ margin: 0 0 10px; } form#form-contact #form-contact-yourname{ float: left; width: 180px; } form#form-contact #form-contact-yourname .text{ width: 172px; } form#form-contact #form-contact-youremail{ float: right; width: 225px; } form#form-contact #form-contact-youremail .text{ width: 217px; } form#form-contact #form-contact-message{ clear: both; width: 454px; } form#form-contact #form-contact-message .text{ width: 446px; height: 200px; } div.sending{ width: 454px; height: 100%; background: url(/media/img/thickbox/loadingAnimation.gif) no-repeat center center; position: absolute; z-index: 3; } div.png80{ background: url(/media/img/bg/pngFFF80.png) repeat left top; width: 454px; height: 100%; position: absolute; z-index: 2; } body{ color: #777777; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; background: #ECEDEF; width: 1007px;} /*p, ul, ol{ font-size: 13px; line-height: 20px; margin-bottom: 20px; }*/ p, ul, ol{ font-size: 15px; line-height: 20px; margin-bottom: 20px; font-family:Arial; } ul{ list-style: outside disc; padding-left: 20px; } ol{ list-style: outside decimal; padding-left: 20px; } a{ text-decoration: none; color: #000000; border-bottom: 1px dotted #85be33; } a:hover{ border-bottom: 1px solid #fff; color:#238E23; } img.general{ padding: 5px; border: 1px dotted #d4d4d4; } img.lefty{ float: left; margin: 0 16px 8px 0; } img.righty{ float: right; margin: 0 0 8px 16px; } strong{ font-weight: bold; } em{ font-style: italic; } .level .inner{ width: 960px; margin: 0 auto; } h2.high{ width: 960px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(images/high.gif) no-repeat left top; margin: 0 0 20px; } #mast{} #content-home{ background: url(images/content-home-tile.gif) repeat-x top left; } .content{ background: url(images/) repeat-x top left; } #footer{ height: 200px; background: url(images/) repeat-x top left; } #mast h1{ float: left; /*text-indent: -9999px;*/ overflow: hidden; } /*#mast h1 a{ display: block; width: 280px; height: 107px; background: url(images/mast-logo.gif) no-repeat left top; border-bottom: none; }*/ #mast h1 a{ display: block; width: 280px; height: 107px; border-bottom: none;} #mast h6{ float: right; text-indent: -9999px; overflow: hidden; margin-top: 27px; } #mast h6 a{ display: block; width: 392px; height: 58px; background: url(images/mast-call-us-upload.gif) no-repeat left top; border-bottom: none; } #mast h6 a:hover{ background-position: left bottom; } /*#slide{ height: 390px; overflow: hidden; position: relative; }*/ #slide{ height: 324px; overflow: hidden; position: relative; background:url(images/new_bg.jpg) repeat-y; background-color:#ffffff; } #slide .feature{ width: 960px; height: 390px; display: block; background-color: #fff; } #slide .feature .pad{ padding: 17px 10px; } #slide .feature .left{ width: 560px; height: 356px; float: left; } #slide .feature .right{ width: 380px; height: 356px; float: right; background: url(images/slide-details.jpg) no-repeat right top; } #slide .marquee-wrap{ width: 960px; margin: 0 auto; position: relative; } #slide #marquee_left{ position: absolute; top: 0; right: 960px; } #slide #marquee{ position: absolute; top: 0; left: 0; } #slide #marquee_right{ position: absolute; top: 0; left: 960px; } #slide #marquee .feature{ position: absolute; top: 0; left: 0; } #slide .left-arrow{ position: absolute; top: 150px; left: 0; height: 86px; width: 78px; display: block; background: url(images/slide-arrow-left.png) no-repeat right top; z-index: 400; border-bottom: none; cursor: pointer; } #slide .right-arrow{ position: absolute; top: 150px; right: 0; height: 86px; width: 78px; display: block; background: url(images/slide-arrow-right.png) no-repeat left top; z-index: 400; border-bottom: none; cursor: pointer; } #slide .left-shadow{ position: absolute; top: 0; left: 0; height: 390px; width: 68px; background: url(images/slide-shadow-left.png) no-repeat right top; z-index: 100; cursor: pointer; } #slide .right-shadow{ position: absolute; top: 0; right: 0; height: 390px; width: 68px; background: url(images/slide-shadow-right.png) no-repeat left top; z-index: 100; cursor: pointer; } #slide .left-fader{ position: absolute; top: 0; right: 50%; margin-right: 480px; height: 390px; width: 2600px; background: url(images/slide-fader-left.png) no-repeat right top; z-index: 9; cursor: pointer; } #slide .right-fader{ position: absolute; top: 0; left: 50%; margin-left: 480px; height: 390px; width: 2600px; background: url(images/slide-fader-right.png) no-repeat left top; z-index: 9; cursor: pointer; } #slide .feature .right .pad{ padding: 66px 60px 0 47px; } #slide .feature .title{ font-size: 22px; line-height: 29px; text-transform: uppercase; margin: 0 0 10px; } #slide .feature .title a{ color: #fff; } #slide .feature .summary{ color: #ddd; margin: 0 0 10px; } #slide a.learn-more{ float: left; border-bottom: none; text-indent: -9999px; overflow: hidden; width: 102px; height: 35px; display: block; background: url(/media/img/btn/slide-learn-more.gif) no-repeat left top; } #slide a.learn-more:hover{ background-position: left bottom; } #slide a.view-in-portfolio{ float: left; border-bottom: none; text-indent: -9999px; overflow: hidden; width: 143px; height: 35px; display: block; background: url(/media/img/btn/slide-view-in-portfolio.gif) no-repeat left top; } #slide a.view-in-portfolio:hover{ background-position: left bottom; } .right-right .button{ margin: 0 8px 8px; padding: 0 0 18px; background: url(images/240-divider.gif) no-repeat center bottom; } .right-right .last{ margin-bottom: 0; padding-bottom: 0; background: none; } .right-right .button a{ border-bottom: none; } .NewCl a:hover {color:black; text-decoration:underline;} #content-product .section-menu{ margin-top: 7px; } .section-menu{ width: 228px; margin-left: 6px; background: url(images/bottom.png) no-repeat left bottom; padding: 0 0 62px; } .section-menu .tile{ width: 228px; background: url(images/tile.png) repeat-y left top; } .section-menu h3{ height: 62px; text-indent: -9999px; overflow: hidden; background: url(images/section-menu.png) no-repeat left top; margin: 0; } .section-menu .tile ul{ margin: 0; padding: 18px 0 0; list-style: none; background: url(images/divider.gif) no-repeat center top; } .section-menu .tile ul li{ padding: 0 20px 18px 24px; margin: 0 0 15px; background: url(images/divider.gif) no-repeat center bottom; font-size: 16px;text-transform: uppercase; } /* .section-menu .tile ul li a.top{ width: 228px; height: 15px; display: block; background-repeat: no-repeat; background-position: left top; border-bottom: none; margin: 0 0 4px; line-height: 1em; } .section-menu .tile ul li a.top:hover, .section-menu .tile ul li.selected a.top{ background-position: left bottom; border-bottom: none; } .section-menu .tile ul li.wide-format-big-color a.top{ background-image: url(images/wide-format-big-color.gif); } .section-menu .tile ul li.vehicle-graphics a.top{ background-image: url(images/vehicle-graphics.gif); } .section-menu .tile ul li.commercial-and-corporate-printing a.top{ background-image: url(images/commercial-and-corporate-printing.gif); height: 32px; } .section-menu .tile ul li.trade-show a.top{ background-image: url(images/trade-show.gif); } .section-menu .tile ul li.design a.top{ background-image: url(images/design.gif); } .section-menu .tile ul li.fulfillment a.top{ background-image: url(images/fulfillment.gif); } .section-menu .tile ul li.about a.top{ background-image: url(images/about.gif); } */ .section-menu .tile ul ul{ display: none; } .section-menu .tile ul li.selected ul{ display: block; } .section-menu .tile ul ul{ padding: 5px 0 0 15px; margin: 0; background: none; font-size: 12px; line-height: 20px; } .section-menu .tile ul li li{ text-indent: 0; overflow: hidden; padding: 0; background: none; padding: 0; margin: 0; text-transform: none; font-size: 12px; line-height: 16px; } .section-menu .tile ul li a{ color: #000000; font-weight:bold; border-bottom: none; } .section-menu .tile ul li a:hover{ color: #238E23; border-bottom: none; } .section-menu .tile ul li li a{ color: #fff; border-bottom: none; } .section-menu .tile ul li li a:hover{ color: #85be33; border-bottom: 1px dotted #85be33; } .section-menu .tile div a{ width: 216px; height: 39px; display: block; background-repeat: no-repeat; background-position: left top; margin: 0 auto; border-bottom: none; text-indent: -9999px; overflow: hidden; } .section-menu .tile div a:hover{ background-position: left bottom; } .section-menu .tile div a.blog{ background-image: url(images/section-menu-read-our-blog.png); } .section-menu .tile div a.upload{ background-image: url(images/section-menu-upload-a-file.png); } .section-menu a:hover {color:#fed000; } #products-menu .tile ul li{ } #products-menu .tile ul li a{ color: #fff; text-decoration: none; border: none; display: block; } #pages-menu .tile ul ul{ display: block; } #footer .inner{ position: relative; z-index: 3; } #footer h1{ text-indent: -9999px; overflow: hidden; position: absolute; top: 25px; left: 0; width: 90px; height: 60px; z-index: 3; } #footer h1 a{ float: left; width: 90px; height: 60px; display: block; background: url(images/footer-logo.gif) no-repeat left top; } #footer ul, #footer p{ margin: 0; padding: 0; font-size: 12px; line-height: 10px; list-style: none; } #footer a{ border-bottom: none; } #footer a:hover{ border-bottom: 1px dotted #85be33; } #footer .navigate{ position: absolute; left: 90px; top: 30px; } #footer .tools{ position: absolute; left: 250px; top: 30px; } /*#footer .address{ position: absolute; left: 570px; top: 30px; }*/ #footer .address{ padding-top:50px;text-align:center; } #footer .search{ position: absolute; right: 0; top: 30px; width: 250px; } #footer h5{ height: 14px; text-indent: -9999px; overflow: hidden; margin: 0 0 4px; } #footer .navigate h5{ background: url(/media/img/h/footer-navigate.gif) no-repeat left top; } #footer .navigate a{ color: #777; } #footer .tools h5{ background: url(/media/img/h/footer-tools.gif) no-repeat left top; } #footer .address h5{ text-indent: 0; overflow: hidden; width:100px; margin: 0 0 6px; font-size: 13px; color: #7fbc34; } #footer .address h5 span{ color: #5b5b5b; } #footer .address p{ color: #7FBC34; } /*#aaa;*/ #footer form input.text{ width: 165px; height: 24px; float: right; background: url(images/search-input.gif) no-repeat left top; margin: 0; padding: 10px 0 0 10px; border: none; color: #aaaaaa; } #footer form input.submit{ width: 39px; height: 34px; float: right; } .content{ padding: 2px 0 20px 0; background:url(images/new_bg.jpg) repeat-y; } .content .left{ width: 240px; float: left; } .content .right{ width: 720px; float: right; } .content .right-left{ width: 480px; float: left; } .content .right-right{ width: 240px; float: right; } #content-home{ padding-top: 53px; } #content-home .left{ width: 640px; float: left; } #content-home .right{ width: 320px; float: right; } /* left */ #content-home .left h2{ text-indent: -9999px; overflow: hidden; height: 30px; background: url(/media/img/h/customized-approach.gif) no-repeat left top; margin: 0 0 15px; } #content-home .left .module{ float: left; width: 210px; background: url(images/home-featured-thumb-bg.png) no-repeat left top; } #content-home .left .module img{ padding: 15px; display: block; } #content-home .left .module p{ padding: 0 15px; margin: 0 0 10px; } #content-home .left .module h3{ height: 40px; width: 210px; text-indent: -9999px; overflow: hidden; margin: 0 0 6px; } #content-home .left .capabilities h3{ background: url(/media/img/h/wide-ranging-capabilities.gif) no-repeat left top; } #content-home .left .service h3{ background: url(/media/img/h/unequaled-service.gif) no-repeat left top; } #content-home .left .technology h3{ background: url(/media/img/h/cutting-edge-technology.gif) no-repeat left top; } #content-home .left a.more-about-capabilities{ background: url(/media/img/btn/more-about-capabilities-wh.gif) no-repeat left top; width: 170px; height: 35px; margin: 0 0 0 10px; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .left a.more-about-capabilities:hover{ background-position: left bottom; } #content-home .left a.customer-testimonials{ background: url(/media/img/btn/customer-testimonials-wh.gif) no-repeat left top; width: 165px; height: 35px; margin: 0 0 0 10px; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .left a.customer-testimonials:hover{ background-position: left bottom; } #content-home .left a.our-technology{ background: url(/media/img/btn/our-technology-wh.gif) no-repeat left top; width: 120px; height: 35px; margin: 0 0 0 10px; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .left a.our-technology:hover{ background-position: left bottom; } /* right */ #content-home .right h2{ text-indent: -9999px; overflow: hidden; height: 30px; background: url(/media/img/h/your-production-co.gif) no-repeat left top; margin: 0 0 15px; } #content-home .right p{ padding: 0 10px; } #content-home .right a.read-our-blog-wh{ background: url(/media/img/btn/read-our-blog-wh.gif) no-repeat left top; width: 309px; height: 45px; margin: 0; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .right a.read-our-blog-wh:hover{ background-position: left bottom; } #content-home .right a.view-our-work-wh{ background: url(/media/img/btn/view-our-work-wh.gif) no-repeat left top; width: 309px; height: 45px; margin: 0; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .right a.view-our-work-wh:hover{ background-position: left bottom; } #content-home .right a.upload-a-file-wh{ background: url(/media/img/btn/upload-a-file-wh.gif) no-repeat left top; width: 309px; height: 45px; margin: 0; border-bottom: none; text-indent: -9999px; overflow: hidden; display: block; } #content-home .right a.upload-a-file-wh:hover{ background-position: left bottom; } #content-products h2.products{ height: 26px; text-indent: -9999px; overflow: hidden; background: url(/media/img/h/products.gif) no-repeat left top; margin: 0 0 12px 10px; } #content-products h4{ font-size: 17px; line-height: 21px; margin: 0 0 17px 10px; font-weight: normal; } #content-products .product-preview{ padding: 0 0 15px 15px; margin: 0 0 15px 0; background: url(images/700-divider.gif) no-repeat center bottom; } #content-products .last{ padding: 0 0 0 0; margin: 0 0 0 0; background: none; } #content-products .product-preview img{ display: block; background: url(images/frames/240x160.png) no-repeat left top; padding: 10px; float: left; } #content-products .product-preview .details{ margin-left: 250px; } #content-products .product-preview .details h3{ color: #444; text-transform: uppercase; font-size: 18px; line-height: 24px; padding-top: 5px; } #content-products .product-preview .details .thirds{ width: 30%; float: left; list-style-position: outside; padding: 0 0 0 15px; } #content-showcase{ padding-top: 36px; } #content-showcase .right-left{ margin-top: -7px; } #content-showcase .right-left #product-focus{ float: left; margin: 0 15px 10px 0; list-style: none; display: inline; padding: 0 0 0 13px; } #content-showcase .right-left #product-focus li{ text-indent: -9999px; overflow: hidden; } #content-showcase .right-left #product-focus li a{ width: 161px; display: block; background-repeat: no-repeat; background-position: left top; border: none; } #content-showcase .right-left #product-focus li a:hover{ background-position: left bottom; } #content-showcase .right-left #product-focus li.portfolio a{ height: 66px; background-image: url(/media/img/btn/options-portfolio.gif); } #content-showcase .right-left #product-focus li.contact a{ height: 63px; background-image: url(/media/img/btn/options-contact.gif); } #content-showcase #showcase-gallery{ width: 480px; height: 314px; background: url(images/frames/480x314.gif) no-repeat left top; } #content-showcase #showcase-gallery .pad{ top: 13px; left: 13px; position: relative; overflow: hidden; } #content-showcase #showcase-gallery img.full{ display: block; width: 454px; height: 288px; } #content-showcase h1{ color: #59a80f; font-size: 26px; line-height: 36px; margin: 0 0 16px; text-transform: uppercase; padding: 0 13px; } #content-showcase h2{ padding: 0 13px; font-size: 17px; line-height: 24px; margin: 0 0 17px; } #content-showcase h2.product-details{ height: 34px; text-indent: -9999px; overflow: hidden; background: url(/media/img/h/product-details.gif) no-repeat left top; margin: 0 0 14px 0; } #content-showcase .module h4{ color: #85be33; font-size: 14px; line-height: 2; margin: 0; text-transform: uppercase; } #content-showcase .right-left p{ padding: 0 13px; } #content-showcase .right-left ul{ padding: 0 0 0 39px; list-style: url(images/list-style-disc.gif); } #content-showcase .right-left ol{ padding: 0 0 0 39px; } #content-showcase .right-right p, #content-showcase .right-right ul{ font-size: 11px; line-height: 16px; margin: 0 0 0; } #content-showcase .right-right ul{ padding-left: 15px; } #content-showcase .right-right .module{ margin-bottom: 8px; padding: 0 15px 18px; background: url(images/240-divider.gif) no-repeat center bottom; } #content-showcase .right-right .last{ margin-bottom: 0; padding-bottom: 0; background: none; } #content-showcase .thumbnails-wrap{ width: 216px; margin: 0 0 17px 14px; padding: 0 0 25px; background: url(images/240-divider.gif) no-repeat center bottom; } #content-showcase .thumbnails-wrap .thumbnails{ background: #e7e7e7 url(images/project-thumbnails.gif) repeat-x left top; } #content-showcase .thumbnails-wrap .thumbnails .clearfix{ padding: 10px; background: url(images/220-divider.gif) no-repeat center bottom; } #content-showcase .thumbnails-wrap .thumbnails a.img{ padding: 3px; background: url(images/frames/96x63.png) no-repeat left top; display: block; margin-bottom: 3px; border-bottom: none; } #content-showcase .thumbnails-wrap .thumbnails a.l{ float: left; } #content-showcase .thumbnails-wrap .thumbnails a.r{ float: right; } #content-showcase .thumbnails-wrap .thumbnails a img{ width: 90px; height: 57px; display: block; } #content-showcase .thumbnails-wrap .details{ padding: 8px 13px 13px; } #content-showcase .thumbnails-wrap .details .info strong{ color: #85be33; font-weight: bold; text-transform: uppercase; } #content-showcase .thumbnails-wrap .details .info a{ color: #777; } #content-showcase .thumbnails-wrap .details .info a:hover{ color: #85be33; border-bottom: 1px dotted #85be33; } #content-portfolio{ padding-top: 36px; } #content-portfolio #sort{ width: 960px; height: 99px; background: url(images/sort-wrap.gif) no-repeat left top; margin: 0 0 26px; } #content-portfolio #sort h3{ width: 149px; height: 99px; float: left; display: inline; margin: 0; text-indent: -9999px; overflow: hidden; } #content-portfolio #sort .module{ float: left; margin: 27px 15px 0 0; clear: right; } #content-portfolio #sort .module h2{ text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; width: 208px; height: 22px; background-repeat: no-repeat; background-position: left top; display: block; } #content-portfolio #sort select{ width: 208px; clear: both; } #content-portfolio #sort #sort-recent{ width: 110px; } #content-portfolio #sort #sort-recent label{ display: block; width: 110px; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 0; margin: 0 0 4px; } #content-portfolio #sort #sort-recent label input{ margin: 0 5px 0 0; padding: 0; } #content-portfolio #sort #sort-type h2{ background-image: url(images/sort-type.gif); } #content-portfolio #sort #sort-services h2{ background-image: url(images/sort-services.gif); } #content-portfolio #sort #sort-industry h2{ background-image: url(images/sort-industry.gif); } #content-portfolio #portfolio-wrap .row{ } #content-portfolio #portfolio-wrap .row .piece{ width: 240px; float: left; position: relative; z-index: 4; } #content-portfolio #portfolio-wrap .row .piece:hover{ z-index: 200; } #content-portfolio #portfolio-wrap .row .piece a.img{ cursor: pointer; padding: 10px; display: block; background: url(images/frames/240x160.gif) no-repeat left top; border-bottom: none; } #content-portfolio #portfolio-wrap .row .piece a.img img{ cursor: pointer; width: 220px; height: 140px; display: block; } #content-portfolio #portfolio-wrap .row .piece p.name{ padding: 0 10px; color: #666; text-transform: uppercase; line-height: 15px; } #content-portfolio #portfolio-wrap .row .piece .details{ width: 256px; position: absolute; top: -31px; left: -8px; z-index: 100; left: -10000px; } #content-portfolio #portfolio-wrap .row .piece .details .details-wrapper{ position: relative; } #content-portfolio #portfolio-wrap .row .piece:hover .details{ left: -8px; cursor: pointer; } #content-portfolio #portfolio-wrap .row .piece .details-top{ width: 256px; position: absolute; bottom: -40px; background: url(images/project-focus-top.png) no-repeat left top; padding: 14px 0 10px; } #content-portfolio #portfolio-wrap .row .piece .details-top-short{ top: 0px; } #content-portfolio #portfolio-wrap .row .piece .details-top-tall{ top: -18px; } #content-portfolio #portfolio-wrap .row .piece .details-img{ height: 144px; width: 256px; display: block; position: absolute; top: 40px; background: url(images/project-focus-img.png) no-repeat left top; } #content-portfolio #portfolio-wrap .row .piece .details-btm{ position: absolute; top: 184px; background: url(images/project-focus-btm.png) no-repeat left bottom; width: 100%; } #content-portfolio #portfolio-wrap .row .piece .details-btm .padder{ padding: 10px 18px 18px; } #content-portfolio #portfolio-wrap .row .piece .details p{ cursor: default; color: #fff; font-size: 11px; line-height: 14px; margin: 0 0 10px; text-transform: none; } #content-portfolio #portfolio-wrap .row .piece .details .name{ color: #85be33; font-size: 13px; line-height: 17px; padding: 0; margin: 0 18px; display: block; text-transform: uppercase; } #content-portfolio #portfolio-wrap .row .piece .details .info strong{ color: #85be33; } #content-portfolio #portfolio-wrap .row .piece .details a.view{ display: block; margin: 0; width: 100%; background: #85be33; color: #fff; text-transform: uppercase; font-size: 13px; border-bottom: none; } #content-portfolio #portfolio-wrap .row .piece .details a.view span{ padding: 4px 10px; display: block; } #content-blog{ padding-top: 36px; } #content-blog .head{ width: 480px; height: 75px; margin: 0 0 15px; background: url(/media/img/h/high-res-blog.gif) no-repeat left top; position: relative; } #content-blog .head h1{ text-indent: -9999px; overflow: hidden; } #content-blog .head .rss{ text-indent: -9999px; overflow: hidden; height: 51px; width: 65px; display: block; position: absolute; right: 0; top: 0; background: url(/media/img/btn/rss-feed.gif) no-repeat left top; border-bottom: none; } #content-blog .blog-post{ padding: 0 13px 25px; margin: 0 0 10px; background: url(images/460-divider.gif) no-repeat center bottom; } #content-blog .blog-post h2{ font-size: 26px; line-height: 30px; text-transform: uppercase; margin: 0 0 12px; } #content-blog .blog-post h2 a{ color: #85be33; border-bottom: none; } #content-blog .blog-post h2 a:hover{ border-bottom: 1px dotted #85be33; } #content-blog .blog-post img.hero{ margin-bottom: 10px; } #content-blog .blog-post .blog-date{ color: #aaa; font-size: 12px; line-height: 1; } #content-blog .blog-post .blog-date em{ font-style: italic; } #content-blog .blog-older-posts{ padding: 0 0 0 17px; margin: 16px 0 0 6px; background: url(images/blog-older-posts.gif) no-repeat left center; } #content-blog .blog-archive{ padding: 0 13px 25px; margin: 0 0 10px; } #content-blog .blog-archive p.blogbymonth{ font-size: 13px; margin: 12px 0 0; border-bottom: #999; } #content-blog .blog-archive p.archived{ font-size: 12px; margin: 6px 0 0 12px; line-height: 14px; } #content-blog .blog-archive p.archived strong{ font-size: 11px; color: #999; } #content-showcase .right-left #alert-box{ margin: 0 13px; } #content-showcase .right-left #alert-box p, #content-showcase .right-left #alert-box ul{ padding: 13px; background: #ffffdd; border: 1px solid #ffff99; font-size: 11px; margin: 0; } #content-showcase .right-left #alert-box p.gr, #content-showcase .right-left #alert-box ul.gr{ color: #59A80F; } /* Tweaks */ /*88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/ /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker-prev-hover, .ui-datepicker-next-hover { top: 1px; } .ui-datepicker-prev { left:2px; } .ui-datepicker-next { right:2px; } .ui-datepicker-prev-hover { left:1px; } .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .entry { padding-top:10px; } .post{ padding-left:15px; } .page-item-56 a{ padding-right:55px !important; } .page-item-2 a{ padding-right:45px !important; } .style7 { color:#CC0000; font-family: Arial; font-size:20px; font-weight:bold; font-style:italic; text-transform:uppercase; } .gallery-list{ padding-top:10px; } .attachment-large{ border:#A0A0A4 solid 5px; } .entry p img, .entry td img { border:#A0A0A4 solid 5px !important; } .login { display:block; !important }