/* * Crew: version 5 * date: 2007-01-04 */ /* removes inconsitencies in default browser styles */ @import "undohtml.css"; html { height: 100%; margin-bottom: 1px; } body { color: #5a5a5a; font: normal 75%/1.4 Arial, Helvetica, sans-serif; } .list-label { display: none; } #wrapper { width: 938px; padding: 0; margin: 0 auto; background: #fff url(../img/bg.jpg) repeat-y; } #wrapper2 { width: 861px; padding: 0; margin: 0 36px 0 41px; background: #fff url(../img/content.png) 15px 0 repeat-y; } #header { height: 186px; width: 861px; position: relative; background: url(../img/header.jpg) no-repeat; } #header * { text-indent: -9999em; } #header object { text-indent: 0; } #header a { display: block; height: 186px; width: 861px; position: absolute; top: 0; left: 0; overflow: hidden;} #nav { background: #ee3044; overflow: hidden; padding-right: 160px;} #nav li { float: left; } #nav li a { display: block; padding: 0.75em 1em; color: #fff; text-decoration: none; } #nav li a:hover, #nav li a:active, #nav li a:focus, #p_about #nav-a, #p_schools #nav-s, #p_intro #nav-s, #p_quality #nav-q, #p_thank #nav-t, #p_contact #nav-c, #p_workshop_prices #nav-w { background: #00aeef; } /* WORKSHOPS ============================*/ .workshop { position: relative; float: left; width: 547px; height: 555px; margin: 30px 0 0 44px; } .workshop * { position: absolute; left: -9999em; } /* main workshop pics*/ #w_foundation { background: url(../img/workshops/Foundation.png) no-repeat; ; } #w_his_fam { background: url(../img/workshops/his_fam.png) no-repeat; ; } #w_his_homes { background: url(../img/workshops/his_house_toys.png) no-repeat; } #w_his_toys { background: url(../img/workshops/his_house_toys.png) no-repeat; } #w_his_vict { background: url(../img/workshops/his_victorians.png) no-repeat; } #w_his_tud { background: url(../img/workshops/TudorTurmoil.png) no-repeat; } #w_his_egypt { background: url(../img/workshops/his_egypt.png) no-repeat; } #w_his_roman { background: url(../img/workshops/his_roman_ww2.png) no-repeat; } #w_his_ww2 { background: url(../img/workshops/his_roman_ww2.png) no-repeat; } #w_his_britain { background: url(../img/workshops/ChangingYears.png) no-repeat; } #w_his_bh { background: url(../img/workshops/BlackHistory.png) no-repeat; } #w_sci_sup { background: url(../img/workshops/SuperSize.png) no-repeat; } #w_sci_sound { background: url(../img/workshops/sci_sound_electr.png) no-repeat; } #w_sci_electricity { background: url(../img/workshops/sci_sound_electr.png) no-repeat; } #w_sci_forces { background: url(../img/workshops/sci_forces.png) no-repeat; } #w_sci_mats { background: url(../img/workshops/sci_mats_machine.png) no-repeat; } #w_sci_machine { background: url(../img/workshops/sci_mats_machine.png) no-repeat; } #w_math { background: url(../img/workshops/Numeracy.png) no-repeat; } #w_geo_env { background: url(../img/workshops/math_geo.png) no-repeat; } #w_tra_exp { background: url(../img/workshops/tra_express_yourself.png) no-repeat; height: 1130px; } #w_tra_clu { background: url(../img/workshops/tra_science_of_crime.png) no-repeat; height: 1130px; } /* main workshop paperclicp position*/ .workshop h1 { display: block; text-indent: -9999em; height: 123px; width: 61px; position: absolute; top: 10px; left: -22px; } #w_his_fam h1 { top: 14px; background: url(../img/paperclip.png) no-repeat;} #w_his_egypt h1, #w_his_ww2 h1, #w_his_roman h1, #w_his_vict h1, #w_his_homes h1, #w_his_toys h1 { top: 6px; background: url(../img/paperclip.png) no-repeat;} #w_tra_exp h1, #w_tra_clu h1 { top: 16px; background: url(../img/paperclip.png) no-repeat;} #w_math h1, #w_his_tud h1{top: 15px;} #w_his_britain { margin-top: 25px;} #w_his_britain h1 { top: 20px;} #w_sci_sound h1, #w_sci_electricity h1 { top: 8px; background: url(../img/paperclip.png) no-repeat;} #w_sci_forces { margin-top: 25px;} #w_sci_forces h1 { top: 22px; background: url(../img/paperclip.png) no-repeat; } #w_sci_mats h1, #w_sci_machine h1 { top: 6px; background: url(../img/paperclip.png) no-repeat;} #w_geo_env h1 { top: 12px; background: url(../img/paperclip.png) no-repeat; } /* submenu common styles */ .submenu { float: right; background: #f3f5e1; margin: 56px 0 100px 0; position: relative; width: 196px;} .submenu * { position: relative; z-index: 2; } .submenu h3 { text-indent: -9999em; width: 237px; height: 163px; position: absolute; top: -88px; left: -40px; z-index: 1;} .submenu ul { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #D2D1C4; } .submenu ul.nb { border: none; } .submenu li { line-height: 1.2;} .submenu a { color: #737373; padding: 2px 15px 2px 20px; display: block; } .submenu a:hover, .submenu a:active, .submenu a:focus, .submenu a.active { background: #d5dd8f; text-decoration: none; } .submenu h4, .submenu h5 { text-indent: -9999em; height: 15px; } .submenu h4 { margin: 0 15px 0.5em 20px; } .submenu h5 { margin: 0 15px 0 20px; } /* workshops menu ----------------------------*/ #workshops-menu h3 { background: url(../img/workshop-menu-top.png) no-repeat; } #wb { position: absolute; bottom: -75px; right: -22px; z-index: 1; width: 218px; height: 118px; display: block; background: url(../img/workshop-menu-bottom.png) no-repeat; } #wm-foundation { background: url(../img/workshops/Wording_Foundation.png) no-repeat; } #wm-h { background: url(../img/workshops/menu_history.png) no-repeat; } #wm-hk1 { background: url(../img/workshops/menu_ks1.png) no-repeat; } #wm-hk2 { background: url(../img/workshops/menu_ks2.png) no-repeat; } #wm-s { background: url(../img/workshops/menu_science.png) no-repeat; } #wm-sk { background: url(../img/workshops/menu_ks1_ks2.png) no-repeat; } #wm-pshe { background: url(../img/workshops/Wording_PSHE.png) no-repeat; } #wm-m { background: url(../img/workshops/menu_maths.png) no-repeat; } #wm-mk { background: url(../img/workshops/menu_ks1_ks2.png) no-repeat; } #wm-n { background: url(../img/workshops/Wording_Numeracy.png) no-repeat; } #wm-g { background: url(../img/workshops/Wording_Geography.png) no-repeat; } /* Corporate menu */ #corporate-menu h3 { background: url(../img/corporate-menu-top.png) no-repeat; } /* Museums & Attractions menu */ #museums-menu h3 { background: url(../img/museums-menu-top.png) no-repeat; } #museums-menu h5 { margin-top: 30px; } #sm-t { background: url(../img/h5testimonials.png) no-repeat; } #sm-g { background: url(../img/h5gallery.png) no-repeat; } .submenu .sm-gallery { border: 0px; } .submenu .sm-gallery a:hover, .submenu .sm-gallery a:active, .submenu .sm-gallery a:focus, .submenu .sm-gallery a.active { background: none; } .submenu .sm-gallery li { float: left; } .submenu .sm-gallery a { padding: 2px 10px 2px 10px; } .submenu .sm-gallery img { border: 4px solid #fff; } /* PAGES ===========================*/ .page span.underline { text-decoration: underline; } .page { position: relative; float: left; width: 500px; margin: 40px; } .page h1 { font-size: 1.5em; font-weight: normal; color: #ea4b2a; margin: 0 0 0.3em; } .page h2, .page h3 { color: #ea4b2a; margin: 1em 0 0.3em;} .page p { margin: 0 0 1em;} .page a:link { color: #00aeef;} .page a:visited { color: #5ac5ed;} .page a:hover { text-decoration: underline;} .page blockquote { font-style: italic; } .page p, .page li { line-height: 2em; } .page li { margin-left: 20px; list-style-type: disc; } .page ul { margin: 1em 0;} #p_about .page h1 { text-indent: -9999em; width: 255px; height: 63px; background:url(../img/pages/about_header.png) no-repeat; margin: 0 0 1em;} #p_about .page h2 { display: none; } #p_contact .page h1 { text-indent: -9999em; width: 196px; height: 28px; background:url(../img/pages/contact_header.png) no-repeat; margin: 0 0 1em;} #p_thank .page * { display: none; } #p_thank .page { background:url(../img/pages/thank_you.png) 100% 0 no-repeat; height: 745px; } #p_quality .page h1 { text-indent: -9999em; width: 446px; height: 90px; background:url(../img/pages/quality_header.png) no-repeat; margin: 0 0 1em;} #p_quality .page p.intro { display: none; } #p_schools .page h1 { text-indent: -9999em; width: 255px; height: 63px; background:url(../img/pages/schools_header.png) no-repeat; margin: 0 0 1em -8px; } #p_schools .page h2 { display: none; } #p_workshop_prices h1 { text-indent: -9999em; width: 290px; height: 31px; background:url(../img/pages/workshop_prices_header.png) no-repeat; margin: 0 0 2em; } #p_workshop_prices h2.every_child_bubble { text-indent: -9999em; width: 436px; height: 232px; background:url(../img/pages/workshop_prices_bubble.png) no-repeat; margin: 0; } #p_parties .page { width: 781px; background: url(../img/parties.png) no-repeat; height: 1127px; } #p_parties .page * { position: absolute; left: -9999em; } #p_summercamps .page { width: 780px; background: url(../img/pages/summercamps.jpg) no-repeat; height: 1124px; } #p_summercamps .page * { position: absolute; left: -9999em; } #schools-art { display: block; width: 522px; height: 249px; background: url(../img/pages/schools_art.png) no-repeat; margin: 2em 0;} .vcard abbr { border: none; } .vcard p { margin-bottom: 0; } .vcard { background: url(../img/pages/contact_page_bubble.png) 100% 50% no-repeat; margin: 0 -100px 0 0; overflow: auto; } #find-out-more { text-align: right; font-size: 1.3em; padding: 15px 98px 15px 0; margin-right: -100px; background: transparent url(../img/arrow.gif) 100% 50% no-repeat; } /* Corporate and Museums */ #p_corp .page h1, #p_manda .page h1 { text-indent: -9999em; width: 406px; height: 69px; background:url(../img/pages/unlocking_header.gif) no-repeat; margin: 0 0 1em -8px; } #p_corpservices .page h1, #p_mandaservices .page h1 { text-indent: -9999em; width: 346px; height: 31px; background:url(../img/pages/services_header.gif) no-repeat; margin: 0 0 1em -8px; } #p_corpwhy .page h1, #p_mandawhy .page h1 { text-indent: -9999em; width: 440px; height: 32px; background:url(../img/pages/whycrew_header.gif) no-repeat; margin: 0 0 1em -8px; } #p_corpclients .page h1, #p_mandaclients .page h1 { text-indent: -9999em; width: 474px; height: 26px; background:url(../img/pages/clients_header.gif) no-repeat; margin: 0 0 1em -8px; } #p_corptestimonials .page h1, #p_mandatestimonials .page h1 { text-indent: -9999em; width: 224px; height: 25px; background:url(../img/pages/testimonials_header.gif) no-repeat; margin: 0 0 1em -8px; } #p_corpfhc .page h1, #p_mandafhc .page h1 { text-indent: -9999em; width: 386px; height: 32px; background:url(../img/pages/fhc_header.gif) no-repeat; margin: 0 0 1em -8px; } /* FOOTER ===========================*/ #footer { clear: both; background: #3E1700; color: #fff; font-size: 0.9em; overflow: hidden; padding: 0.5em 10px; width: 841px; } #footer a { color: #fff; } #footer a:hover { text-decoration: underline; } #footer p { float: left; } #footer #design { float: right; } /* HOMEPAGE ==========================*/ #p_home #header { height: 554px; width: 861px; position: relative; background: url(../img/home.jpg) no-repeat; } #p_home #header * { text-indent: -9999em; } #p_home #header object { text-indent: 0; } #p_home #header a { display: block; height: 554px; width: 859px; position: absolute; top: 0; left: 0; overflow: hidden;} #homenav { height: 43px; background: #EE2148; } #homenav li { float: left; } #homenav li a { text-indent: -9999em; display: block; background: url(../img/nav.jpg) no-repeat; height: 43px; overflow: hidden;} #homenav #homenav-schools { width: 114px; } #homenav #homenav-schools a { width: 114px; background-position: 0 0; } #homenav #homenav-schools a:hover { background-position: 0 100%; } #homenav #homenav-manda { width: 261px; } #homenav #homenav-manda a { width: 261px; background-position: -114px 0; } #homenav #homenav-manda a:hover { background-position: -114px 100%; } #homenav #homenav-corporate { width: 139px; } #homenav #homenav-corporate a { width: 139px; background-position: -375px 0; } #homenav #homenav-corporate a:hover { background-position: -375px 100%; } #homenav #homenav-parties { width: 111px; } #homenav #homenav-parties a { width: 111px; background-position: -514px 0; } #homenav #homenav-parties a:hover { background-position: -514px 100%; } #homenav #homenav-summercamps { width: 191px; } #homenav #homenav-summercamps a { width: 191px; background-position: -625px 0; } #homenav #homenav-summercamps a:hover { background-position: -625px 100%; } #p_home #footer { background: #fff url(../img/footer.jpg) 0 100% no-repeat; color: #6D6767; text-align: right; margin: 0 -41px; padding: 0.7em 55px; } #p_home #footer p { float: none; } #p_home #footer a { color: #6D6767; } /* CONTACT FORM ==========================*/ #cform { display: block; } #cform div { margin: 0.3em 0; } #cform label { display: block; } #cform input, #cform textarea { width: 100%; font: normal 1em/1.4 Arial, Helvetica, sans-serif; } #cform .error { margin: 1em 0; background: #A7C938; padding: 1em; } #cform .error label { color: #fff; } #cform strong { color: #0A65B2; padding: 2px 2px 2px 20px; background: url(../img/error.png) 0 50% no-repeat; margin: 0.3em 0 0; display: block; } #cform #csubmit { width: auto; } #cform #success { padding: 1em; color: #fff; background: #00AEEF; font-weight: bold; text-align: center; } /* Parties ==========================*/ .parties { font-size: 1.5em; font-weight: normal; color: #ea4b2a; margin: 0 50px 5px 50px; } .parties1 {margin: 0 50px 10px 50px;} .parties2 {font-size: 1.5em; font-weight: normal; color: #ea4b2a; margin: 0 50px 10px 0px;}