/************************************************ ************* NEW STYLES ***************** ************************************************/ html, body { margin:0; padding:0; } /*html { background:#fff url(../img-new/bg-body.png) no-repeat 50% 29px }*/ body { font:normal 62.5% Arial; color:#333; background:#fff url(../img/bg-body.png) no-repeat 50% 29px; } #home { background:#fff url(../img/bg-body-home.png) no-repeat 50% 29px } h1,h2,h3,h4,h5,ul,li,form,p,blockquote { margin:0; padding:0; } #main { width:980px; margin:150px auto 20px auto; position:relative; } #main .i { border-left:1px solid #f3f3f3; position:relative; } #logo { width:279px; height:59px; position:relative; left:28px; top:-115px; } .content #main #content li { font-size: 13px; } #logo a { display:block; background:url(../img/logo.gif) no-repeat; text-indent:-9999em; height:100% } #about { color:#caccd6; background:#4E5578 url(../img/bg-under-nav-home.png) repeat-x; top:-73px; position:relative; padding:23px 20px 0 34px; font-size:1.75em; line-height:1.3em; height:150px } #about strong { color:#fff; font-weight:normal; } #bar { color:#caccd6; background:#4E5578 url(../img/bg-under-nav-home.png) repeat-x; top:-73px; position:relative; padding:23px 20px 0 34px; font-size:1.75em; line-height:1.3em; height:2px } #content { padding:27px 27px 0; position:relative; } #content #info-boxes { margin-top:-60px } /* position:absolute; width:323px; padding:20px; right:0; top:-104px */ #info-boxes h2, #info-boxes h3, #info-boxes h4, #info-boxes strong { color:#3b4269; font-family:helvetica bold, arial; font-weight:normal } #info-boxes h2 { font-size:1.8em } #info-boxes h3 { margin-top:3px; font-size:1.5em } #info-boxes strong { font-size:1.1em; font-weight:normal; display:block; margin:3px 0 } #info-boxes strong a { color:#ff7f00; text-decoration:none; } #info-boxes p a { color:#ff7f00; text-decoration:none; } #info-boxes strong a:hover { text-decoration:underline } #testimonials { height: 220px; } #testimonials blockquote { overflow:hidden; background:#f7f7f7; padding:5px; margin:5px 0; color:#000; font-size:1.5em; line-height:1.5em } #testimonials blockquote b { font-weight:normal; font-size:0.75em } #testimonials a { text-transform:uppercase; color:#ff7f00; font-size:0.8em; text-decoration:none } #testimonials .sep { border-right:1px solid #ff7f00; padding-right:4px } #testimonials a:hover { text-decoration:underline } #testimonials blockquote img { float:right; } #testimonials .inactive { display: none; } #testimonials .next { cursor: pointer; text-transform:uppercase; color:#ff7f00; font-size:0.8em; display: inline; } ul#rotate li { list-style: none; display: none; } #seminars h2 { font-size:2.5em; } #seminars h2 a { color:#3f3f3f; text-decoration:none; } #seminars h3 { font-weight:bold; } #seminars p { color:#3f3f3f; font-size:1.2em; line-height:1.4em; margin-bottom: 20px; } #seminars img { margin:5px 13px } /* #seminars p { color:#3f3f3f; font-size:1.1em; line-height:1.4em; margin-bottom: 20px; } */ #seminars p.seminardates { font-weight:normal; font-size:1.4em; } #quick-facts-home { margin-top:20px } #quick-facts-home ul { list-style:none; overflow:hidden; height:1%; width:48%; float:left } #quick-facts-home li { color:#6d6e71; font-size:1.2em; margin:4px 0; background: url(../img/3-dots.gif) no-repeat 2px 4px; padding-left:14px; position:relative; } #pic { position:relative; top:-75px; width: 912px; height: 190px; } #pic img { display:block; } #pic h2 { position:absolute; text-indent:-999em; } #pic ul { list-style: none; } .cover { height: 0px; } ul#slideshow { margin:0; padding:0; } ul#slideshow li { width: 912px; height: 190px; background-repeat:none; background-position:top left; } ul#slideshow li h3, ul#slideshow li p { text-indent:-999em; } #point-01 { background-image: url('../img/homepage-images/banner-01.jpg'); } #point-02 { background-image: url('../img/homepage-images/banner-02.jpg'); } #point-03 { background-image: url('../img/homepage-images/banner-03.jpg'); } #point-04 { background-image: url('../img/homepage-images/banner-04.jpg'); } #point-05 { background-image: url('../img/homepage-images/banner-05.jpg'); } #point-06 { background-image: url('../img/homepage-images/banner-06.jpg'); } .secondary-content { clear:both; margin:0 20px; overflow:hidden; padding:15px 0 } .secondary-content div { border-top:2px solid #ff7f00; padding-top:5px } .secondary-content h2, .secondary-content h3, .secondary-content h4, .secondary-content strong { color:#3b4269; font-family:helvetica bold, arial; font-weight:normal } .secondary-content h2 { font-size:1.1em; text-transform:uppercase; } .secondary-content h3 { font-size:1.5em; margin:3px 0 } .secondary-content strong { display:block; font-size:1em; margin-bottom:3px } .secondary-content div p { font-size:1.1em; line-height:1.4em; margin:10px 0 } .secondary-content div p img { float:right; margin-left:15px } .secondary-content a { text-transform:uppercase; color:#ff7f00; font-size:0.8em; text-decoration:none } .secondary-content a.sep { border-right:1px solid #ff7f00; padding-right:4px } .secondary-content a:hover { text-decoration:underline } #newsletter { margin:0 20px; background:url(../img/bg-newsletter.png) repeat-x; padding:10px 30px; position:relative; height: 85px; } #newsletter h2 { color:#fff; font:normal 1.5em helvetica bold, arial; margin-bottom:5px } #newsletter p { color:#fff; font-size:1.4em; line-height:1.5em; margin-right:340px;} #newsletter form { width:300px; position:absolute; right:20px; top:10px; display:block; } #newsletter form label.hint { z-index:990; position:relative; top:10px; left:8px; display:block; font-size:1.1em; color:#878787; cursor:text; height: 13px; } #newsletter form input.text { display:block; width:293px; padding:2px 5px; margin-top:-6px; font-size:1.1em; height: 13px; } #newsletter form input.postcode { width:50% } #newsletter form input.submit { position:absolute; bottom:-1px; right:-6px; width:100px; cursor:pointer; background:#ff5c00; color:#fff; text-transform:uppercase; border:0; font-size:1em; padding:2px 10px; z-index: 999;} #featured { margin:20px } #featured h2 { color:#3b4269; font:normal 1.5em helvetica bold, arial; margin-bottom:5px } #featured p { font-size:1.3em; line-height:1.5em } #featured p img { float:right; margin-left:20px } #partners { border-top:0 } #partners h2 { color:#3b4269; font-family:helvetica bold, arial; font-weight:normal; font-size:1em; margin-bottom:15px } #partners ul { list-style:none; margin-left:50px } #partners li { background:none; padding:0; width:145px; height:72px; position:static; float:left} #partners li a { display:block; width:145px; text-indent:-9999em; height:72px } #partners li a#microsoft { background:url(../img/ms-cert-gp.gif) 0 0 no-repeat } #partners li a#dell { background:url(../img/dell-1.gif) 0 0 no-repeat } #partners li a#avg { background:url(../img/avg.gif) 0 0 no-repeat } #partners li a#bl { background:url(../img/british-library.gif) 0 0 no-repeat } #partners li a#netgear { background:url(../img/netgear-1.gif) 0 0 no-repeat } #partners li a#bt { background:url(../img/bt-1.gif) 0 0 no-repeat } #nav { height:43px; overflow:hidden; list-style:none; position:absolute; top:-38px; left:26px; } #nav li { float:left; font-size:1.1em; height:43px; line-height:26px; text-transform:uppercase; } #nav li a { color:#666; text-decoration:none; float:left; text-align:center; width:150px; height:43px; } #nav li:hover, #nav li.current { margin-right:0 } #nav li:hover a, #nav li a:hover, #nav li.current a { background: url(../img/bg-nav-on.png) no-repeat; color:#fff; font-weight:bold } #nav li.first { border-left:0 } #office-contact { color:#666; display:block; position:absolute; right:28px; text-align:right; top:-115px; width:200px; font-size:1.1em } #office-contact a { color:#3d3f79; display:block; margin-top:3px; text-decoration:none } #office-contact a:hover { text-decoration:underline } #office-contact em { display:block; font-style:normal } #office-contact em a { font-weight:normal; color:#6d6e71; display:inline; text-decoration:underline } #office-contact b { font-size:2.5em; font-style:normal; font-weight:normal } #footer { clear:both; margin:0; background:#f5f5f7;} #footer ul.root { overflow:hidden; width:875px; padding-top:20px; margin:0 auto; background:url(../img/footer-shadow.png) no-repeat top center } #footer ul { overflow:hidden; } #footer li { width:24%; float:left; overflow:hidden; position:relative; display:inline } #footer li a { color:#999999; font-weight:bold; text-decoration:none; font-size:1.1em; } #footer li a:hover { border-bottom:1px solid #fff } #footer li li { float:left; width:100%; margin:2px 0 } #footer li li a { font-weight:normal } #footer li li a:hover { text-decoration:underline } #footer b { display:block; clear:both; padding-bottom:20px } #footer ul.short-footer { margin-bottom:10px; margin-left:-10px } #footer ul.short-footer li { float:none; display:inline; border-right:1px solid #fff } #footer ul.short-footer a { margin:0 10px } #footer ul.short-footer li:last-child { border:0 } #footer b { display:block; width:875px; margin:0 auto; padding:10px 0 30px; color:#3b4269 } .span-1{width:32%; margin-right:15px; overflow:hidden} .span-2{width:65%; margin-right:15px; overflow:hidden} .fr{float:right} .fl{float:left} .last{ margin:0 } *+html #newsletter form input.text {position:relative; left:-20px } /******************************************** ************* SEO ******* ********************************************/ #bl2 { background:url(../img/partners/bipc_logo_plus.gif) no-repeat; text-indent:-9999em; float:left; height:62px; width:268px; margin-right:10px; margin-bottom:7px; margin-top:7px;} /* #bl2 { background:url(../img/partners/bipc-logo.jpg) no-repeat; text-indent:-9999em; float:left; height:62px; width:132px; margin:10px; margin-bottom:7px; margin-top:7px;} */ #m_special { background:url(../img/ms-small-biz-sp.gif) no-repeat; text-indent:-9999em; height:54px; width:110px; overflow:hidden; margin-left:13px; float:left; } #m_gold { background:url(../img/ms-gold.jpg) no-repeat; text-indent:-9999em; height:65px; width:114px; overflow:hidden; float:right; margin-right:33px; } #apple { background:url(../img/partners/apple-logo.jpg) no-repeat; text-indent:-9999em; height:91px; width:86px; overflow:hidden; margin-left:13px; margin-top:10px; float:left; } #bb { background:url(../img/partners/blackberry.jpg) no-repeat; text-indent:-9999em; height:61px; width:130px; overflow:hidden; float:right; margin-right:33px;margin-top:20px; } #guar {background:url(../img/100-sat-guar.gif) no-repeat; text-indent:-9999em; height:75px; width:75px;} #ritlogo {background:url(../img/responsible-it.gif) no-repeat; text-indent:-999em; height:63px; width:162px; margin-left:33px;} /******************************************** ************* OLD STYLES ******* ********************************************/ #t { background-image: url(../img/apple-spotlight-wallpaper-cropped.jpg1.jpg); } #title { background-image: url(../img/apple-spotlight-wallpaper-cropped.jpg1.jpg); } #rit { } #rit-logo a { display:block; height: 77px; width: 255px; text-indent: -9999em; } #rit-logo { float: right; background:url(../img/responsibleit-logo.png) 0 0 no-repeat } #rit h2 { margin-bottom: 18px; } .content #content { padding:0 40px 0 250px; position:relative; } .content #content h1 { position:relative; top:-20px; font-size: 2em; } .content #content h2 { color:#ff7f00; margin-bottom:10px; font-size: 1.8em; } .content #content h3 { font-size: 1.5em;} .content #content h4 {font-size: 1.5em;} .content #content p { font-size:1.2em; line-height:1.8em; margin-bottom:20px } .content #content ul {margin-left: 40px; margin-bottom: 20px;} .content #content #secondary-nav-plus { position:absolute; left:20px; top:-17px; font-size:1.2em; width:215px } .content #content .content-mid li {font-size: 1.2em; margin-bottom: 10px;} #secondary-nav { } #secondary-nav ul { list-style:none; border-top:1px solid #f3f3f3; margin-left: 0 !important; margin-bottom: 0 !important; } #secondary-nav li a { border-bottom:4px solid #ff7f00; text-transform:uppercase; padding:6px 11px; color:#666666; display:block; text-decoration:none; width:90% } #secondary-nav a:hover { background:#eee } #secondary-nav li li { height:1%; } #secondary-nav li li a { border-bottom:1px dotted #b6b6b8; text-transform:none } #content #quick-facts { margin-top:10px } #quick-facts h3 { border-bottom:4px solid #FF7F00; border-top:1px solid #F3F3F3; font-weight:normal; padding:5px 11px; } .content #content #secondary-nav-plus #quick-facts p { font-size:1em; padding:15px 11px; line-height:1.3em } #quick-facts p a { color:#FF7F00 } #content #quick-facts ul {margin: 8px 10px 0px 18px; padding-bottom: 6px;} #quick-facts li {margin-bottom: 10px;} .content #about { display:none } /* .content #content { min-height:420px; height:auto !important; height:420px; } .content #footer { margin:20px 0; padding-bottom:0 } */ .highlight1 {font-size: 1.3em; font-weight: bold;} .highlight2 {font-size: 1.1em; font-weight: bold;} .highlight3 {color: #FF7F00; font-weight: bold;} /* Shadows */ html>body .shadow { background: url(../img/tr.png) right top no-repeat; } html>body .o { background: url(../img/bl.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; } html>body .s { background: url(../img/shadow.png) bottom right; } html>body .sx { background: url(../img/shadow-long.png) bottom right; } html>body .i { position: relative; left: -8px; top: -8px; } .s img { vertical-align: bottom; border:10px solid #fff } /* individual page styles */ #links-content p {margin-bottom: 0 !important;} #clear {clear: both;} #map h2 {line-height: 0.8em; font-size: 1.6em; } #map h3 {font-size: 2em;} #shoreditch-address-content {float: left; margin-right: 245px;} #shoreditch-map-content {float: left; margin-right: 50px;} #city-map-content {} #map #vat {line-height: normal; text-align: center; margin-top: 50px; font-size: 1.1em;} #talkie a{height: 111px; width: 158px; position: absolute; top: -145px; left: 605px; background: url(../img/talkie.png) no-repeat center; text-indent: -999em;} /* #role h1,h2 {line-height:5px;} #role h1 {padding-top:15px;} #role h2 {padding-bottom:10px;} #role img {float: left;} #profile-pic {position: relative; top: -20px;} */ .content #content #training h2 {margin-bottom: 10px; margin-top: 15px; line-height: 1em;} .content #content #training h3 {margin-bottom: 5px; font-size: 1.8em;} #training h4 {margin-bottom: 5px;} #training h5 {font-size: 1.2em} #training #training-day-pm {float: right;} #content #secondary-nav-plus #quick-facts #call-profile img {float: left; padding: 0 10px 10px 10px; margin: 0; border: 0;} #content #secondary-nav-plus #quick-facts #call-profile h5 {font-size: 1em; padding: 0 0 4px 0; margin: 0;} #content #secondary-nav-plus #quick-facts #call-profile p {font-size: 0.8em; margin: 0; padding: 0; line-height: 1.1em;} #content .content-mid .tech-news ul li {margin-bottom: 2px;} #content .content-mid .tech-news {padding-bottom: 10px;} .content#content .quote { font-size: 16px; font-style: italics; text-align: center; } .content #content table#startup p {margin: 0;} .s img.no-border { border: 0; } #mac-text { text-align: justify;} /******* temp ********/ #partner-list {color: #fff; font-size: 1.1em;} .content #main #content .content-mid img { float: left; }