/* styles across all pages */ BODY { margin: 0px; padding: 0px; font: normal 12px/18px "trebuchet ms", arial, helvetica, sans-serif; color: #FFFFFF; background: #19323B; } INPUT { border: none; font: normal 12px "trebuchet ms", arial, helvetica, sans-serif; } /* P { margin: 14px 0px 15px; padding: 0px; } */ /* the various background images */ BODY#ind { background: #19323B url(img/bg_08.jpg) no-repeat; } BODY#srrc, BODY#secp, BODY#sces, BODY#scsp, BODY#slpe, BODY#stra { background: #19323B url(img/bg_08.jpg) no-repeat; } /* BODY#app { background: #19323B url(img/bg_07.jpg) no-repeat; } */ BODY#peo { background: #19323B url(img/bg_04.jpg) no-repeat; } BODY#por { background: #19323B url(img/bg_11.jpg) no-repeat; } BODY#tes { background: #19323B url(img/bg_09.jpg) no-repeat; } BODY#nae { background: #19323B url(img/bg_10.jpg) no-repeat; } BODY#rec { background: #19323B url(img/bg_03.jpg) no-repeat; } BODY#con { background: #19323B url(img/bg_04.jpg) no-repeat; } A:link, A:active, A:visited { color: #A1A4A9 } A:hover { color: #ED1C24; } /* logo */ #logo { position: absolute; top: 9px; left: 736px; } /* navigation */ UL#nav1, UL#nav2 { margin: 0; padding: 0; } /* UL#nav1 LI, UL#nav2 LI { display: inline; margin: 0px; padding: 0px 20px 0px 2px; list-style: none; } */ UL#nav1 LI, UL#nav2 LI { display: inline; margin: 0px; padding: 0px 14px 0px 2px; list-style: none; } UL#nav1 { position: absolute; top: 64px; left: 21px; margin: 0px; padding: 0px 0px 14px 0px; width: 880px; border-bottom: 1px #496770 solid; font-weight: bold; } UL#nav1 A:link, UL#nav1 A:active, UL#nav1 A:visited { text-decoration: none; color: #FFFFFF; } #ind UL#nav1 A.ind, #peo UL#nav1 A.peo, #por UL#nav1 A.por, #tes UL#nav1 A.tes, #nae UL#nav1 A.nae, #rec UL#nav1 A.rec, #con UL#nav1 A.con { color: #ED1C24; } UL#nav1 A:hover { color: #ED1C24; } UL#nav1 LI, UL#nav2 LI { display: inline; margin: 0px; padding: 0px 14px 0px 2px; list-style: none; } /* heading images and styles */ H1 { position: absolute; top: 120px; left: 381px; font-size: 150%; } H1 SPAN { display: none; } #ind H1 { width: 146px; height: 32px; background: url(img/t_in_brief.png); } #srrc H1, #secp H1, #sces H1, #scsp H1, #slpe H1, #stra H1 { width: 146px; height: 32px; background: url(img/t_in_brief.png); } #app H1 { width: 187px; height: 32px; background: url(img/t_approach.png); } #peo H1 { width: 134px; height: 32px; background: url(img/t_people.png); } #por H1 { width: 197px; height: 32px; background: url(img/t_portfolio.png); } #nae H1 { width: 277px; height: 32px; background: url(img/t_media.png); } #rec H1 { width: 360px; height: 32px; background: url(img/t_careers.png); } #con H1 { width: 217px; height: 32px; background: url(img/t_contact_us.png); } #tes H1 { width: 248px; height: 64px; background: url(img/t_client_testimonials.png); } H2 { margin: 30px 0 0 0; padding: 0; font-size: 120%; color: #ED1C24; } H2 + P { margin-top: 3px; } #srrc H2, #secp H2, #sces H2, #scsp H2, #slpe H2, #stra H2 { font-size: 130%; } #srrc #main H2:first-child, #secp #main H2:first-child, #sces #main H2:first-child, #scsp #main H2:first-child, #slpe #main H2:first-child, #stra #main H2:first-child { margin-top: 15px; } H3 { font-size: 100%; } /* the main content (body copy) */ div#main { margin: 0px; padding: 170px 10px 0px 384px; width: 423px; } #tes div#main { padding-top: 200px; } #main P#p1 { font-weight: bold; font-size: 120%; } #main LI { margin-bottom: 7px; } /* quotes */ P.quotetxt, DIV.quotetxt { padding: 14px; width: 395px; color: #FFFFFF; background: #294750; } Q { font-weight: normal; } .quotename { font-weight: bold; } DIV.quotetxt H2 { margin-top: 0px; } /* disclaimer */ .disclaimer { margin: 30px 0 0 21px; border-top: 1px #496770 solid; padding: 6px 0px 10px 10px; width: 880px; font-size: 80%; color: #FFFFFF; } /* styles for individual pages */ /* in brief */ #ind #main P#p1 { font-size: 160%; line-height: 1.3; } /* people page*/ #peo div#main { width: 505px; } .peopleblock { position: relative; } .peopleblock P { width: 312px; } .peopleblock .teamimg { position: absolute; top: 0px; left: 317px; } /* portfolio page */ #por #main UL { margin: 0; padding: 0; } #por #main LI { margin: 0 0 5px 0; padding: 0; list-style: none; } /* recruitment and contact page forms */ INPUT, TEXTAREA { margin: 0px 0px 3px 0px; border: 1px #FFFFFF solid; padding: 2px 2px 0px 2px; color: #FFFFFF; background: #19323B; } .details1 { margin-top: 30px; } .details B, .details1 B { display: block; clear: both; float: left; margin: 0px; padding: 4px 0px 0px 0px; width: 75px; } .details INPUT { width: 150px; } INPUT#Title { width: 40px; } .detailsrad INPUT#NumbOrTrain, .detailsrad INPUT#NumbOrTrain2 { margin: 0px 5px 0px 0px; border: none; padding: 0px; } .detailsrad INPUT#NumbOrTrain2 { display: block; float:left; margin-right: 10px; line-height: 50px; vertical-align: top; } .detailsrad span { display: block; float: left; width: 400px; } INPUT#SIAnumber { margin-left: 10px; } INPUT#Submit { clear: both; margin: 20px 0px 0px 0px; padding: 0px 4px 0px 4px; color: #FFFFFF; background: #496770; } #con P.details1 INPUT { width: 200px; } #con P.details1 INPUT#preferredp, #con P.details1 INPUT#preferrede, #con P.details1 INPUT#preferredb { width: 20px; margin: 5px 0px 0px 15px; border: none; } #con P.details1 INPUT#preferredp { margin-left: 0px; } #con TEXTAREA { width: 300px; height: 170px; } /* articles */ //#articleside { position: absolute; left: 30px; top 0px; width: 280px; } /* services sub nav */ #servnav { position: relative; } #servnavprev { position: absolute; top: 0px; left: 0px; } #servnavnext { position: absolute; top: 0px; left: 386px; } #servnavnumb { margin: 0 auto; width: 123px; xbackground: #0f0; } #servnavnumb A:link, #servnavnumb A:visited, #servnavnumb A:active { margin: 0 4px; xbackground: #00f; } #servnavnumb A.hi { color: #ED1C24; font-weight: bold; } /* site colours: 237 28 36 #ED1C24 - red 25 50 59 #19323B - grey 73 103 112 #496770 - light grey 161 164 169 #A1A4A9 - lighter grey */ /* qs */ .comm { color: #090; background: #ffc;}