/* ------------------------------------------------------------- FingerPaint Marketing ------------------------------------------------------------- */ /* SITE CONTAINERS -------------------------------------------------------------*/ body { background: #0f0a05 url(/assets/images/layout/bg_body.jpg) top center no-repeat; text-align: center; } #container { margin: 0 auto; overflow: auto; text-align: left; width: 940px; } #masthead { height: 60px; padding-top: 20px; position: relative; } #intro { margin-bottom: 20px; } /* NAVIGATION COLUMN -------------------------------------------------------------*/ #navigation_wrap p a { background: url(/assets/images/layout/bg_navigation_top.png) bottom no-repeat; display: block; height: 85px; text-indent: -9999px; width: 220px; } #navigation_wrap { float: left; width: 220px; } #navigation { background: #d0d0d0; float: left; min-height: 360px; padding: 10px 0; width: 220px; } #navigation_bottom { background: url(/assets/images/layout/bg_navigation_bottom.png) bottom no-repeat; float: left; height: 88px; width: 220px; } #navigation ul { list-style-type: none; } #navigation li { margin-bottom: 5px; } #navigation li a { border-bottom: 1px solid #d2d2d0; border-top: 1px solid #d2d2d0; display: block; padding: 3px 10px 3px 50px; } #navigation li.current, #navigation li a:hover { background: #dcdddf url(/assets/images/icons/bullet_navigation.png) 25px center no-repeat; border-bottom: 1px solid #000; border-top: 1px solid #000; } #navigation li.current a:hover { border-bottom: 1px solid #d2d2d0; border-top: 1px solid #d2d2d0; } #navigation ul ul { margin-bottom: 10px; } #navigation ul ul a { display: block; padding: 2px 10px 2px 60px; } #navigation ul ul a:hover, #navigation ul ul li.here { background: #dcdddf; color: #902d06; border-bottom: 1px solid #d2d2d0; border-top: 1px solid #d2d2d0; } #navigation ul ul li.jws { background: #dcdddf; color: #902d06; } /* CONTENT COLUMN -------------------------------------------------------------*/ #content { background: url(/assets/images/layout/bg_content_bottom.png) bottom no-repeat; float: left; margin-left: 20px; padding-bottom: 16px; width: 460px; } #content_top { background: url(/assets/images/layout/bg_content_top.png) top no-repeat; height: 17px; width: 460px; } #content_inner { background: #eaeced; float: left; padding: 0 15px 8px; width: 430px; } #content_inner img { margin-bottom: 20px; } #content_text { padding: 0 15px; } /* SIDEBAR COLUMN -------------------------------------------------------------*/ #sidebar { float: left; margin-left: 20px; width: 220px; } #sidebar dt.header { width: 220px; } #sidebar dt a { display: block; height: 32px; padding: 16px 0 0 34px; width: 186px; } dt#dt_dr_pipe { background: url(/assets/images/layout/bg_sidebar_top.png) no-repeat; height: 80px; } dt#dt_industry_news { background: url(/assets/images/layout/bg_sidebar_middle.png) no-repeat; height: 55px; } dt#dt_specialty_products { background: url(/assets/images/layout/bg_sidebar_bottom.png) no-repeat; height: 55px; } dt#dt_specialty_products.test { background: url(/assets/images/layout/bg_sidebar_bottom.png) 0 -55px no-repeat; } #sidebar dd { background: url(/assets/images/layout/bg_sidebar_brown.jpg) bottom no-repeat; padding: 0 15px; position: relative;} #sidebar dt#dt_specialty_products + dd { background: url(/assets/images/layout/bg_sidebar_brown_angled.png) bottom no-repeat; } #sidebar dd ul { list-style-type: none; } #sidebar dd img { bottom: 20px; right: 15px; height: 20px; width: 20px; position: absolute; } #sidebar dd .inner_dd { padding: 10px 0 0; } /* DIV Classes -------------------------------------------------------------*/ .column { float: left; padding: 0; } .entry { float: left; margin-bottom: 5px; padding-bottom: 15px; width: 400px; } .news_events .entry { border-bottom: 1px solid #4D3011; } .news_events .last { border-bottom: none; } .entry .image { float: right; padding-right: 20px; width: 120px; } .entry .image2 { float: right; padding-right: 20px; width: 97px; padding-top:0px; padding-bottom:0px; position:relative; } .entry .image_contact_us { float: right; height: 90px; position: relative; width: 170px; top: 0px; left: 40px;} .entry .overlay_contact_us { background: url(/assets/images/layout/bg_overlay_contact_us.png) no-repeat top; height: 90px; position: absolute; right: 0; top: 0; width: 170px; } .entry .post { float: left; width: 220px; } .entry .narrow { float: left; margin-right: 10px; width: 230px; } .entry .wide { float: left; margin-right: 10px; width: 350px; } .contact .wide .narrow { float: none; margin-right: 10px; /*width: 360px;*/width: 215px; } .contact .wide .narrow p { width: 160px; } .contact .wide .wide { float: none; margin-right: 10px; width: 350px; } .entry .entry_top { background: #dfdfdf url(/assets/images/layout/bg_entry_top.png) top center no-repeat; border-bottom: solid 1px; float: left; padding: 15px 0 0 15px; width: 383px; } .entry .single { border-bottom: none; padding-bottom: 0px; } .entry .case_study p { float:right; margin-right: 20px; } .entry .slanted_corner { background: #dfdfdf url(/assets/images/layout/bg_slanted_corner.png) bottom center no-repeat; float: left; height: 15px; padding: 5px 15px 0px 15px; text-indent: -9999px; width: 368px;} .entry .entry_foot { background: #d0d0d0 url(/assets/images/layout/bg_entry_foot.png) bottom center no-repeat; float: left; padding: 15px; width: 368px; } .entry .entry_foot .right { float: right; padding-top: 10px; margin-left: 250px; } .supplier_listing { border-bottom: #4d3011 solid 1px; float: left; margin-bottom: 20px; width: 390px; } .association { background: url(/assets/images/icons/bullet_content.png) top left no-repeat; padding-left: 30px; width: 370px;} .team_content { margin-bottom: 10px; } .contact {border-top: solid 1px; padding: 20px 0 20px 0;} .last { margin-right: 0; border-bottom: none; } .facility_gallery { margin-bottom: 20px; height: 244px; width: 430px;} .intro_image { height: 224px; margin-bottom: 20px; position: relative; width: 430px; } .overlay { background: url(/assets/images/layout/bg_overlay.png) no-repeat top; height: 224px; position: absolute; right: 0; top: 0; width: 430px; z-index: 1; } .overlay_facility_gallery { background: url(/assets/images/layout/bg_overlay.png) no-repeat top; height: 170px; position: absolute; right: 0; top: 0; width: 430px; z-index: 1; } .overlay_projects { background: url(/assets/images/layout/projects_overlay.png) no-repeat top; height: 97px; position: absolute; left: 0; top: 0; width: 97px; z-index: 1; } /* LIST STYLING -------------------------------------------------------------*/ #content_text #sitemap a { color: #4d3011; font-size: 14px; text-decoration: none; } #content_text #sitemap a:hover { color: #4d3011; font-size: 14px; text-decoration: underline; } #content ul { color: #4D3011; margin: 0px 0 20px; padding-left: 30px; } #content li { color: #4D3011; margin-bottom: 5px; } #content .supplier_listing ul { padding-left: 0; } #content .supplier_listing li { list-style-type: none; } #content ul.nav_cat_archive { padding-left: 0px; } #nav_cat_archive li { list-style-type: none; } ul#alphabetical { background-color: #d0d0d0; list-style-type: none; margin-bottom: 30px; padding: 10px 0; text-align: center; width: 400px; } ul#alphabetical li { display: inline; } ul#alphabetical li a { padding: 10px; text-decoration: none; } #content ul#fax_details { border-top: 1px #4d3011 solid; list-style-type: none; margin: 0; margin-top: 25px; padding: 25px 0 0 0; } ul#fax_details li { float: left; padding-bottom: 5px; } ul#fax_details li p.title { float: left; margin-right: 30px; width: 170px; } ul#fax_details li p.fax { float: left; width: 120px; } ul#fax_details li p.fax {position:relative; float: left; width: 200px; color:#934D34; font-weight: bold; font-size:18px; text-align:left; } ul#fax_details li p.fax span{color:#4D3011; font-size:18px;} dl.reveal { margin-bottom: 10px; } dl.reveal dt a { display: block; padding: 5px 0 5px 5px; } dl.reveal dd { margin-left: 25px; margin-top: 10px; padding-bottom: 5px; } #content dl.reveal dd ul { list-style-type: none; margin: 10px 0 10px; } #content dl.reveal dd ul li { padding: 5px 0 0 0; } .backTop{position: relative; float: right; font-size: 12px;} /* BUTTONS -------------------------------------------------------------*/ a.button, input.button { cursor: pointer; display: block; outline: none; text-indent: -9999px; } /* GLOBAL NAVIGATION -------------------------------------------------------------*/ #masthead ul { list-style-type: none; position: absolute; top: 15px; right: 80px; width: 380px; } #masthead li { border-right: 1px solid #fff; float: left; } #masthead li a { display: block; padding: 2px 10px 0; } #masthead li a:hover { color: #AF8D4E; } #masthead li.last { border-right: none; } #masthead li#social_networking {border: 0px;} li#social_networking a {position: relative; float: left; padding: 2px 0px;} #footer ul { list-style-type: none; width: 600px; } #footer li { border-right: 1px solid #fff; float: left; } #footer li a { display: block; padding: 2px 10px 0; } #footer li.last { border-right: none; } /* FOOTER -------------------------------------------------------------*/ #footer { clear: both; margin: 0 auto; padding: 30px 60px 20px; text-align: center; width: 820px; } .footer_address { float: left; clear: both; text-align: center; padding-left: 120px; } .footer_navigation { float: left; text-align: center; padding-left: 160px; padding-bottom: 10px; } /* SEARCH RESULTS -------------------------------------------------------------*/ #search_results { border-collapse: collapse; margin-top: 20px; width: 100%; } #search_results th { font-weight: bold; text-align: left; padding: 0 0 10px 10px; } #search_results td { padding: 10px 30px 10px 5px; } #search_results td.search_title { padding-left: 10px; width: 70%; } #search_results td.search_channel { padding-left: 10px; width: 25%; } #search_results td.resultRowOne { background-color: #f0f0f0; border-bottom: 1px solid #ccc; } #search_results td.resultRowTwo { border-bottom: 1px solid #eee; } /* FORMS -------------------------------------------------------------*/ label, input, textarea { color: #fff; font-family: Arial, sans-serif; } fieldset { padding-bottom: 10px; } .form_field { margin-bottom: 0; } input, textarea { border: none; float: left; font-size: 12px; } input.text, textarea.text { background: #4d3011; display: block; padding: 6px; } #captcha input.text { width: 200px; } #captcha { float: left; margin-bottom: 20px; } #captcha img { float: left; margin-right: 20px; height: 50px; width: 220px; } #content form { width: 400px; } #content .form_field { float: left; margin-bottom: 10px; } #content .form_field p { float: right; padding-top: 10px; } #content .text { background: #d0d0d0; border: 1px solid #fff; float: left; color: #000; padding: 5px; width: 390px; } #content label { color: #934d34; float: left; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding-top: 4px; text-transform: uppercase; } #content input.submit { background: url(/assets/images/icons/button_submit.png) no-repeat; color: #fff; float: right; height: 28px; margin-top: 10px; width: 80px; } #content input.login { background: url(/assets/images/icons/button_login.png) no-repeat; color: #fff; float: left; height: 26px; margin-top: 10px; margin-left: 344px; width: 55px; } #sidebar form { padding: 5px 0; width: 180px; } #sidebar .text { width: 172px; } #sidebar label { color: #dcdddf; font-size: 11px; font-weight: bold; text-transform: uppercase; } #sidebar label.mail_ok { text-transform: none; margin-top: 10px;} #sidebar input.submit { background: url(/assets/images/icons/button_sidebar_submit.png) no-repeat; color: #fff; float: right; height: 18px; margin-top: -10px; width: 60px; } #sidebar input.text { height:15px; margin-bottom:2px; } #sidebar p.small_left { width:100px; float:left; line-height:1.1em; font-size:12px; } form#newsletter,div#newsletter { background: #d0d0d0; margin-bottom: 30px; padding: 20px 20px 0; width: 360px; } form#newsletter label,div#newsletter label { float: left; margin-right: 20px; width: 40px; } form#newsletter .text,div#newsletter .text { background: #eaeced; border: 1px solid #fff; float: left; margin-right: 20px; width: 180px; } form#newsletter .submit,div#newsletter .submit { float: left; margin: 0; width: 80px; } #content label.LV_invalid { color: #f00; font-size: 11px; } #content label.instructions { font-size: 10px; } #sidebar label.LV_invalid { color: #f00; font-size: 9px; } #sidebar label.instructions { font-size: 9px; } /* SEARCH BAR -------------------------------------------------------------*/ #search_box { position: absolute; top: 13px; right: 0; width: 150px; } input#search { background: #846133; float: left; height: 15px; margin-right: 5px; padding: 4px; width: 115px; -moz-border-radius: 5px; -webkit-border-radius: 5px } /* GALLERY VIEW CSS -------------------------------------------------------------*/ /* GalleryView Stylesheet Use the CSS rules below to modify the look of your gallery. To create additional rules, use the markup below as a guide to GalleryView's architecture.
...overlay content...
*/ /* GALLERY LIST */ /* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */ #photos { visibility: hidden; } /* GALLERY CONTAINER */ .galleryView { background: url(/assets/images/layout/bg_corner_design.png) top no-repeat; } /* LOADING BOX */ .loader { background: url(loader.gif) center center no-repeat #ddd; } /* GALLERY PANELS */ .panel {} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay { height: 60px; } .panel .overlay-background { border: solid 1px; height: 60px; padding: 0 1em; } /* PANEL OVERLAY BACKGROUND */ /* PANEL OVERLAY CONTENT */ .panel .panel-overlay { color: white; font-size: 0.5em; height: 20px;} .panel .panel-overlay p { color: #fff; text-decoration: none; font-weight: bold; text-align: center; } /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ #content .filmstrip { background: #4d3011; margin: 0px; } /* FILMSTRIP FRAMES (contains both images and captions) */ .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap { border: 5px solid #4d3011; height: 50px; width: 50px; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap { border: 5px solid #4d3011; } /* FRAME IMAGES */ .frame img { border: none; height: 30px; width: 30px; } /* FRAME CAPTION */ .frame .caption { font-size: 11px; text-align: center; color: #888; } /* CURRENT FRAME CAPTION */ .frame.current .caption { color: #000; } /* POINTER FOR CURRENT FRAME */ .pointer { border-color: #4d3011; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/assets/images/layout/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/assets/images/layout/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/assets/images/layout/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/assets/images/layout/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/assets/images/layout/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/assets/images/layout/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/assets/images/layout/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/assets/images/layout/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/images/layout/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/images/layout/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/assets/images/layout/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/assets/images/layout/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/images/layout/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}