/* CSS Document */

/****************General**********************/
* {
    padding:0;
    margin:0;
}
body {
    text-align:center;
    font:62.5%/140% "Trebuchet MS";
    font-weight: normal;
    height:100%;
}
html {
    background: #e6f5ff url(../image/blue_bg.gif) repeat-x top left;
    padding:0;
    margin:0;
}
input,textarea,select,h1,h2,h3,h4,h5,h6 {
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
    color:black;
}
a, a:focus,a:visited {
    color:#3082e1;
    t/ext-decoration:underline;
}
a:hover,a:focus {
    color:#003170;
    outline:none;/* removes the dotted focus outline */
    _outline:expression(this.hideFocus=true);
    t/ext-decoration:underline;
}
a img {
    border:none;
}
li {
    list-style: none;
}
#content a {
    background: url(../image/btn_arrow.gif) no-repeat left 7px;
    padding: 0 0 0 7px;
}
h3 {
    font-family:"Trebuchet MS";
    font-size:2.3em;
    color:#000000;
    font-weight:normal;
    margin: 30px 0 0 0;
}
h4 {
    font-family:"Trebuchet MS";
    font-size:1.8em;
    color:#000000;
    font-weight:normal;
    margin: 30px 0 0 0;
}
/****************Layout**********************/
#wrapper {
    background: white url(../image/bg_bgborder.gif) repeat-y top left;
    width: 820px;
    padding: 0 20px;
    margin: 0 auto;
    text-align:left;
}
#header {
    width: 820px;
    height: 96px;
}
#header h1 {
    background:url(../image/h1_iannounce.gif) no-repeat left top;
    width: 292px;
    height: 96px;
    display:block;
    text-indent:-999em;
}
#menu {
    background: white url(../image/bg_menu.gif) no-repeat left top;
    width: 780px;
    height: 42px;
    padding: 0 20px;
}
#subHead {
    width: 820px;
    margin: 6px 0 0 0;
}
#content {
    width: 820px;
    padding: 30px 0 0 0;
    clear:both;
}
#flashcontent {
    background: #368eff url(../image/bg_flashhero.gif) no-repeat left top;
    width: 820px;
    height: 286px;
}
#rightCol {
    width: 338px;
    padding: 0 0 0 35px;
    float:right;
}
#rightColSmall {
    width: 150px;
    padding: 0 0 0 35px;
    float:right;
}
#leftCol {
    width: 427px;
    _width: 400px;
    padding: 0 0 0 20px;
    float: left;
}
#leftColWide {
    width: 600px;
    padding: 0 0 0 20px;
    float: left;
}
#testimonial {
    background: url(../image/bg_testbg.gif) no-repeat left bottom;
    width: 818px;
    padding: 0 0 9px 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
#logos {
    width: 330px;
    height:90px;
    float:left;
}
#quotes {
    width: 600px;
    padding: 20px 20px 0 20px;
    float:left;
}
#footer {
    background: white url(../image/bg_footbg.gif) no-repeat left bottom;
    text-align:left;
    width: 860px;
    height: 90px;
    margin: 0 auto;
    padding-top: 30px;
}
.helpguides {
    border-top: 1px solid #e3e3e3;
    margin: 10px 0 0 0;
}
.helpguides p {
    font-size: 1.3em !important;
}
/******************Client CSS*************************/
#clientLeft {
    width: 300px;
    float: left;
}
#clientCenter {
    b/ackground: url(../image/bg_dottedline.gif) no-repeat top right;
    width: 192px;
    float:left;
    margin: 126px 0 0 0;
}
#clientRight {
    width: 300px;
    float:right;
}
#clientRight ul, #clientLeft ul, #clientCenter ul, #regionLeft ul {
    w/idth: 120px;
    float:left;
    margin: 7px 0 0 0;
}
#clientRight ul li, #clientLeft ul li, #clientCenter ul li, #regionLeft ul li {
    list-style: none;
    padding: 7px 0 0 0;
    font-size: 1.3em !important;
    line-height: 1.3em;
}
#clientRight ul li h3, #clientLeft ul li h3, #clientCenter ul li h3, #regionLeft ul li h3 {
    font-size: 1.3em !important;
    line-height: 1.3em;
    margin:10px 0 0 0;
    padding:0;
}
#clientRight ul li h4, #clientLeft ul li h4, #clientCenter ul li h4, #regionLeft ul li h4 {
    margin:10px 0 0 0;
    padding:0;
}
#clientRight ul li p {
    font-size:1em;
    margin:0;
    padding:0;
}
#regionLeft ul {
    width: 250px;
    float:left;
    margin: 7px 0 0 0;
}
#regionLeft {
    width: 600px;
    float:left;
}
.regionLeftRight {
    width: 150px;
    float:right;
    margin: 7px 0 0 0;
    padding: 35px 0 0 0;
}
.regionLeftLeft {
    width: 150px;
    float:left;
    margin: 7px 0 0 0;
}
.regionLeftLeft li p, .regionLeftRight li p {
    font-size:1em;
    margin: 0;
    padding:7px 0 0 0;
}
.regionLeftLeft li h4 {
    font-size:1.4em !important;
}
/*#regionRight {
    b/ackground: url(../image/bg_uk_small.gif) no-repeat right top;
    font-size:1.2em;
    display:block;
    width: 195px;
    height: 300px;
    float:left;
    padding: 5px 0 0 15px;
}
#regionRight a {
    background-position: 0 5px;
    display:block;
    width: 195px;
    height: 200px;
}*/
h3#bucks {
    background: url(../image/h3_bucks.gif) no-repeat left top;
    width:169px;
    height:22px;
    text-indent:-999em;
}
h3.helpguide {
    background: url(../image/h3_helpguide.gif) no-repeat left top;
    width:216px;
    height:17px;
    text-indent:-999em;
    margin-top:0;
}
h3#birm {
    background: url(../image/h3_birm.gif) no-repeat left top;
    width:120px;
    height:22px;
    text-indent:-999em;
}
h3#essex {
    background: url(../image/h3_essex.gif) no-repeat left top;
    width:54px;
    height:16px;
    text-indent:-999em;
}
h3#ireland {
    background: url(../image/h3_ireland.gif) no-repeat left top;
    width:68px;
    height:17px;
    text-indent:-999em;
}
h3#surrey {
    background: url(../image/h3_surrey.gif) no-repeat left top;
    width:65px;
    height:20px;
    text-indent:-999em;
}
h3#kendal {
    background: url(../image/h3_kendal.gif) no-repeat left top;
    width:66px;
    height:18px;
    text-indent:-999em;
}
h3#lanc {
    background: url(../image/h3_lanc.gif) no-repeat left top;
    width:104px;
    height:17px;
    text-indent:-999em;
}
h3#wal {
    background: url(../image/h3_wal.gif) no-repeat left top;
    width:239px;
    height:17px;
    text-indent:-999em;
}
h3#yorks {
    background: url(../image/h3_yorks.gif) no-repeat left top;
    width:93px;
    height:17px;
    text-indent:-999em;
}
h3#sus {
    background: url(../image/h3_sus.gif) no-repeat left top;
    width:67px;
    height:16px;
    text-indent:-999em;
}
h3#man {
    background: url(../image/h3_man.gif) no-repeat left top;
    width:116px;
    height:17px;
    text-indent:-999em;
}
h3#scotland {
    background: url(../image/h3_scotland.gif) no-repeat left top;
    width:116px;
    height:17px;
    text-indent:-999em;
}
h3#london {
    background: url(../image/h3_london.gif) no-repeat left top;
    width:73px;
    height:17px;
    text-indent:-999em;
}
h3#hert {
    background: url(../image/h3_hert.gif) no-repeat left top;
    width:134px;
    height:18px;
    text-indent:-999em;
}
h3#hendon {
    background: url(../image/h3_hendon.gif) no-repeat left top;
    width:76px;
    height:16px;
    text-indent:-999em;
}
h3#west {
    background: url(../image/h3_west.gif) no-repeat left top;
    width:134px;
    height:20px;
    text-indent:-999em;
}
h3#midlands {
    background: url(../image/h3_midlands.gif) no-repeat left top;
    width:224px;
    height:21px;
    text-indent:-999em;
}
h3#croydon {
    background: url(../image/h3_croydon.gif) no-repeat left top;
    width:83px;
    height:21px;
    text-indent:-999em;
}
/******************Layout Styles**********************/
#header h1 {
    float:left;
}
#header h1 a {
    background: white url(../image/h1_iannounce.gif) no-repeat left top;
    width: 292px;
    height: 96;
    display:block;
}
#header p {
    background:url(../image/bg_emailhomepg.gif) no-repeat left top;
    display: block;
    width:276px;
    height:16px;
    text-indent: -900em;
    float:right;
    margin: 62px 0 0 0;
}
#header p a {
    display: block;
    width:276px;
    height:16px;
}
h4.selectregion {
    background:url(../image/h4_selectregion.gif) no-repeat left top;
    display:block;
    width: 113px;
    height: 18px;
    margin: 20px 0 0 0;
    text-indent: -999em;
}
#clientLeft h3 {
    font-size: 1.35em;
    color: black;
    margin-bottom: 6px;
}
#clientLeft h4 {
    font-size: 1.2em;
    color: black;
    padding: 15px 0 0 0;
}
#logos {
    padding: 30px 20px 0 20px;
}
#logos a {
    background:none;
}
#heroImg {
    margin: 0 0 20px 0;
}
#quotes p {
    font-size: 1.3em;
    color: #000;
}
#quoteName a {
    text-decoration: underline;
}
#quoteName {
    font-size: 1.15em;
    width: 210px;
    float:left;
    padding: 0;
    margin: 0 0 10px 0;
}
#errormsg {
    color: #CC0000;
    padding: 10px;
    border: 1px solid red;
}
#viewClients {
    text-decoration:underline;
}
#viewClients a {
    text-decoration:underline !important;
    font-size: 1.3em;
    width: 120px;
    float: right;
    margin-top:2px;
}
#menu ul {
    height: 42px;
}
#menu ul li {
    background: red url(../image/bg_menudivider.gif) top right;
    list-style: none;
    float: left;
    line-height:1.7em;
    color:#fff;
    padding: 0 10px 0 0;
}
#menu ul li#btnContact, #menu ul li#btnContact a {
    background:url(../image/bg_btncontact.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 114px;
    height: 42px;
}
#menu ul li#btnContact a:hover {
    background:url(../image/bg_btncontact.gif) no-repeat bottom left;
    display:block;
    width: 114px;
    height: 42px;
}
#menu ul li#btnWork, #menu ul li#btnWork a {
    background:url(../image/bg_btnwork.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 145px;
    height: 42px;
}
#menu ul li#btnWork a:hover {
    background:url(../image/bg_btnwork.gif) no-repeat bottom left;
    display:block;
    width: 145px;
    height: 42px;
}
#menu ul li#btnLook, #menu ul li#btnLook a {
    background:url(../image/bg_btnlook.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 132px;
    height: 42px;
}
#menu ul li#btnLook a:hover {
    background:url(../image/bg_btnlook.gif) no-repeat bottom left;
    display:block;
    width: 132px;
    height: 42px;
}
#menu ul li#btnClient, #menu ul li#btnClient a {
    background:url(../image/bg_btnclient.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 123px;
    height: 42px;
}
#menu ul li#btnClient a:hover {
    background:url(../image/bg_btnclient.gif) no-repeat bottom left;
    display:block;
    width: 123px;
    height: 42px;
}
#menu ul li#btnAbout, #menu ul li#btnAbout a {
    background:url(../image/bg_btnabout.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 114px;
    height: 42px;
}
#menu ul li#btnAbout a:hover {
    background:url(../image/bg_btnabout.gif) no-repeat bottom left;
    display:block;
    width: 114px;
    height: 42px;
}
#menu ul li#btnHome, #menu ul li#btnHome a {
    background:url(../image/bg_btnhome.gif) no-repeat top left;
    display:block;
    text-indent: -999em;
    width: 88px;
    height: 42px;
}
#menu ul li#btnHome a:hover {
    background:url(../image/bg_btnhome.gif) no-repeat bottom left;
    display:block;
    width: 88px;
    height: 42px;
}
/* Hit states for the main menu */
#menu ul li#btnAbout a.current {
    background: url(../image/bg_btnabout.gif) no-repeat bottom left;
    display:block;
    width: 114px;
    height: 42px;
}
#menu ul li#btnContact a.current {
    background: url(../image/bg_btncontact.gif) no-repeat bottom left;
    display:block;
    width: 114px;
    height: 42px;
}
#menu ul li#btnHome a.current {
    background: url(../image/bg_btnhome.gif) no-repeat bottom left;
    display:block;
    width: 88px;
    height: 42px;
}
#menu ul li#btnClient a.current {
    background: url(../image/bg_btnclient.gif) no-repeat bottom left;
    display:block;
    width: 123px;
    height: 42px;
}
#menu ul li#btnLook a.current {
    background: url(../image/bg_btnlook.gif) no-repeat bottom left;
    display:block;
    width: 132px;
    height: 42px;
}
#menu ul li#btnWork a.current {
    background: url(../image/bg_btnwork.gif) no-repeat bottom left;
    display:block;
    width: 145px;
    height: 42px;
}
#menu ul li a {
    background: url(../image/bg_menudivider.gif) no-repeat top right;
    font-family:"Trebuchet MS";
    font-size: 1.7em;
    text-decoration: none;
    color: white;
    line-height: 1.7em;
    padding: 0 20px;
}
ul#process {
    border-right: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
ul#process li{
    line-height: 0.9em;
    width: 318px;
    padding: 20px 0 0 20px;
}
ul#process li img {
    float: right;
    margin: 7px 15px 0 15px;
}
ul#process li a {

    text-decoration: underline;
}
#rightCol p {
    font-size: 1.25em;
}
#footer p {
    font-size: 1.1em;
    color:#737373;
    clear:both;
    padding: 0 0 0 20px;
    margin:0;
}

/******************Content Styles**********************/

h2 {
    margin: 0px 0 20px 0;
}
p {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 7px 0 15px 0;
}
.bullets {
    font-size: 1.3em;
    color: #333333;
    line-height:1.5em;
    padding: 0 0 0 10px;
}
.bullets li {
    background: url(../image/bg_bullet.gif) no-repeat left top;
    padding: 0 0 0 20px;
    margin: 7px 0 0 0;
}
h2.adding-value {
    background:url(../image/h2_addingvalue.gif) no-repeat left top;
    width: 416px;
    height: 71px;
    display:block;
    text-indent: -999em;
    margin-left: 20px;
}
h2#aboutUs {
    background:url(../image/h2_aboutus.gif) no-repeat left top;
    width: 144px;
    height: 22px;
    display:block;
    text-indent: -999em;
}
h2#careers {
    background:url(../image/h2_careers.gif) no-repeat left top;
    width: 96px;
    height: 21px;
    display:block;
    text-indent: -999em;
}
h2#topSites {
    background: url(../image/h2_topsites.gif) no-repeat left top;
    width: 342px;
    height: 28px;
    display:block;
    text-indent: -999em;
}
h2#howItWorks {
    background:url(../image/h2_howitworks.gif) no-repeat left top;
    width: 205px;
    height: 22px;
    display:block;
    text-indent: -999em;
}
h2#clients {
    background:url(../image/h2_clients.gif) no-repeat left top;
    width: 818px;
    height: 44px;
    padding: 0 0 10px 0;
    display:block;
    text-indent: -999em;
    border: 1px solid #E3E3E3;
}
h2#whoIsUsing {
    background:url(../image/h2_whoisusing.gif) no-repeat left top;
    width: 820px;
    height: 33px;
    display:block;
    text-indent: -999em;
    margin: 15px 0 0 0;
}
h2#contactUs {
    background:url(../image/h2_contactus.gif) no-repeat left top;
    width: 134px;
    height: 21px;
    display:block;
    text-indent: -999em;
}
h3#today {
    background:url(../image/h3_today.gif) no-repeat left top;
    width: 166px;
    height: 21px;
    display:block;
    text-indent: -999em;
    margin: 20px 0 0 0;
}
h3#history {
    background:url(../image/h3_history.gif) no-repeat left top;
    width: 71px;
    height: 21px;
    display:block;
    text-indent: -999em;
    margin: 20px 0 0 0;
}
h3#byPost {
    background:url(../image/h3_bypost.gif) no-repeat left top;
    width: 72px;
    height: 20px;
    display:block;
    text-indent: -999em;
    margin: 6px 0 18px 0;
}
h3#takealook {
    background:url(../image/h3_takealook.gif) no-repeat 20px 15px;
    width: 338px;
    height: 46px;
    display:block;
    text-indent: -999em;
    border: 1px solid #d8d8d8;
}
h3#security {
    background:url(../image/h3_secruity.gif) no-repeat left top;
    width: 80px;
    height: 21px;
    display:block;
    text-indent: -999em;
    margin: 20px 0 0 0;
}
h3#commercial {
    background:url(../image/h3_commercial.gif) no-repeat left top;
    width: 117px;
    height: 17px;
    display:block;
    text-indent: -999em;
    margin: 20px 0 0 0;
}
h4#demoOne {
    background:url(../image/h4_demo1.gif) no-repeat left top;
    width: 253px;
    height: 18px;
    display:block;
    text-indent: -999em;
    margin-top:0;
}
h4#demoTwo {
    background:url(../image/h4_leavemessage.gif) no-repeat left top;
    width: 142px;
    height: 18px;
    display:block;
    text-indent: -999em;
    margin-top:0;
}
h4#demoThree {
    background:url(../image/h4_approve.gif) no-repeat left top;
    width: 254px;
    height: 21px;
    display:block;
    text-indent: -999em;
    margin-top:0;
}
h4#demoFour {
    background:url(../image/h4_add.gif) no-repeat left top;
    width: 129px;
    height: 18px;
    display:block;
    text-indent: -999em;
    margin-top:0;
}
#form {
    margin: 10px 0 0 0;
}
#form div {
    padding: 0 0 30px 0;
}
#form label {
    font-size: 1.3em;
    display:block;
    width:10em;
    float:left;
    clear:left;
}
span#required {
    font-size: 1em;
    font-weight:bold;
    color: #ff009c;
}
#form p {
    font-size: 1.2em;
    color:#ff009c;
}
#form label span {
    font-size: 1em;
    font-weight:bold;
    color: #ff009c;
}
#form textarea{
    width:25em;
    height:6.2em;
}
#form input, #form textarea, #form select {
    font-size: 1.2em;
    color: black;
    display:block;
    width:15em;
    float:left;
    margin:1px 0;
}
#form input#submit{
    font-size: 1.2em;
    color: black;
    display:block;
    clear:left;
    width:auto;
    margin:1em 0 0 11em;
}

/****************************** MARKETING MATERIALS ****************************/
h3.mark-materials {
    background: url(../image/h3_mark-materials.gif) no-repeat left top;
    width:199px;
    height:22px;
    text-indent:-999em;
    margin-top:0;
}
.marketing {
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
    margin-top:20px;
}
.marketing p a {
    background: none !important;
    padding: 0 !important;
}
.mark-downloads, .mark-guides {
    font-size: 1.3em;
    width: 190px;
    float:left;
}
.mark-downloads li {
    margin-bottom: 12px;
}
.mark-guides {
    font-size: 1.3em;
    width: 190px;
    float:right;
}
.download-detail {
    font-size: 1em !important;
    color:#666666;
    padding:5px 0 0 0;
    margin:0 0 5px 0;
}

/******************************TOP10 SITES*******************************/

.top-sites {
    float:right;
    width: 343px;
}
.top-sites img {
    float:left;
    margin-right: 7px;
    margin-top: 23px;
}
.top-sites p{
    font-size: 1.3em !important;
    padding-top: 13px;
}
.topSiteBox {
    border: 1px solid #E3E3E3;
    padding: 15px 0 0 0;
}
.topSiteBox p {
    font-size: 1.1em;
    padding:0 0 0 10px;
}
.visitSites{
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    padding: 10px;
    margin:0;
}
.topSiteBox ul.leftList {
    float: left;
    width: 270px;
    margin-left: 10px;
}
.topSiteBox ul.rightList {
    float:left;
    width: 250px;
    padding-left: 30px;
    border-left: 1px solid #E3E3E3;
}
.clearFix {
clear:left;
}
.topSiteBox .leftList li, .topSiteBox .rightList li {
    background:url(../image/icon_externallink.gif) no-repeat left 3px !important;
    padding: 0 0 10px 17px;
}
.topSiteBox .leftList a span, .topSiteBox .rightList a span {
    font-weight: bold !important;
}
.topSiteBox .leftList a, .topSiteBox .rightList a {
    background-image: none !important;
    font-size: 1.3em;
    line-height: 1.2em;
}
.pgQuote {
    background:url(../image/bg_aboutusquote.gif) no-repeat left top;
    width:338px;
    height:448px;
    text-indent:-999em;
    display:block;
    margin-top: 48px;
}
/******************************FLASH HERO****************************************/

#flashcontent .left-col {
    float:left;
    width: 480px;
    padding-top: 32px;
}
#flashcontent .right-col {
    float:right;
    width: 340px;
}
#flashcontent .left-col ul, #flashcontent .left-col ul li {
    display:inline;
    padding-left: 0;
    margin-left:5px;
}
#flashcontent .left-col a {
    background-image: none;
}
#flashcontent .right-col img {
    padding-top:32px;
}
#flashcontent .left-col h2, #flashcontent .left-col p {
    padding-left: 20px;
}
#flashcontent .left-col p {
    color: #FFFFFF;
    font-size: 1.5em;
    line-height: 1.3em;
    padding-right: 15px;
}