/* pe: default stylesheet */ /* global styles */ body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.3em; text-align: left; color: #000; background-color: #fff; margin: 0; padding: 0; } img { border: none; } h1,h2,h3, h4, h5 { margin: 0; padding: 0; } h2 { color: #98b600; font-size: 1.1em; margin: 0 0 10px 0;} h3 { color: #000; font-size: 1.1em; } h4 { color: #82929e; font-size: 1em; } p { margin: 0; padding: 0 0 15px 0; font-size: 1em; } a { color: #82929e; } a:hover { color: #000; } form, fieldset { margin: 0; padding: 0; border: none; } hr { border: none; border-top: 1px solid #fff; height: 1px; } .clear { clear: both; } a.external{ position: relative; padding-right:12px; background:url(../images/ico_external.gif) no-repeat 100% 50%; } /* main wrapper */ #wrapper { position: relative; width: 760px; margin: 0 auto 0 auto; background: #fff; } /* header container */ #header { width: 100%; height: 211px; position: relative; } #header h1, #header h1 a, #header #skip { display: none; } /* flash container */ #header #flash { position: relative; width: 760px; height: 211px; } #header #flash img { width: 760px; height: 211px; } /* outer container */ #outer { position: relative; width: 760px; padding-bottom: 10px; background: transparent url(../images/menu_bg.gif) 0 0 no-repeat; } /* main menu container */ #mainMenu { position: relative; width: 150px; float: left; } #mainMenu ul, #mainMenu ul li { margin: 0; padding: 0; list-style:none; display: block; } #mainMenu ul li { background: transparent url(../images/menu_sep.gif) 7px 0 no-repeat; } #mainMenu ul li.first { background: none; } #mainMenu ul li a { font-weight: bold; display: block; color: #82929e; text-decoration: none; padding: 7px 0 5px 19px; width: 130px; } #mainMenu ul li a:hover, #mainMenu ul li a.active, #mainMenu ul li a:hover.active { display: block; background: transparent url(../images/parent_bullet.gif) 7px 10px no-repeat; font-weight: bold; color: #000; text-decoration: none; } /* 2rd level navigation */ #mainMenu ul li ul li { background: none; } #mainMenu ul li ul li a { background: transparent url(../images/grey_bullet.gif) 19px 4px no-repeat; padding: 0 0 0 29px; color: #000; font-weight: normal; width: 120px; } #mainMenu ul li ul li a:hover, #mainMenu ul li ul li a.active, #mainMenu ul li ul li a:hover.active { font-weight: normal; color: #98b600; background: transparent url(../images/child_bullet.gif) 19px 4px no-repeat; } #mainMenu ul li ul li a:hover.active, #mainMenu ul li ul li a.active { font-weight: bold; } /* inner container */ #inner { position: relative; width: 608px; float: left; padding: 0 0 0 2px; background: transparent url(../images/vert_sep.gif) 0 0 repeat-y; } /* search box container */ #searchBox { position: relative; width: 589px; height: 32px; padding: 0 10px 0 9px; background: #d8dde1 url(../images/search_right.gif) 580px 50% no-repeat; border-bottom: 12px solid #d8dde1; } #searchBox .dateBox { font-size: 0.9em; position: absolute; top: 0; left: 10px; line-height: 32px; } #searchBox .actSelector { position: absolute; top: 0; right: 28px; width: 290px; padding: 0 0 0 15px; height: 32px; background: #fff url(../images/search_left.gif) 0 50% no-repeat; } #searchBox .actSelector form fieldset select, #searchBox .actSelector { font-size: 11px; } #searchBox .actSelector label { line-height: 24px; } #searchBox .actSelector form fieldset { padding: 5px 0 0 0 ; } #searchBox .actSelector form fieldset select { width: 170px; } #searchBox .actSelector form fieldset input, #searchBox .actSelector form fieldset select { margin: 0; } #searchBox .actSelector form fieldset input { position: absolute; right: 0; top: 7px; } /* home page quick-link options (static) */ #homeOptions { position: relative; width: 589px; padding: 0 10px 0 9px; background-color: #d8dde1; border-bottom: 11px solid #d8dde1; } #homeOptions ul, #homeOptions ul li { display: block; margin: 0; padding: 0; } #homeOptions ul li { float: left; } #homeOptions ul li a { display: block; float: left; text-indent: -9999px; height: 120px; background-image: url(../images/home_options.jpg); } #homeOptions li.events a { background-position: 0 0; width: 195px;} #homeOptions li.events a:hover { background-position: 0 -120px; } #homeOptions li.entertain a { background-position: -195px 0; width: 200px;} #homeOptions li.entertain a:hover { background-position: -195px -120px; } #homeOptions li.venues a { background-position: -395px 0; width: 194px;} #homeOptions li.venues a:hover { background-position: -395px -120px; } /* home page static logos */ #home #content .body .logos { position: relative; padding: 20px 0 20px 0; } #home #content .body .logos a { margin-right: 30px; } /* content container */ #content { position: relative; width: 589px; padding: 0 10px 0 9px; background-color: #d8dde1; } #content .body { position: relative; width: 390px; float: left; padding: 8px 10px 0 0; } /* latest news container for home page */ #content .latestNews { position: relative; width: 189px; float: left; background: transparent url(../images/news_bg.gif) 0 100% no-repeat; } #content .latestNews h3 { width: 189px; margin: 0; padding: 0; height: 31px; text-indent: -9999px; background: #d8dde1 url(../images/latest_news.gif) 0 0 no-repeat; } #content .latestNews ul, #content .latestNews ul li { margin: 0; padding: 0; display: block; } #content .latestNews ul { padding: 0 10px 10px 10px; } #content .latestNews ul li span { color: #fff; display: block; padding-top: 15px;} #content .latestNews ul li a { color: #000; text-decoration: underline; display: block; } #content .latestNews ul li a:hover { color: #82929e; } /* quick links */ #content .quickLinks { position: relative; width: 189px; float: left; } #content .quickLinks ul, #content .quickLinks ul li { padding: 0; margin: 0; list-style: none; display: inline; } #content .quickLinks ul li a { position: relative; text-indent: -9999px; display: block; background-repeat: no-repeat; width: 189px; height: 120px; background-position: 0 0; border-bottom: 8px solid #d8dde1; } #content .quickLinks ul li a:hover { background-position: 0 -120px; width: 189px; height: 120px; background-repeat: no-repeat; } /* previous / next links */ #inner .previousNext { position: relative; padding: 10px; border-top: 1px solid #fff; background: transparent url(../images/local_nav_bg.gif) 0 0 repeat-x; } #inner .previousNext ul, #inner .previousNext ul li { margin: 0; padding: 0; list-style: none; } #inner .previousNext ul li { display: inline; } #inner .previousNext ul li a { font-weight: bold; display: block; width: auto; line-height: 20px; color: #829293; text-decoration: none; } #inner .previousNext ul li a:hover { text-decoration: none; color: #000; } #inner .previousNext ul li.previous a { float: left; text-align: left; padding-left: 20px; background: transparent url(../images/button_left.gif) 0 0 no-repeat; } #inner .previousNext ul li.next a { float: right; text-align: right; padding-right: 20px; background: transparent url(../images/button_right.gif) 100% 0 no-repeat; } #inner .previousNext ul li.back { clear: both; display: block; } #inner .previousNext ul li.back a { clear: both; text-align: left; padding-left: 20px; font-weight: normal; color: #000; background: transparent url(../images/button_right.gif) 0 0 no-repeat; } #inner .previousNext ul li a span { } #inner .previousNext ul li.back a:hover span, #inner .previousNext ul li.previous a:hover span, #inner .previousNext ul li.next a:hover span { } /* previous/next none style; use class overloading to apply */ #inner .none { border: none; background: none; } /* clients & venues container */ #clientsVenues #content .wide { width: 579px !important; } #clientsVenues #content .body { width: 389px; } #clientsVenues #content .clientLogos { position: relative; width: 579px;} #clientsVenues #content .clientLogos a { display: block; width: 190px; text-align: center; float: left; padding: 5px 0 5px 0; } #clientsVenues #content .clientLogos a img { display: block; } #clientsVenues #content .columns { position: relative; width: 579px; padding: 10px 0 10px 0; font-size: 0.95em; } #clientsVenues #content .columns ul, #clientsVenues #content .columns ul li { display: block; padding: 0; margin: 0; list-style: none; } #clientsVenues #content .columns ul li { width: 185px; padding: 0 8px 0 0; float: left; } #clientsVenues #content .columns ul li a { color: #000; text-decoration: none; } #clientsVenues #content .columns ul li a:hover { color: #82929e; text-decoration: underline; } /* green panel background */ #content .greenPanel { padding: 10px 0 10px 0; position: relative; background: transparent url(../images/green_panel_top.gif) 0 0 no-repeat; } #content .greenPanel div.gutter { padding: 0 0 10px 15px; position: relative; background: transparent url(../images/green_panel_bottom.gif) 0 100% no-repeat; } #content .greenPanel div.gutter ul, #content .greenPanel div.gutter ul li { padding:0; margin: 0; list-style: none; display: block; } #content .greenPanel div.gutter ul li { width: 170px; padding: 0 15px 0 0; float: left; } #content .greenPanel div.gutter ul li a { color: #000; text-decoration: none; } #content .greenPanel div.gutter ul li a:hover { color: #82929e; text-decoration: underline; } /* themes / our services thumbnails container */ #content .thumbnails { position: relative; width: 189px; float: left; } #content .thumbnails ul, #content .thumbnails ul li { margin: 0; padding:0; display: block; list-style: none; } #content .thumbnails ul li, #content .thumbnails ul li img, #content .thumbnails ul li a span, #content .thumbnails ul li a { display: block; width: 55px; height: 55px; float: left; position: relative; margin: 0 8px 10px 0; } #content .thumbnails ul li { background-position: 50% 0; background-repeat: no-repeat; background-color: transparent; } #content .thumbnails ul li a span img { display: none; } #content .thumbnails ul li a span { background: transparent url(../images/bt_small_mask.gif) 0 100% no-repeat; } #content .thumbnails ul li a { background: transparent url(../images/tp_small_mask.gif) 0 0 no-repeat; } #content .thumbnails ul li a:hover { background: transparent url(../images/rollover.png) 0 0 no-repeat; } /* themes / our services gallery container */ #content .gallery { position: relative; } #content .gallery ul, #content .gallery ul li { margin: 0; padding:0; display: block; list-style: none; } #content .gallery ul li, #content .gallery ul li strong span img, #content .gallery ul li strong span, #content .gallery ul li strong { display: block; width: 389px; height: auto; float: left; position: relative; margin: 0 0 10px 0; } #content .gallery ul li { background-position: 50% 0; background-repeat: no-repeat; background-color: transparent; } #content .gallery ul li strong span img { display: block; z-index: -1000; margin-bottom: 0; padding-bottom: 0; } #content .gallery ul li strong span { margin-bottom: -10px; background: transparent url(../images/bt_large_mask.gif) 0 100% no-repeat; } #content .gallery ul li strong { background: transparent url(../images/tp_large_mask.png) 0 0 no-repeat; } #themes #content h3 { padding-top: 15px; } #themes #content .gutter h3 { padding-top: 0 !important; } #content .gallery h4 { padding: 0; margin: 0; color: #000; } #content .gallery h4 span { color: #82929e; } #content .gallery p { padding: 5px 0 10px 0; } #themes #inner .body .previousNext, #services #inner .body .previousNext { padding-left: 0; padding-top: 0; padding-bottom: 20px; } /* team members */ #content .teamMembers { position: relative; } #content .teamMembers .first { border-right: 10px solid #d8dde1; } #content .teamMembers p { margin: 0; padding:0; display: block; list-style: none; float: left; } #content .teamMembers p, #content .teamMembers p strong span img, #content .teamMembers p strong span, #content .teamMembers p strong { display: block; width: 189px; position: relative; margin: 0 0 10px 0; } #content .teamMembers p { background-position: 50% 0; background-repeat: no-repeat; background-color: transparent; } #content .teamMembers p strong span img { display: block; z-index: -1000; margin-bottom: 0; padding-bottom: 0; } #content .teamMembers p strong span { margin-bottom: -10px; background: transparent url(../images/bt_med_mask.gif) 0 100% no-repeat; } #content .teamMembers p strong { background: transparent url(../images/tp_med_mask.gif) 0 0 no-repeat; } #content .teamMembers p em { padding: 5px 0 5px 0; display: block; font-weight: bold; font-style: normal; color: #98b600; } /* form styles */ #content .forms { position: relative; padding: 0 0 20px 0; } #content .forms h4 { color: #000; font-weight: normal; } #content .forms fieldset { padding: 0; margin: 0; border: 0; } #content .forms label { color: #000; display: block; clear: left; float: left; width: 120px; font-weight: normal; padding: 2px 0 4px 10px; } #content .forms .captcha { display: block; width: 389px; background-image: none; } #content .forms .captcha label span { display: inline; width: auto; padding: 0; } #content .forms .captcha img { border: 1px solid #888; } #content .forms .captcha input { margin-left: 130px; width: 100px; } #content .forms .captcha span { padding-left: 130px; display: block; font-size: 0.9em; color: #444; } #content .forms .captcha label span, #content .forms label span { color: #98b600; font-weight: bold; } #content .forms textarea, #content .forms input { margin: 2px 0 4px 0; width: 180px; } /* revised clearing method */ #content .forms .select { padding: 2px 0 4px 0; overflow: auto; width: 100%; } #content .forms .checkboxes { float: left; width: 400px; padding: 2px 0 4px 0; overflow: auto; } #content .forms .checkboxes div { width: 200px; float: left; } #content .forms .checkboxes div span { display: block; float: left; width: 180px; padding: 0 0 2px 5px; } #content .forms .checkboxes div input { display: block; float: left; width: auto; } #content .forms input#submit, #content .forms input#reset, #content .forms input#cancel, #content .forms input#close { width: auto; } /* pagination */ #content .pagination { position: relative; margin: 15px 0 15px 0; } #content .pagination ul, #content .pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: bold; color: #0066a5; } #content .pagination ul li { padding: 0 1px 0 1px; } #content .pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #82929e; border: 1px solid #fff; text-decoration: none; } #content .pagination ul li a:hover { background: #98b600; color: #fff; text-decoration: none; border: 1px solid #98b600; } #content .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; color: #000; } #content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #98b600; color: #fff; } /* news/products listings - add customers; etc */ #content .newsListing { position: relative; } #content .newsListing ul li { margin: 0; padding: 0; list-style: none; } #content .newsListing ul li { padding: 10px; display: block; line-height: 16px; } #content .newsListing ul li.off { background: #c7ccd0; } #content .newsListing ul li strong { display: block; font-weight: normal; color: #82929e; padding: 0; } #content .newsListing ul li.hilight strong { color: #98b600; } #content .newsListing ul li a { color: #000; } #content .newsListing ul li a:hover { color: #82929e; } #content .newsListing ul li.hilight { background: #fff; } #content .newsListing ul li.hilight a { color: #98b600; } #content .newsListing ul li.hilight a:hover { color: #000; } #content blockquote { margin: 0; padding: 0; color: #666; font-size: 0.9em; font-weight: bold; } /* error message */ #content .body .error { margin: 5px 0 5px 0; padding: 10px 5px 10px 35px; background: #fee url(../images/error.gif) 10px 10px no-repeat; line-height: 20px; color: #922; font-weight: bold; } /* success message */ #content .body .success { margin: 5px 0 5px 0; padding: 10px 5px 10px 35px; background: #dfa url(../images/success.gif) 10px 10px no-repeat; line-height: 20px; color: #292; font-weight: bold; } /* sitemap styles */ #content .body .sitemap { position: relative; padding: 10px; width: 389px; } #content .body .sitemap ul { margin-left: 10px; } #content .body .sitemap ul li { list-style-image: url(../images/button_right.gif); line-height: 20px; } #content .body .sitemap ul li ul { margin-left: 0; } #content .body .sitemap ul li ul li { list-style-image: url(../images/grey_bullet.gif); } #content .body .sitemap ul li a { color: #063746; text-decoration: none; font-size: 1.1em; font-weight: bold;} #content .body .sitemap ul li ul li a { font-size: 1.0em; font-weight: normal; } #content .body .sitemap ul li a:hover { text-decoration: underline;} /* footer styles */ #footer { position: relative; padding: 10px 0 15px 0; border-top: 1px solid #d4d9dd; } #footer img { position: absolute; top: 25px; right: 10px; } #footer ul, #footer ul li { margin: 0; padding: 0; list-style: none; } #footer ul { padding-left: 10px; } #footer ul li { display: inline; border-right: 1px solid #000; font-size: 0.9em; } #footer ul li.last { border-right: none; } #footer ul li span, #footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; background-image: none; } #footer ul li a:hover { text-decoration: underline; } #contactUs #content .body .logos a.external, #home #content .body .logos a.external, #clientsVenues #content .clientLogos a.external { padding-right: 1px !important; background-image: none !important;} #content a.nolink, #content a.nolink:hover { cursor: default; text-decoration: none !important; color: #000 !important; } #backtotop { height: 50px; margin-top: 30px; } #wrapper #outer #inner #content .thumbnails a:hover { border: 1px solid #fff; } .gallery div, .gallery div .watermark { height: 0; } .lookDown { font-weight: bold; font-style: italic; color: #98b600; }