/* CONCISE - CSS Document */ body {margin:0; overflow:auto; font:0.8em tahoma; text-align:justify; color:#666; background-color:#eaeff3; background:url(../images/background-jigsaw.jpg) no-repeat} p {margin:5px 0 0 0; padding:0; line-height:130%} #all {position:absolute; top:0; width:953px; left:50%; margin-left:-476px} #header {position:absolute; top:0; width:953px; height:77px; left:50%; margin-left:-476px} #menu {position:absolute; top:77px; width:953px; height:28px; left:50%; margin-left:-476px; padding-bottom:5px; border-bottom:3px solid #f30} #contentwindow {position:relative; top:155px; height:302px; width:953px;} #sitemapcontentwindow {position:relative; top:155px; height:302px; width:953px;} #contentmap {position:relative; top:250px; width:953px; height:302px; padding:10px; background:url(../images/concise-window-blank.gif) no-repeat} #map {width:932px; height:282px} #contentmap2 {position:relative; width:625px; height:296px; padding:6px 5px 0 6px; background:url(../images/concise-window-blank2.gif) no-repeat} #map2 {width:616px; height:290px} /* --- Lateral navigation ---------------------------- */ #navLatWebcam {position:absolute; top:485px; width:953px; height:25px; left:50%; margin-left:-476px; font-size:0.8em; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff} #navLat, #navLatHome {position:absolute; position:absolute; width:953px; left:50%; margin-left:-476px; font-size:1.3em; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff} #navLat {top:485px; height:25px} #navLatHome {top:477px; height:40px} #navLat div {font-size:0.8em; font-weight:normal } .subnav a {display:block; width:300px; padding:4px 30px 0 30px; height:21px} .subnav2 a {display:block; width:210px; padding:4px 30px 0 30px; height:21px} #subnavorangeleft {float:left; text-align:left; background:url(../images/img_arrow-orange-left.gif) no-repeat} #subnavorangeright {float:right; text-align:right; background:url(../images/img_arrow-orange-right.gif) no-repeat; background-position:top right} #subnavgreenleft {float:left; text-align:left; background:url(../images/img_arrow-green-left.gif) no-repeat} #subnavgreenright {float:right; text-align:right; background:url(../images/img_arrow-green-right.gif) no-repeat; background-position:top right} #subnavblueleft {float:left; text-align:left; background:url(../images/img_arrow-blue-left.gif) no-repeat} #subnavblueright {float:right; text-align:right; background:url(../images/img_arrow-blue-right.gif) no-repeat; background-position:top right} #subnavlightblueleft {float:left; text-align:left; background:url(../images/img_arrow-lightblue-left.gif) no-repeat} #subnavlightblueright {float:right; text-align:right; background:url(../images/img_arrow-lightblue-right.gif) no-repeat; background-position:top right} #subnavredleft {float:left; text-align:left; background:url(../images/img_arrow-red-left.gif) no-repeat} #subnavredright {float:right; text-align:right; background:url(../images/img_arrow-red-right.gif) no-repeat; background-position:top right} /* --- Main Menu ------------------------------------- */ .menuitem {position:absolute; text-align:center; font-size:1.5em; letter-spacing:-0.05em; padding-top:10px} #menuitem1 {width:170px; left:0} #menuitem2 {width:210px; left:170px} #menuitem3 {width:215px; left:380px} #menuitem4 {width:164px; left:595px} #menuitem5 {width:194px; left:759px} /* --- Submenu --------------------------------------- */ #submenu {position:absolute; top:121px; width:953px; height:18px; left:50%; margin-left:-476px; padding-top:7px; font-size:0.8em} #submenu div {display:none} .content {float:left} .scroll {height:195px; overflow:auto} /* --- Team ------------------------------------------- */ #team1 {width:168px; height:238px} #team2 {width:745px; height:238px; padding:0 0 0 40px} #team2 h1 {color:#f30} #team3 {height:86px; width:100%; clear:both} #team3Scroll {height:86px; width:100%; clear:both; overflow: auto} a.teamPhil, a.teamTim, a.teamCaroline, a.teamHenry, a.teamKevin, a.teamEmily, a.teamMartin, a.teamBente, a.teamSimon, a.teamAdrian, a.teamAhamed, a.teamAlexandra, a.teamAlfredo, a.teamChloe, a.teamAnia, a.teamCedric, a.teamChris, a.teamDan, a.teamJon, a.teamJulia, a.teamLiam, a.teamPete, a.teamTony, a.teamErin { display:block; width:86px; height:86px; float:left; background-repeat:no-repeat; margin-right:22px; } a.teamPhil {background:url(../images/img_team-phil_off.gif)} a.teamPhil:hover {background:url(../images/img_team-phil_on.gif)} a.teamTim {background:url(../images/img_team-tim_off.gif)} a.teamTim:hover {background:url(../images/img_team-tim_on.gif)} a.teamCaroline {background:url(../images/img_team-caroline_off.gif)} a.teamCaroline:hover {background:url(../images/img_team-caroline_on.gif)} a.teamHenry {background:url(../images/img_team-henry_off.gif)} a.teamHenry:hover {background:url(../images/img_team-henry_on.gif)} a.teamKevin {background:url(../images/img_team-kevin_off.gif)} a.teamKevin:hover {background:url(../images/img_team-kevin_on.gif)} a.teamChloe {background:url(../images/img_team-chloe_off.gif)} a.teamChloe:hover {background:url(../images/img_team-chloe_on.gif)} a.teamEmily {background:url(../images/img_team-emily_off.gif)} a.teamEmily:hover {background:url(../images/img_team-emily_on.gif)} a.teamMartin {background:url(../images/img_team-martin_off.gif)} a.teamMartin:hover {background:url(../images/img_team-martin_on.gif)} a.teamBente {background:url(../images/img_team-bente_off.gif)} a.teamBente:hover {background:url(../images/img_team-bente_on.gif)} a.teamSimon {background:url(../images/img_team-simon_off.gif)} a.teamSimon:hover {background:url(../images/img_team-simon_on.gif)} /* a.team0 {background:url(../images/img_team.gif)} a.team0:hover {background:url(../images/img_team.gif)} */ a.teamAdrian {background:url(../images/img_team-adrian_off.gif)} a.teamAdrian:hover {background:url(../images/img_team-adrian_on.gif)} a.teamAhamed {background:url(../images/img_team-ahamed_off.gif)} a.teamAhamed:hover {background:url(../images/img_team-ahamed_on.gif)} a.teamAlexandra {background:url(../images/img_team-alexandra_off.gif)} a.teamAlexandra:hover {background:url(../images/img_team-alexandra_on.gif)} a.teamAlfredo {background:url(../images/img_team-alfredo_off.gif)} a.teamAlfredo:hover {background:url(../images/img_team-alfredo_on.gif)} a.teamAnia {background:url(../images/img_team-ania_off.gif)} a.teamAnia:hover {background:url(../images/img_team-ania_on.gif)} a.teamCedric {background:url(../images/img_team-cedric_off.gif)} a.teamCedric:hover {background:url(../images/img_team-cedric_on.gif)} a.teamChris {background:url(../images/img_team-chris_off.gif)} a.teamChris:hover {background:url(../images/img_team-chris_on.gif)} a.teamDan {background:url(../images/img_team-dan_off.gif)} a.teamDan:hover {background:url(../images/img_team-dan_on.gif)} a.teamJon {background:url(../images/img_team-jon_off.gif)} a.teamJon:hover {background:url(../images/img_team-jon_on.gif)} a.teamJulia {background:url(../images/img_team-julia_off.gif)} a.teamJulia:hover {background:url(../images/img_team-julia_on.gif)} a.teamLiam {background:url(../images/img_team-liam_off.gif)} a.teamLiam:hover {background:url(../images/img_team-liam_on.gif)} a.teamPete {background:url(../images/img_team-pete_off.gif)} a.teamPete:hover {background:url(../images/img_team-pete_on.gif)} a.teamTony {background:url(../images/img_team-tony_off.gif)} a.teamTony:hover {background:url(../images/img_team-tony_on.gif)} a.teamErin {background:url(../images/img_team-erin_off.gif)} a.teamErin:hover {background:url(../images/img_team-erin_on.gif)} #teamLast { margin-right:0 } /* --- contact form ----------- */ input {font-size:80%} input.on {color:#979797; border:solid 1px #e6e5e5; background:#ececec; padding:1px 0px} input.on:hover {color:#525252; border:solid 1px #d6e0f6; background:#dde5f8; padding:1px 0px} input.on:focus {color:#525252; border:solid 1px #e8dcff; background:#ffffff; padding:1px 0px} input.onIE {color:#525252; border:solid 1px #e6e5e5; background:#ececec; padding:1px 0px} textarea.on {color:#979797; border:solid 1px #e6e5e5; background:#ececec; padding:1px 0px} textarea.on:hover {color:#525252; border:solid 1px #d6e0f6; background:#dde5f8; padding:1px 0px} textarea.on:focus {color:#525252; border:solid 1px #e8dcff; background:#ffffff; padding:1px 0px} textarea.onIE {color:#525252; border:solid 1px #e6e5e5; background:#ececec; padding:1px 0px} /* --- Innovation - Equipment ------------------------- */ #content1of4 {width:168px} #content2of4 {width:228px; padding:0 80px 0 40px} #content3of4 {width:168px} #content4of4 {width:228px; padding:0 0 0 40px} #contentwindow a {font-weight:bold} #sitemapcontentwindow a {font-weight:normal} /* --- Innovation - Clients ---------------------------- */ #contentFull {float:left; width:940px; height:296px; background:url(../images/concise-window-blank.gif) no-repeat; padding:6px 5px 0 6px} #content1of2 {width:625px; height:296px; background:url(../images/concise-window-blank2.gif) no-repeat; padding:6px 5px 0 6px} #content2of2 {width:276px; height:262px; background:url(../images/img_clients2.gif) no-repeat; padding:20px; text-align:left; color:#fff} #content2of2 a:link {color:#fea236; font-weight:normal} #content2of2 a:visited {color:#fea236; font-weight:normal} #content2of2 a:hover {color:#ffffff; font-weight:normal} #content2of2 a:active {color:#fea236; font-weight:normal} #content50501of2 {width:440px; height:267px; background:url(../images/img-concise_innovation-blanka.gif) no-repeat; padding:15px 10px 20px 20px; text-align:left; color:#fff} #content50502of2 {width:470px; height:296px; background:url(../images/_concise-window-blank2.gif) no-repeat; padding:6px 6px 0 5px} #content50501of2b {width:470px; height:296px; background:url(../images/concise-window-blank3.gif) no-repeat; padding:6px 5px 0 6px} #content50502of2b {width:440px; height:267px; background:url(../images/img-concise_innovation-blankb.gif) no-repeat; padding:15px 20px 20px 10px; text-align:left; color:#fff} a:link {color:#666; text-decoration:none} a:visited {color:#666; text-decoration:none} a:hover {color:#f30; text-decoration:underline} a:active {color:#666; text-decoration:none} /* --- services ------------------------------------ */ #content1of3 {width:277px; height:262px; background:url(../images/bg_services1.gif) no-repeat; padding:20px} #content2of3 {width:277px; height:262px; background:url(../images/bg_services2.gif) no-repeat; padding:20px} #content3of3 {width:278px; height:262px; background:url(../images/bg_services3.gif) no-repeat; padding:20px; color:#fff; text-align:right; font-size:0.85em} #content3of3 h1 {color:#fff} .contentservices {float:left; font-size:0.85em} .contentservices h1 {color:#fff} #subnavItems {float:left; width:410px; padding-top:5px; padding-bottom:1px} #subnavItems a {padding:0 5px; margin:0 3px; width:5px; border:1px solid #f30} #subnavItems a:hover {background-color:#f30} .select {background-color:#f30} /* --- Drop-down menu ---------------------------------- */ #nav { margin:0; padding:0; font-size:1.2em; z-index:5 } #nav a { text-decoration:none; background-color:#eaeff3 } #nav li { margin:0; float:left; display:block; padding-right:15px } #nav li ul { display:none } #nav li.off ul, #nav li.on ul { position:absolute; top:33px; /* *top: 43px; */ left:0px; padding-top:5px; background:#eaeff3; height:18px; width:953px; border-top:3px solid #f30 } #nav li a { color:#666; font-weight:bold; display:block; height:19px; width:170px; /*border: 0px solid #d6e3b0;*/ padding:7px 0 7px 0; text-align:center } #nav li.on a { color:#f30 } #nav li.on ul a, #nav li.off ul a { float:left; border:0; font-weight:bold; color:#666; width:auto; padding:0 15px 0 15px; font-weight:bold; } #nav li.on ul { display: block } #nav li ul, #nav li ul { margin:0; padding:0 } #nav li.on:hover ul, #nav li.over ul { background:#eaeff3 } #nav li.on:hover ul a, #nav li.over ul li a { background:#eaeff3 } #nav li.off:hover ul, #nav li.over ul { display:block; z-index:6000 } #nav li.off a:hover, #nav li.on a:hover { color:#275199 } #aboutUs {position:relative; left:35px} #nav #aboutUsSelect a {position:relative; left:35px; color:#ff3300} #services {position:relative; left:35px} #nav #servicesSelect a {position:relative; left:35px; color:#c2000f} #innovations {position:relative; left:35px} #nav #innovationsSelect a {position:relative; left:35px; color:#275199} #clients {position:relative; left:35px} #nav #clientsSelect a {position:relative; left:35px; color:#50a200} #showreels {position:relative; left:35px} #nav #showreelsSelect a {position:relative; left:35px; color:#0091aa} /*subnav formatting*/ #nav li.off ul a, #nav li.on ul a { display:block; background:#eaeff3; color:#666; font-family:arial, verdana, sans-serif; font-size:small } #nav li.on ul a { background:#eaeff3 } #hotlinks, #addressline { position:absolute; width:953px; height:20px; left:50%; margin-left:-476px; font-weight:normal; text-align:center } #hotlinks { top:540px; border-top:3px solid #f30; font-size:0.9em; padding-top:6px } #addressline { top:570px; border-top:1px solid #f30; font-size:0.8em; padding-top:20px; color:#999 } h1, h2, h3 { margin:0; padding:0; color:#fff } h1 { font-size:1.0em; padding-bottom:3px } h2 { font-size:1.0em; padding-bottom:3px } h3 { font-size:0.8em; padding-bottom:3px } .homepagetext { font-size:0.8em; padding-bottom:0px } .orange { color:#f30} .rightAlign { text-align:right} .errmsg { color:#f00; font-size:0.9em; margin:0; padding:0}