/* Designed for use with Canterris Marketing Suite - www.canterris.com. This style sheet is divided into the following sections: 1. Positioning - layout structure and positioning of the basic elements 2. Layout Styles - details of the site design 3. Typography - font definitions for global and general elements 4. Main Navigation - main navigation styling 5. Sub Navigation - secondary navigation styling 6. Forms - forms layout and styling 7. News - news layout and styling 8. Events - event content layout and styling 9. Site Map - site map layout and styling 10. Search - search layout and styling 11. Document Sharing - document sharing layout and styling 12. Job Board - job board layout and styling 13. Tabs - jQuery tabs styling 14. Micrsites - microsite styling */ /* POSITIONING =========================================================================*/ body { margin:0px; padding:0px; background:url(default/body_bg.gif); } #screen { background:url(default/screen_bg.gif) repeat-x; } #container { width:990px; margin:0px auto; padding:0px; } /* LAYOUT STYLES -- details of the site design -----------------------------------------*/ a { } a img { border:none; } a:focus { outline:0px; } div.clear { clear:both; height:8px; font-size:8px; } #header { height:85px; } #nav-container { height:36px; } #logo { float:left; width:332px; margin-top:10px; } #tagline { float:right; width:171px; margin-top:15px;} #mainnav { float:left; width:753px; margin-left:9px; background:url(default/mainnav_bg.jpg) no-repeat; } #home-banner { margin-bottom:12px; } #content-container.inside { margin-top:20px; } #content-container-left { float:left; width:488px; padding:4px; } #content-container-left.wide-desc { float:left; width:735px; padding:4px; } #content-container-left a { color:#b9480f; text-decoration:none; } #content-container-left a.collapse{ background:url(default/down_bullet.gif) 0px 1px no-repeat; padding-left:17px; } div.hidden-details { padding:0px 0px 10px 17px; } #content-container-left.home { min-height:292px; background:url(default/white_bg.gif); } #content-container-left.three-col { float:left; width:735px; padding:4px; background:url(default/white_bg.gif); min-height:400px; } #content-container-left.three-col div.section-title, #content-container-left.four-col div.section-title { border-top:7px solid #8f8b86; border-bottom:1px solid #c6c4c1; margin:0px 0px 16px 0px; padding:6px 0px 6px 10px; height:16px; } div.back-to-section { float:right; width:110px; text-align:right; padding:0px 10px 0px 0px; color:#c03600; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; } div.back-to-section a { color:#c03600; text-decoration:none; } #content-container-left.four-col { float:none; width:982px; padding:4px; background:url(default/white_bg.gif); min-height:400px; margin-bottom:13px; } #content-container-right { float:right; width:494px; } #content-container-right.one-col { float:right; width:247px; } #content-container-right.narrow { float:right; width:247px; } div.inner-content { padding:0px 10px 10px 10px; min-height: 352px; } div.empty-content { padding:0px 15px 15px 10px; } #footer-content { color:#8d8b8b; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; border-top:7px solid #8f8b86; border-bottom:1px solid #c6c4c1; padding:10px 0px 12px 0px; margin:5px 0px 15px 0px; } #footer-content a {text-decoration: none; color:#8d8b8b; } #footer-links { color:#8d8b8b; line-height:15px; } #footer-links-left { float:left; width:600px; } #footer-links-right { float:right; width:340px; } /* Jump Menu -------------------------------------------------------------------- */ #jump-menu { float:left; width:228px; margin-top:5px; } #jump-menu a { display:block; width:192px; height:19px; padding:1px 0px 2px 8px; background:url(default/jumpmenu_bg.png) no-repeat; color:#aaa193; text-decoration:none; } #jump-menu a:hover { background:url(default/jumpmenu_bg.png) 0px -22px no-repeat; } #subcontent { position:absolute; visibility:hidden; width:494px; padding-top:4px; z-index:999; } #subcontent-content { background:url(default/subcontent_bg.gif); color:#d6d1ca; padding:8px 8px 0px 8px; border-top:1px dotted #7b786f; } #subcontent-content-left { float:left; width:235px; } #subcontent-content-right { float:right; width:235px; } div.jump-menu-item { line-height:14px; margin-bottom:0px; font:11px Arial, Helvetica, sans-serif; } div.jump-menu-item strong { font:bold 11px Verdana, Arial, Helvetica, sans-serif; } div.jump-menu-item a { background-image:none!important; display:block; width:197px!important; height:auto!important; padding:5px 0px 7px 38px!important; } div.facebook { background:url(default/facebook_icon_23.png) 6px 8px no-repeat; } div.facebook a:hover { background:#5f5b4f url(default/facebook_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } div.youtube { background:url(default/youtube_icon_23.png) 6px 8px no-repeat; } div.youtube a:hover { background:#5f5b4f url(default/youtube_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } div.twitter { background:url(default/twitter_icon_23.png) 6px 8px no-repeat; } div.twitter a:hover { background:#5f5b4f url(default/twitter_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } div.canterris { background:url(default/canterris_icon_23.png) 6px 8px no-repeat; } div.canterris a:hover { background:#5f5b4f url(default/canterris_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } div.login { background:url(default/login_icon_23.png) 6px 8px no-repeat; } div.login a:hover { background:#5f5b4f url(default/login_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } div.rss { background:url(default/rss_icon_23.png) 6px 8px no-repeat; } div.rss a:hover { background:#5f5b4f url(default/rss_icon_23.png) 6px 8px no-repeat!important; color:#f2f2f2!important; } #destination-name { float:left; padding:3px 0px 3px 8px; height:16px; color:#aaa193; background:url(default/destination_name_bg.jpg) no-repeat; } #trigger { float:left; } #trigger a { background:url(default/trigger_bg.gif) no-repeat; width:21px; height:22px; display:block; } #trigger a:hover { background:url(default/trigger_bg.gif) 0px -22px no-repeat; } /**** Twist Portfolio - jQuery Masonry ****/ div.portfolio_wrap { padding:0px 0px 0px 0px; margin:0px; } div.portfolio_wrap:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } div.box { background:url(default/white_bg.gif); font-size:11px; float:left; } div.col1:hover { background:#ffffff; } .col1 { width:231px; margin:0px 0px 8px 8px; padding:4px; } .col2 { width:478px; margin:0px 0px 8px 8px; padding:4px; } #subnav-container.col2 { padding:4px 4px 0px 4px; } .col1 .category ul, .col2 .category ul { margin:0px; padding:0px; list-style:none; } .col1 .category ul li, .col2 .category ul li { display:inline; } .col1 .title { font:bold 11px Arial, Helvetica, sans-serif; color:#666666; height:58px; padding:4px 0px 10px 0px; } .col1 .desc {} .col1 .image {} .col1 img { max-width:231px; } .col1 .category { border-top:3px solid #8f8b86; border-bottom:1px solid #cecdc6; color:#c03600; font:10px Arial, Helvetica, sans-serif; line-height:16px; } .col2 .title { font-weight:bold; font:11px Arial, Helvetica, sans-serif; color:#666666; } .col2 .desc {} .col2 .image {} .col2 img { max-width:470px; } .col2 .category { border-top:3px solid #8f8b86; border-bottom:1px solid #cecdc6; color:#c03600; font:10px Arial, Helvetica, sans-serif; line-height:16px; } /* Dynamic Loading */ #tumblelog { background:#FFF; padding:1.0em; } #tumblelog:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } #tumblelog .story { margin:10px; border-top:4px solid #DCB; padding-top:10px; background:#FFF; float:left; } #tumblelog .col1 { width:220px;} #tumblelog .col2 { width:460px;} #tumblelog .col3 { width:700px;} #tumblelog .col1 img, #tumblelog .col2 img, #tumblelog .col3 img { max-width:none; } #infscr-loading { z-index:5000; position:fixed; left:40%; bottom:40px; width:200px; height:100px; padding:10px; background:#000; color:#FFF; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ #container { font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:18px; } div.feature-copy { font-size:11px; line-height:18px; margin:0px 0px 15px 0px; } div.page-intro { font-size:11px; line-height:18px; margin:0px; color:#505050; padding:10px 15px 20px 10px; } /* Headings ------------------------------------------------------------------ */ h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 18px; margin-bottom: 10px; } h2 { font-size: 16px; margin-bottom: 5px; } h3 { font-size: 13px; margin-bottom: 3px; } h4 { font-size: 12px; margin-bottom: 3px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h6 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0px; padding:0px; } #logo h1 { background:url(default/logo.png) no-repeat; width:332px; height:44px; text-indent:-9999px; } #logo h1 a { display:block; height:44px; width:332px; } #tagline h2 { background:url(default/tagline.png) no-repeat; width:171px; height:49px; text-indent:-9999px; } #content-container-left.home h2 { border-top:3px solid #8f8b86; border-bottom:1px solid #cecdc6; font:bold 14px Arial, Helvetica, sans-serif; margin:0px 0px 16px 0px; padding:6px 0px 6px 10px; } #content-container-left.grey h2 { color:#505050; } /*#content-container-left.orange h2,*/ #content-container-left.orange h2, #content-container-left.orange h1 { color:#b9480f; } div.page-intro h2, div.page-intro h1, div.page-intro p { font:18px Arial, Helvetica, sans-serif; color:#505050; margin:0px 0px 10px 0px; } #content-container-left.orange h2, #content-container-left.orange h1 { border-top:3px solid #8f8b86; border-bottom:1px solid #cecdc6; font:bold 14px Arial, Helvetica, sans-serif; margin:0px 0px 16px 0px; padding:6px 0px 6px 10px; } div.page-intro h2 { font:18px Arial, Helvetica, sans-serif; color:#505050; margin:0px 0px 10px 0px; } #content-container-left.three-col div.section-title h2, #content-container-left.four-col div.section-title h2 { font:bold 14px Arial, Helvetica, sans-serif; float:left; width:600px; margin:0px; padding:0px; border: 0; } .section-title h2 {border: 0; } #content-container-left h3 { font:bold 11px verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0px; } /* Text Elements ------------------------------------------------------------ */ #home-content a, #inside-content a { color:#2a4f7b;} #home-content a:hover, #inside-content a:hover { color:#943108;} p { margin:0 0 15px 0; } p img.left { float:left; margin:15px 15px 15px 0px; padding:0; } p img.right { float:right; margin:15px 0px 15px 15px; } a:focus, a:hover { color:#943108; } a { color:#006699; text-decoration:none; } blockquote { margin:15px; color:#666; font-style:italic; } strong { font-weight:bold; } em,dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 15px; font-style:italic; } del { color:#666; } pre { margin:15px 0; white-space:pre; } pre,code,tt { font:10px 'andale mono', 'lucida console', monospace;line-height: 1.5; } /* Lists -------------------------------------------------------------------- */ #footer-links-right ul { margin:0px 0px 0px 0px; padding:0px; list-style:none; float:right; } #footer-links-right ul li { display:inline; padding-right:15px; } #footer-links-right ul li a { color:#8d8b8b; text-decoration:none; } #footer-links-right ul li a:hover { color:#8d8b8b; text-decoration:underline; } span.footer-icon { padding-right:3px; } #content-container-left ul { margin:0px; padding:5px 0px 10px 10px; list-style:none; } #content-container-left ul li { background:url(default/bullet.gif) no-repeat 0px 8px; padding:0px 0px 0px 12px; } /* Tables ------------------------------------------------------------------- */ table#twist-clients td { padding:5px 5px 15px 5px; } /* Font Resizing ------------------------------------------------------------ */ #fontsize a { text-decoration:none; color:#666666; padding:0px 2px 0px 2px; } #fontsize a.active { text-decoration:none; color:#881314; } #fontsize .smallfont a { font-size:10px; } #fontsize .defaultfont a { font-size:11px; } #fontsize .largefont a { font-size:12px; } #editablecontent.smallcontentfont { font-size:10px; } #editablecontent.defaultcontentfont { font-size:11px; } #editablecontent.largecontentfont { font-size:12px; line-height:17px; } /* MAIN NAVIGATION =====================================================================*/ /* jQuery Drop Down Menu --{TPL:NAVIGATION}-- Requires jqueryslidemenu.js and jquery.min.js ----- */ .ddsmoothmenu { font:11px Verdana, Arial, Helvetica, sans-serif; width:100%; } .ddsmoothmenu ul { z-index:100; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; } .ddsmoothmenu ul li { position:relative; display:inline; float:left; text-transform:uppercase; background:url(default/mainnav_sep.gif) right no-repeat; height:36px; } .ddsmoothmenu ul li:last-child { background:none; } .ddsmoothmenu ul li a { display:block; padding:9px 22px 14px 19px; text-decoration:none; } * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color:#aaa193; } .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.active { color:#ffffff; margin-right:1px; padding-right:21px; background: url(default/mainnav_active.gif) repeat-x; } .ddsmoothmenu ul li a:hover { color:#f2f2f2; margin-right:1px; padding-right:21px; background: url(default/mainnav_active.gif) repeat-x; } .ddsmoothmenu ul li ul { position:absolute; left:0; display:none; visibility:hidden; margin:0px; background:#59554a; padding:0px 0px 4px 0px; margin:0px; height:auto; } .ddsmoothmenu ul li ul li { display:list-item; float:none; padding:0px 7px; margin:0px; background:none; text-transform:none; height:25px; width:180px; } .ddsmoothmenu ul li ul li ul { top: 0; } .ddsmoothmenu ul li ul li a { color:#aaa193 !important; font:11px Verdana, Arial, Helvetica, sans-serif; width:175px; margin:0px; padding:8px 3px 6px 3px; text-decoration:none;border-bottom:1px dotted #6f6c5f; } .ddsmoothmenu ul li ul li a:hover { background:none; color:#f2f2f2 !important; padding-right:6px; } .ddsmoothmenu ul li ul li:hover { background:none; } .downarrowclass { position: absolute; top: 12px; right: 7px; display: none;} .rightarrowclass { position: absolute; top: 6px; right: 5px; display: none;} .ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; } .toplevelshadow { opacity: 0.8; } /* SUB NAVIGATION ===========================================================================*/ /* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ #subnav { font:11px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px; } #subnav ul { margin:0px; padding:4px 0px 0px 0px; list-style:none; clear:both; } #subnav ul li { float:left; width:224px; margin-right:15px; } #subnav ul li a { display:block; padding:5px 10px 5px 22px; color:#505050; background:url(default/subnav_bullet.gif) 5px 6px no-repeat; } #subnav ul li a.first-active, #subnav ul li a.middle-active, #subnav ul li a.last-active, #subnav ul li a.only-active, #subnav ul li a.active { background:url(default/subnav_active_bg.gif) left no-repeat; color:#f2f2f2; } #subnav ul li a:hover { background:#fff url(default/subnav_bullet.gif) 5px 6px no-repeat; } #subnav ul li a.first-active:hover, #subnav ul li a.middle-active:hover, #subnav ul li a.last-active:hover, #subnav ul li a.only-active:hover, #subnav ul li a.active:hover { background:url(default/subnav_active_bg.gif) left no-repeat; color:#f2f2f2; } #subnav ul ul li { line-height:20px; } #subnav ul ul li a { padding-left:30px; background:url(images/subnav_arrow.gif) 16px 9px no-repeat; } #subnav ul ul li a.first-active, #subnav ul ul li a.middle-active, #subnav ul ul li a.last-active, #subnav ul ul li a.only-active, #subnav ul ul li a:hover { background:#ededeb url(images/subnav_arrow_hover.gif) 16px 9px no-repeat; } /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ label { font-weight:bold; width:100px; float:left; display:block; margin-right:10px; } input, textarea, select { margin:0px 5px 0px 20px; border:1px solid #999999; font:Arial, Helvetica, sans-serif; font-size:11px; } input.submit { padding:3px 5px; background:#333333; color:#f2f2f2; } input:focus, textarea:focus, select:focus { border:1px solid #666666; } input { width:150px; padding:3px; } textarea { width:350px; height:200px; padding:5px; } /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ td.headline { font-size:12px; color:#006699; padding-top: 10px; } td.headline a { color:#333; text-decoration:none; } td.headline a:hover { color:#b64a15; text-decoration:none; } div.newstitle { font-weight:bold; margin-top: 10px; } div.newstitle a { color: #333; } div.newsdescpreview { margin-bottom:15px; } div.newsdescpreview a { text-decoration:underline, color:#006699; } div.newsdate { color:#666; margin-bottom: 5px; } div.itemheadline { font-size:16px; color:#006699; padding-bottom:15px; display:none} div.slug { font-size:12px; border-bottom:1px solid #ebebe9; margin:0px 0px 10px 0px; padding:0px 0px 8px 0px; } div.newsbody { min-height:200px; } /* EVENTS ===================================================================================*/ /* SITE MAP =================================================================================*/ #sitemap { overflow:hidden; } #sitemap a { color:#505050; text-decoration:none; } #sitemap a:hover { text-decoration:underline; } #sitemap ul { list-style:none; margin:0; padding:0; } #sitemap li { background-color:#efefed; margin:0 0 -0.1em; min-height:1em; padding:.2em .4em; position:relative; width:15em; border-left:1px solid #ebebe9; } #sitemap ul ul { font-size:95%; margin-top:-1.4em; } #sitemap ul ul li { background:#efefed; margin-top:0.5em!important; border-left:0.5em solid #b94b16; left:16em; } #sitemap ul ul ul li { background:#e7e7e5; border-color:#464d4c; } #sitemap ul ul ul ul li { background:#e7e7e5; border-color:#c93; } #sitemap ul ul ul ul ul li { background:#e7e7e5; border-color:#c33; } /* SEARCH ==================================================================================*/ .thesearch { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:170px; border:1px solid #f0f0f0; padding:2px; } .dosearch { vertical-align:bottom; } .searchresult { margin:4px 0px 5px 0px; border-bottom:1px dashed #f3f3f3; } .searchresult h2 { font-size:12px; font-weight:bold; margin-bottom:3px; color:#006699; } div.search-result-type { font-style:italic; padding-bottom:3px; } div.search-result-type span { margin-right:5px; color:#333333; } /* DOCUMENT SHARING ========================================================================*/ #folder-tree-data { width:510px; float:left; display:block; min-height:200px; padding:5px; } #folder-commands-div { background:#e9e9e8; color:#666666; } #folder-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; line-height:20px; } #folder-commands-div ul li { display:inline; } #folder-commands-div ul li a { text-decoration:none; color:#666666; padding:3px 10px 2px 20px; } #folder-commands-div ul li a:hover { text-decoration:underline; } #folder-properties { width:280px; float:right; display:block; min-height:200px; padding-top:5px; } #folder-properties table { border-collapse:collapse; border:1px dashed #cccccc; float:right; } #folder-properties th { text-align:left; background:#0099CC; color:#ffffff; height:20px; padding:0px 3px 0px 3px; } td.folder-properties-leftcol { width:90px; font-weight:bold; } td.folder-properties-rightcol { width:210px; } #folder-properties td { padding:4px 15px 3px 4px; } #folder-contents-container { background:#333333; clear:both; } #folder-path { color:#666666; line-height:20px; background:#ffffff; padding-left:5px; } #folder-path span#dirpath-title-span { font-weight:bold; } #files-title { width:495px; float:left; display:block; line-height:20px; background:#0099CC; color:#ffffff; padding-left:5px; } #file-commands-div { width:300px; float:right; display:block; line-height:20px; background:#0099CC; color:#ffffff; } #file-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; } #file-commands-div ul li { display:inline; } #file-commands-div ul li a { text-decoration:none; color:#ffffff; padding:3px 10px 2px 20px; } #file-commands-div ul li a:hover { text-decoration:underline; } #files-table { width:800px; display:block; min-height:200px; float:left; } #files-table table { width:800px; border-collapse:collapse; } #files-table table th { text-align:left; background:#e9e9e8; color:#666666; height:20px; } #files-table table td { text-align:left; padding:4px 7px 4px 4px; } /* MODAL BOX ========================================================================*/ #fancybox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; } * html #fancybox-loading { position:absolute; margin-top:0; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image: url('default/fancybox.png'); } #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; } * html #fancybox-overlay { position:absolute; width:100%; } #fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:20px 20px 0px 20px; z-index:999999; display:none; } #fancybox-outer { position:relative; margin: auto; width:920px; height: 700px; background:#FFF; } #fancybox-inner { position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-5px; right:-5px; width:24px; height:24px; background-image:url('default/fancy_close.png'); cursor:pointer; z-index:1103; display:none; } #fancybox_error { color:#444; font:normal 12px/20px Arial; padding:7px; margin:0; } #fancybox-content { height:auto; width:auto; padding:0; margin:0; } #fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; } #fancybox-frame { position:relative; width:960px; height:auto; border:none; display:block; } #fancybox-title { display: none; position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; } .fancybox-title-inside { display: none; padding:10px 0; text-align:center; color:#333; } .fancybox-title-outside { padding-top:5px; color:#FFF; text-align:center; font-weight:bold; } .fancybox-title-over { color:#FFF; text-align:left; } #fancybox-title-over { padding:10px; background-image:url('default/fancy_title_over.png'); display:block; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:15px; background-image:url('default/fancybox.png'); background-position:-40px -90px; background-repeat:no-repeat; } #fancybox-title-main { font-weight:bold; line-height:29px; background-image:url('default/fancybox-x.png'); background-position:0px -40px; color:#FFF; } #fancybox-title-right { padding-left:15px; background-image:url('default/fancybox.png'); background-position:-55px -90px; background-repeat:no-repeat; } #fancybox-left, #fancybox-right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('default/blank.gif'); z-index:1102; display:none; } #fancybox-left { left:0px; } #fancybox-right { right:0px; } #fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; } #fancybox-left-ico { background-image:url('default/fancybox.png'); background-position:-40px -30px; } #fancybox-right-ico { background-image:url('default/fancybox.png'); background-position:-40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility:visible; } #fancybox-left:hover span { left:20px; } #fancybox-right:hover span { left:auto; right:20px; } .fancy-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; } #fancy-bg-n { top:-20px; left:0; width:100%; background-image:url('default/fancybox-x.png'); } #fancy-bg-ne { top:-20px; right:-20px; background-image:url('default/fancybox.png'); background-position:-40px -162px; } #fancy-bg-e { top:0; right:-20px; height:100%; background-image:url('default/fancybox-y.png'); background-position:-20px 0px; } #fancy-bg-se { bottom:-20px; right:-20px; background-image:url('default/fancybox.png'); background-position:-40px -182px; } #fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url('default/fancybox-x.png'); background-position:0px -20px; } #fancy-bg-sw { bottom:-20px; left:-20px; background-image:url('default/fancybox.png'); background-position:-40px -142px; } #fancy-bg-w { top:0; left:-20px; height:100%; background-image:url('default/fancybox-y.png'); } #fancy-bg-nw { top:-20px; left:-20px; background-image:url('default/fancybox.png'); background-position:-40px -122px; } #portfolio_content_title {display: none;} #content_body {width: 900px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/ancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/fancy_shadow_nw.png', sizingMethod='scale'); } /* Banner */ div.slide { width: 990px; height: 324px;} div.slide h2 { width: 536px; padding:30px 0 0 0; height: 80px; margin: 0; font-size: 18px; } div.slide p {width: 420px; text-align: justify; padding: 10px 0 0 0; height: 100px;} div.slide ul { color: #bc4f17; list-style-type: square; padding: 0; margin: 0; padding-left: 25px; font-size: 20px; } div.slide ul li a {color: #333; font-size: 12px; font-weight: bold; } div.one { background: url(/templates/index/banner1.png) center bottom no-repeat; } div.two { background: url(/templates/index/banner2.png) center bottom no-repeat; } div.three { background: url(/templates/index/banner3.png) center bottom no-repeat; } div.four { background: url(/templates/index/banner5.png) center bottom no-repeat; } div.five { background: url(/templates/index/banner4.png) center bottom no-repeat; } #controls { z-index: 1000; position: relative; top: 30px; left: 0; display: none; margin: 0; padding: 6px; width: 80px; float: right; } #controls span { margin: 0 5px } a#next { display: block; color: transparent; background: url(/templates/index/arrow_r.png) center no-repeat; width: 70px; height: 214px;} form input {background: #efefef; margin: 10px 0;} form label {width: 120px; padding-top: 10px;} form textarea {background: #efefef; margin: -15px 0 0 130px;} form input.contactsubmit { background: #d3591c; color: #fff; float: right; width: 100px; border: 0; margin-right: 83px; }