/* www.redsquirrelmedia.co.uk ****************************** * Copyright Red Squirrel Media 2006 | All Rights Reserved * Contents: 1. Generic HTML Styles 2. Access & Wrappers 3. Main Navigation 4. Header 5. Sub Navigation 6. Content 7. Section Specific Styles 8. Strapline 9. Footer /* 1. Generic HTML Styles ************************/ html {padding:0;margin:0;border:0;} body {font-size:76%;font-family:helvetica,arial;padding:0;margin:0;background:url(../images/rsm_cardboard.jpg) repeat;text-align:center;} div {padding:0;margin:0;border:0;} h1 {padding:0;margin:0;font-size:2em;letter-spacing:-1px;text-indent:-200em;width:730px;height:34px;background:no-repeat;} h2 {padding:0;margin:0;font-family: arial, helvetica, sans-serif;font-size:1.3em;letter-spacing:-0.5px;font-weight:bold;color:#444;} h3 {padding:0;margin:0;font-size:0.8em;font-weight:bold;text-transform:uppercase;color:#777;} h4 {padding:20px 0 10px 0;margin:0px 20px 15px 26px;border-bottom:#727065 1px solid;} p {color:#333;font-size:1em;line-height:1.6em;letter-spacing:0.02em;padding:0;margin:10px 0;} li {padding:0;margin:5px 0;list-style-type:none;background:url(../images/system/bullet-white.gif) no-repeat 0px 1px;color:#333;} ul {padding:0;margin:0;} ol {padding:0;margin:0 10px 0 52px;border:0;background:none;} ol li {padding:0;margin:5px 25px;background:none;color:#333;} a {color: #c41100;font-weight:bold;} a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;} address {font-style:normal;} blockquote {padding:20px 20px 10px 20px ;margin:10px 10px 0 25px;color:#000;background:#EFECE4 url(../images/system/quote.gif) no-repeat; } img {border:0;} table {margin: 20px 0 0 25px;} th {font-size:0.7em;font-weight:bold;padding:5px 3px;margin:0 0 3px 0;text-align:left;border-bottom:1px solid #aaa;background:#EFECE4;} td {font-size:0.7em;font-family:verdana,sans-serif;font-weight:normal;color:#333;padding:3px 2px;margin:0;text-align:left;border-bottom:1px solid #aaa;} form {padding:0;margin:0;border:0;} /* 2. Access & Wrappers **************************/ #access {display:none;} #habitat {padding:0;margin:0 auto 0 auto;width:730px;z-index:1;} #tree {width:730px;margin:0;padding:0;text-align:left;background:url(../images/system/faux-col.gif) #fff;} #squirland {background:url(../images/system/topper-002.gif); width:730px; height:35px;} /* 3. Main Navigation ****************************/ #main-nav {margin:0;padding:8px 0 12px 0;border:0;background:url(../images/system/topper-nosign.gif) no-repeat #727065;height:50px;width:730px;} #screw-ie-1 {padding:0 20px 0 12px;background:#000;} #main-nav ul {margin:15px 0 0 8px;border:0;padding:0;float:left;background:#000;} #main-nav li {margin:0;padding:0 10px 0 0;display:inline;font-size:1.2em;letter-spacing:-1px;font-weight:;background:#000;} #main-nav a {text-decoration:none;} #main-nav a:link {color:#fff;} #main-nav a:visited {color:#fff;} #main-nav a:hover {color:#c41100;} #main-nav a:active {color:#c41100;} .logo {margin:0;padding:0;float:right;} .logotype {display:none;} /* 4. Mastheads ***********************************/ #masthead {padding:0;margin:0;border-top:0px solid #000;width:720px;clear:both;} .mh-home {background:url(../images/mh/mh-home.gif) #000;height:210px;} .mh-news {background:url(../images/mh/mh-news.jpg) #000;height:210px;} .mh-squirrelfacts {background:url(../images/mh/mh-squirrel02.jpg) #000;height:210px;} .mh-about {background:url(../images/mh/mh-about.jpg) #000;height:210px;} .mh-clients {background:url(../images/mh/mh-clients.jpg) #000;height:210px;} .mh-login {background:url(../images/mh/mh-help.jpg) #000;height:210px;} .mh-people {background:url(../images/mh/mh-people.jpg) #000;height:210px;} .mh-mission {background:url(../images/mh/mh-mission.jpg) #000;height:210px;} .mh-enventure {background:url(../images/mh/mh-enventure.jpg) #000;height:210px;} .mh-jobs {background:url(../images/mh/mh-jobs.jpg) #000;height:210px;} .mh-enviro-pol {background:url(../images/mh/mh-enviro-pol.jpg) #000;height:210px;} .mh-contact {background:url(../images/mh/mh-contact.jpg) #000;height:210px;} .mh-casestudies {background:url(../images/mh/mh-casestudies.jpg) #000;height:210px;} .mh-calderdale {background:url(../images/mh/mh-calderdale.gif) #000;height:210px;} .mh-reclaim {background:url(../images/mh/mh-reclaim.gif) #000;height:210px;} .mh-sldc {background:url(../images/mh/mh-sldc.gif) #000;height:210px;} .mh-services {background:url(../images/mh/mh-services.jpg) #000;height:210px;} .mh-education {background:url(../images/mh/mh-training.jpg) #000;height:210px;} .mh-graphics {background:url(../images/mh/mh-graphics.jpg) #000;height:210px;} .mh-journalism {background:url(../images/mh/mh-journalism.jpg) #000;height:210px;} .mh-mr {background:url(../images/mh/mh-mr.jpg) #000;height:210px;} .mh-multimedia {background:url(../images/mh/mh-multimedia.jpg) #000;height:210px;} .mh-photo {background:url(../images/mh/mh-photo2.jpg) #000;height:210px;} .mh-webdesign {background:url(../images/mh/mh-webdesign.jpg) #000;height:210px;} .mh-webhosting {background:url(../images/mh/mh-hosting2.jpg) #000;height:210px;} .mh-rfgyh {background:url(../images/mh/mh-rfgyh.jpg) #000;height:210px;} .mh-sitemap {background:url(../images/mh/mh-sitemap.jpg) #000;height:210px;} .mh-legal {background:url(../images/mh/mh-legal02.jpg) #000;height:210px;} .mh-access {background:url(../images/mh/mh-access.jpg) #000;height:210px;} .mh-help {background:url(../images/mh/mh-login.jpg) #000;height:210px;} .mh-squirrel {background:url(../images/mh/mh-home.gif) #000;} /* 5. Sub Navigation *****************************/ #subnav {padding:0;margin:0;border:0;float:right;width:230px;background:none;} #screw-ie-2 {padding:0;margin:18px 10px 0 0;border:0;} #subnav a {padding:0;margin:0; } #subnav a:link, #subnav a:visited {text-decoration:none;color:#333;} #subnav a:hover, #subnav a:active {text-decoration:none;color:#c41100;} #subnav li {padding:0 18px 0 3px;margin:0 0 0 17px;background:none;list-style-image:url(../images/system/bullet-fawn.gif);list-style-type:none;} #subnav ul {padding:0 0 20px 0;margin:0 20px 10px 0;background:url(../images/system/barbreaker.gif) no-repeat bottom;} #subnav p {color:#333;margin:0 20px 0 0;} .list-header {text-transform:uppercase;font-size:0.8em;} /* 6. Main Headings *******************************/ .h1-home {background:url(../images/titles/h1-home.gif);} .h1-about {background:url(../images/titles/h1-about.gif);} .h1-clients {background:url(../images/titles/h1-clients.gif);} .h1-people {background:url(../images/titles/h1-team.gif);} .h1-mission {background:url(../images/titles/h1-mission.gif);} .h1-enventure {background:url(../images/titles/h1-enventure.gif);} .h1-jobs {background:url(../images/titles/h1-jobs.gif);} .h1-enviro-pol {background:url(../images/titles/h1-enviro-policy.gif);} .h1-news {background:url(../images/titles/h1-news.gif);} .h1-newsarchive {background:url(../images/titles/h1-newsarchive.gif);} .h1-features {background:url(../images/titles/h1-features.gif);} .h1-factsheets {background:url(../images/titles/h1-factsheets.gif);} .h1-contact {background:url(../images/titles/h1-contact.gif);} .h1-findus {background:url(../images/titles/h1-findus.gif);} .h1-casestudy {background:url(../images/titles/h1-casestudy.gif);} .h1-portfolio {background:url(../images/titles/h1-portfolio.gif);} .h1-services {background:url(../images/titles/h1-services.gif);} .h1-education {background:url(../images/titles/h1-education.gif);} .h1-graphics {background:url(../images/titles/h1-graphics.gif);} .h1-journalism {background:url(../images/titles/h1-journalism.gif);} .h1-photo {background:url(../images/titles/h1-photo.gif);} .h1-mr {background:url(../images/titles/h1-mr.gif);} .h1-multimedia {background:url(../images/titles/h1-multimedia.gif);} .h1-webdesign {background:url(../images/titles/h1-webdesign.gif);} .h1-webhosting {background:url(../images/titles/h1-webhosting.gif);} .h1-login {background:url(../images/titles/h1-login.gif);} .h1-downloads {background:url(../images/titles/h1-downloads.gif);} .h1-cl-feedback {background:url(../images/titles/h1-cl-feedback.gif);} .h1-cl-satisfaction {background:url(../images/titles/h1-cl-satisfaction.gif);} .h1-rfgyh {background:url(../images/titles/h1-rfgyh.gif);} .h1-access {background:url(../images/titles/h1-access.gif);} .h1-sitemap {background:url(../images/titles/h1-sitemap.gif);} .h1-legal {background:url(../images/titles/h1-legal.gif);} .h1-help {background:url(../images/titles/h1-help.gif);} .h1-squirrel {background:url(../images/titles/h1-squirrel.gif);} /* 7. Content ************************************/ #content {margin:0;padding:0;border:0;background:none;float:left;width:465px;} #content li {margin:5px 0 0 0;padding:0 0 2px 20px;} #content ul {margin:0 0 0 25px;padding:0;} #twocol-stretch {margin:0;padding:12px 0 0 0;width:470px;} #twocol-stretch-foot {margin:0;padding:15px 0 18px 0;} #left-column {margin:0;padding:0;background:none;float:left;width:225px;} #centre-column {margin:0;padding:0;background:none;float:right;width:225px;} #twocol-stretch-foot p, #twocol-stretch p, #twocol-stretch-foot h2, #twocol-stretch h2, #twocol-stretch h3{padding:10px 10px 3px 25px;margin:0;} #left-column h2, #left-column h3, #left-column p {margin:0 0 0 25px;} #centre-column h2, #centre-column h3, #centre-column p {margin:0 0 0 15px;} #twocol-stretch td p {font-size:0.7em;font-family:verdana,sans-serif;padding:0;margin:0;} #twocol-stretch blockquote p {padding:0;margin: 0 0 10px 0;color:#333;font-size:1em;line-height:1.6em;letter-spacing:0.02em;} .list-links a {color:#333;font-weight:normal;} .list-links a:link {color:#333;} .list-links a:visited {color:#333;} .list-links a:hover {color:#c41100;} .list-links a:active {color:#c41100;} .list-nolinks li {padding:0;margin:5px 0;list-style-type:none;background:url(../images/system/bullet-nolink.gif) no-repeat 0px 1px;color:#333;} .list-nobullet li {padding:0;margin:0;list-style-type:none;background:none;color:#333;} .nobullet ul {padding:0;margin:0;} /* 8. Section Specific ***************************/ /* 8.1 Home **************************************/ #home-feature {height:175px;width:225px;} .home-date {font-size:0.8em;padding:5px 0 0 0;color:#c41100;font-family:verdana, arial, sans-serif;font-weight:normal;display:block;} .home-news {display:none;} #home-news-top {margin-top:26px;} .news-title {font-size:0.9em;letter-spacing:-0.01em;padding:0 0 5px 0;margin:15px 20px 0 0;} .news-story {padding:0 0 10px 0;margin:0 0 15px 0;border-bottom:1px solid #666;}/*background:url(../images/system/newsbreaker.gif) no-repeat bottom*/ .news-story-bottom {padding:0 0 10px 0;margin:0 0 10px 0;border:0;} .home-service {padding:0;margin:0 0 0 25px;} .morelink {margin:0px 0;padding:0 0 0 25px;display:block;font-size:0.8em;background:url(../images/home/more.gif) no-repeat;} .offpage {position:absolute;top:0;bottom:-0.1px;width:1em;z-index:-1;} /* 8. news */ li.newslist-top {padding:0;margin:40px;} #subnav ul.snews {background:none;padding:10px 0;margin:0} .news h2 {padding:20px 0 15px 0;margin:0;background:url(../images/system/barbreaker-news.gif) no-repeat 0px 36px} .news h3 {font-size:0.9em;text-transform:uppercase;padding:8px 0 10px 0;margin:10px 0 0 0;} .news p {padding:2px 0;margin:10px 0px 5px 0px;} .news-date {margin:0;padding:0;border-bottom:1px dashed #999;background:#EFECE4;;display:block;font-family:verdana, arial, sans-serif;font-size:0.9em;} .morelink-news {margin:5px 0 0 0;padding:0 0 10px 25px;display:block;border-bottom:1px solid #999;font-size:0.8em; background:url(../images/system/booklet-white.gif) no-repeat;} /* 8. Portfolio *********************************/ #tree-folio {width:730px;margin:0;padding:0;text-align:left;background:url(../images/system/port-faux-col.gif);} #folio {margin:0;padding:0;background:url(../images/system/port-faux-col.gif);} .folio {background:url(../images/system/loader.gif) no-repeat 50% 50% #fff;width:730px;padding:0;margin:0;border:0;height:269px;clear:both;} .folio-text {margin:10px 0 0 490px;padding:0;float:right;text-align:left;height:240px;width:230px;} .folio-text p {margin:4px 15px 4px 0;} .folio ul {margin:0;padding:5px 0 10px 0;background:#000;float:left;width:720px;text-align:right;} .folio li {margin:0;padding:0 8px 0 0;color:#fff;display:inline;list-style-image:none;background:none;} .folio a {color:#fff;text-decoration:none;font-weight:bold;} .folio-text a {color:#c41100;} #item-25 {background: url(../images/portfolio/poole/poole-radio.jpg) no-repeat;} /* Poole */ #item-24 {background: url(../images/portfolio/corby/03.jpg) no-repeat;} /* Corby */ #item-23 {background: url(../images/portfolio/sldc/poster_b-03.jpg) no-repeat;} /* SLDC kids Poster a */ #item-22 {background: url(../images/portfolio/sldc/poster_a-01.jpg) no-repeat;} /* SLDC kids Poster b */ #item-21 {background: url(../images/portfolio/tees/01.jpg) no-repeat;} /* Teesdale */ #item-20 {background: url(../images/portfolio/oldham/01.jpg) no-repeat;} /* Oldham */ #item-19 {background: url(../images/portfolio/gmwda/01.jpg) no-repeat;} /* GMWDA */ /* #item-18 {background: url(../images/portfolio/princes/01.jpg) no-repeat;} /* Princes */ #item-17 {background: url(../images/portfolio/brad-web/_waste-invad-01.gif) no-repeat;} /* Waste Invaders */ #item-16 {background: url(../images/portfolio/pits/_pits-01.gif) no-repeat;} /* Plugging into the Sun */ #item-15 {background: url(../images/portfolio/yor/_yor-01.gif) no-repeat;} /* Yorventure */ #item-14 {background: url(../images/portfolio/cot/_cot-01.gif) no-repeat;} /* Cot-age */ #item-13 {background: url(../images/portfolio/foop/FOOP1.gif) no-repeat;} /* FOOP Logos */ #item-12 {background: url(../images/portfolio/r4c/_caldaz001.jpg) no-repeat;} /* Calderdale A-Z Guide */ #item-11 {background: url(../images/portfolio/sldc/_sldcf1.jpg) no-repeat;} /* SLDC Leaflet */ #item-10 {background: url(../images/portfolio/sldc/_sldcaz03.jpg) no-repeat;} /* SLDC A-Z */ #item-09 {background: url(../images/portfolio/recov/_rec2a.jpg) no-repeat;} /* Reclaim Branding */ #item-08 {background: url(../images/portfolio/sldc/_sldcweb003.jpg) no-repeat;} /* SLDC Website */ #item-07 {background: url(../images/portfolio/r4c/_caldweb01.jpg) no-repeat;} /* Calderdale Website */ #item-06 {background: url(../images/portfolio/donts/_paperchain01.jpg) no-repeat;} /* Paper Chain Posters */ #item-05 {background: url(../images/portfolio/f4c/_frame4chge01.jpg) no-repeat;} /* Framework 4 Change Newsletter */ #item-04 {background: url(../images/portfolio/tfm/_fullmonthly01.jpg) no-repeat;} /* LSIS Full Monthly Posters */ #item-03 {background: url(../images/portfolio/fareshare/_fareshare001.jpg) no-repeat;} /* Fareshare */ #item-02 {background: url(../images/portfolio/herts/_herts01.jpg) no-repeat;} /* Herfordshire Posters */ #item-01 {background: url(../images/portfolio/mas/_maslen004.jpg) no-repeat;} /* Maslen Leaflet*/ .folio-loader {display:none;} #strapline-folio {padding:0;margin:0;background:url(../images/system/footum-port.gif) no-repeat;height:60px;text-indent:-2000em;clear:both;z-index:1;} /* 8. Site Map */ #sitemap {padding: 0 50px;} #sitemap a {color:#000;font-weight:normal;text-decoration:none;} #sitemap a:link {color:#000;} #sitemap a:visited {color:#000;} #sitemap a:hover {color:#c41100;} #sitemap a:active {color:#c41100;} /* 8._ Misc */ .tableright {text-align:right;} #contactform {padding:0 10px;background:#EFECE4;margin:0 20px 15px 25px;} #contactform p {padding:10px 0;background:#EFECE4;margin:0;} .baitbox {margin:0 20px 10px 0;border-bottom:1px solid #666;padding:0 0 10px 0;} .baitbox h3 {margin:10px 0 8px 0;padding:0;} .baitbox p {padding:0;margin:0;} .baitbox-client{padding:0;margin:0;} .baitbox img {margin:10px 0 5px 0;border:0;padding:0;} .tofollow {font-weight:normal;color:#090;font-style:italic;} .people p {margin:10px 0;padding:0;border-left:1px solid #ccc;} .people h3 {} .slide-div {margin:0;padding:0;border:0;} .img-caption {font-style:italic;color:#888;} .flashbox {text-align:left;width:720px;height:269px;padding:0;margin:0;border:0;background:url(../images/system/faux-col.gif) #fff;} /* 9. Strapline **********************************/ #strapline {padding:0;margin:0;background:url(../images/system/footum.gif) no-repeat;height:70px;text-indent:-2000em;clear:both;z-index:1;} .strap {display:none;} /* 10. Footer ************************************/ #footer {color:#fff;padding:0;margin:20px 0;width:720px;text-align:left;} #footer a {color:#fff;font-weight:normal;} #footer a:link {text-decoration:none;} #footer a:visited {text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer a:active {text-decoration:underline;} #footer ul {margin:0 0 0 10px;padding:0;} #footer li {color:#fff;display:inline;padding:0 5px 0 0;margin:0;text-transform:uppercase;font-size:0.8em;background:none;} .smallprint {float:right;display:inline;} #footer2 {position:absolute; color:#fff;padding:0;margin:20px 0;width:720px;text-align:left;} #footer2 a {color:#fff;font-weight:normal;} #footer2 a:link {text-decoration:none;} #footer2 a:visited {text-decoration:none;} #footer2 a:hover {text-decoration:underline;} #footer2 a:active {text-decoration:underline;} #footer2 ul {margin:0 0 0 10px;padding:0;} #footer2 li {color:#fff;display:inline;padding:0 5px 0 0;margin:0;text-transform:uppercase;font-size:0.8em;background:none;} .smallprint {float:right;display:inline;} #minibanner {position:absolute;top:0;left:0;z-index:2;text-align:left;} #spare {position:absolute;top:0;bottom:-0.1px;width:1em;z-index:-1;} /* forces scroll bars on non IE broswers (FF, Opera etc) */ /* ---------------- End --------------- */