* {	margin: 0px; padding: 0px; border: none; }
body { background: #003142; font: 62.5% Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.logos img, .homeitemleft, .homeitem, .whoweworkfor, .whoweworkfor img, .contentimage, .downloadsimg, .downloadsimg img { behavior: url(css/iepngfix.htc) }

/* Header */
#headercontainer { width: 100%; height: 204px; background: #d6edf0 url(../img/global/headercontainerbg.gif) repeat-x top; margin-top: 4px; }
#header { width: 824px; height: 204px; margin: 0 auto; background: url(../img/global/headerbg.gif) no-repeat top }
#header .logo { position: relative; top: 49px; float: left; }
#clientarea { width: 93px; height: 23px; display: block; overflow: hidden; text-indent: -9999px; float: right; position: relative; }
#clientarea a { background: url(../img/global/clientarea.gif) 0px 0px; display: block; height: 23px; }
#clientarea a:hover { background: url(../img/global/clientarea.gif) 0px -23px; display: block; height: 23px; }

/* Client Area */
#clientcontainer { height: 100px; width: 100%; clear: both; position: relative; }
#client { width: 824px; margin: 0 auto; height: 100px; display: block; }
#client p { font-size: 1.1em; line-height: 1.4em; margin-bottom: 0.5em; color: #d6edf0 }
#client a { color: #d6edf0; }
#client input { font-size: 1.1em; line-height: 1.1em; margin:0px; padding: 3px; border: 1px solid #084c63; background: #d6edf0; width: 10em;  }
#client label { font-weight: bold; float: left; margin-right: 10px; }
#client h1 { line-height: 100% }
#ftpsubmit { background-color: #006e95!important; border: 1px solid #006e95!important; width: 5em!important; height: 2.1em!important; font-size: 1em!important; font-weight: bold; color: #d6edf0; line-height: 100%; }
#ftparea { width: 120px; height: 16px; margin-bottom: 5px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-ftparea.gif) no-repeat; }
#supplyingfiles { width: 120px; height: 16px; margin-bottom: 5px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-supplyingfiles.gif) no-repeat; }
#downloads { width: 120px; height: 16px; margin-bottom: 5px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-downloads.gif) no-repeat; }
.ftp { float: left; height: 6.4em; margin-top: 20px; padding-right: 10px; margin-right: 20px; border-right: 1px dotted #006e95 }
.files { float: left; height: 6.4em; margin-top: 20px; padding-right: 20px; margin-right: 20px; border-right: 1px dotted #006e95 }
.downloads { float: left; height: 6.4em; margin-top: 20px; }
*html .ftp, *html .files { border-right: 1px solid #006e95 }

/* Navigation */
#navigation { width: 824px; height: 30px; position: relative; top: 91px; clear: both; }
#navigation ul { margin: 0px; }
#navigation li { display: inline; float: left; position: relative; overflow: hidden; }
#aboutus a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 82px; height: 30px; display: block; text-indent: -9999px; background-position: 0px 0px; }	
#aboutus a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 82px; height: 30px; display: block; text-indent: -9999px; background-position: 0px -30px; }
#aboutus .on, #aboutus:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 82px; height: 30px; display: block; text-indent: -9999px; background-position: 0px -60px; }
#hcwh a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 142px; height: 30px; display: block; text-indent: -9999px; background-position: -82px 0px; }
#hcwh a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 142px; height: 30px; display: block; text-indent: -9999px; background-position: -82px -30px; }
#hcwh .on, #hcwh:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 142px; height: 30px; display: block; text-indent: -9999px; background-position: -82px -60px; }
#wwwf a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 148px; height: 30px; display: block; text-indent: -9999px; background-position: -224px 0px; }
#wwwf a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 148px; height: 30px; display: block; text-indent: -9999px; background-position: -224px -30px; }
#wwwf .on, #wwwf:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 148px; height: 30px; display: block; text-indent: -9999px; background-position: -224px -60px; }
#ppa a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 139px; height: 30px; display: block; text-indent: -9999px; background-position: -372px 0px; }
#ppa a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 139px; height: 30px; display: block; text-indent: -9999px; background-position: -372px -30px; }
#ppa .on, #ppa:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 139px; height: 30px; display: block; text-indent: -9999px; background-position: -372px -60px; }
#rp a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 146px; height: 30px; display: block; text-indent: -9999px; background-position: -511px 0px; }
#rp a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 146px; height: 30px; display: block; text-indent: -9999px; background-position: -511px -30px; }
#rp .on, #rp:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 146px; height: 30px; display: block; text-indent: -9999px; background-position: -511px -60px; }
#contactus a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 102px; height: 30px; display: block; text-indent: -9999px; background-position: -657px 0px; }
#contactus a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 102px; height: 30px; display: block; text-indent: -9999px; background-position: -657px -30px; }
#contactus .on, #contactus:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 102px; height: 30px; display: block; text-indent: -9999px; background-position: -657px -60px; }
#blog a { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 63px; height: 30px; display: block; text-indent: -9999px; background-position: -759px 0px; }
#blog a:hover { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 63px; height: 30px; display: block; text-indent: -9999px; background-position: -759px -30px; }
#blog .on, #blog:hover .on { background-image: url(../img/global/navigation.gif); background-repeat: no-repeat; width: 63px; height: 30px; display: block; text-indent: -9999px; background-position: -759px -60px; }

/* Content */
#contentcontainer, #contentcontainergrad { width: 100%; background: #514947; clear: both; float: left; }
#contentcontainergrad { background: #514947 url(../img/global/contentbg.gif) repeat-x bottom; }
#content { width: 824px; margin: 0 auto; padding: 50px 0px; }
#content p, #content ul { font-size: 1.3em; line-height: 1.3em; margin-bottom: 1.4em; color: #ffffe4; }
#content li { margin-left: 1.5em; }
#content h2 { font-size: 1.4em; line-height: 1.4em; text-transform: uppercase; color: #d6edf0; }
#content h3 { font-size: 1.4em; line-height: 1.3em; margin-bottom: 0.5em; color: #d6edf0; }
#content a { color: #ffffe4; text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content .intro { font-size: 1.4em; font-weight: bold; color: #d6edf0;  border: 4px #36606e solid; padding: 15px; background: #003142; }
#left { width: 544px; }
sup { vertical-align: 14%; }
.contentimage { width: 260px; height: 245px; margin-left: 20px; margin-bottom: 10px; margin-right: 5px; margin-top: -20px; display: block; position: relative; background: url(../img/global/homeitembg.png) no-repeat; float: right }
.contentimage img { margin-left: 20px; margin-top: 20px; }

/* Home items */
.homeitem, .homeitemleft { width: 260px; height: 245px; float: left; margin-top: -30px; display: block; position: relative; background: url(../img/global/homeitembg.png) no-repeat; }
.homeitemcontent { background: #d6edf0; margin-left: 20px; margin-top: 20px; padding-top: 80px; width: 219px; height: 122px; }
.homeitemcontent p { padding: 0px 10px; color: #003142!important; font-size: 1.2em!important; }
.homeitemcontent h2 { padding: 0px 10px; margin-bottom: 0.5em; color: #006e95!important; font-size: 1.6em!important; text-transform: none!important; }
.homeitemcontent a { color: #006e95!important; text-decoration: none!important; }
.homeitemleft { margin-left: -7px; margin-right: 15px }
.logos { margin-top: 30px; width: 546px; height: 76px; clear: left; padding-top: 30px; }
#search input {  font-size: 1.1em; line-height: 1.1em; padding: 3px; border: 1px solid #a2cbd0; background: #edf9fb; width: 11.9em; margin-right: 10px; }
#reportsubmit { background-color: #006e95!important; border: 1px solid #006e95!important; width: 5em!important; height: 2.1em!important; font-size: 1em!important; font-weight: bold; color: #d6edf0; line-height: 100%; }
#report p { margin-bottom: 10px; }
#search { top: 178px; left: 22px; position:relative; z-index: 100; }

/* Who we work for */
#whoweworkfor { width: 100%; clear: left; margin-bottom: 40px; float: left; position: relative; }
.whoweworkfor { background: url(../img/who-we-work-for/clientsbg.png) no-repeat 0px 0px; width: 184px; height: 188px; float: left; text-align: center; float: left; position: relative; margin-left: -8px; margin-top: -8px; margin-right: 5px; margin-bottom: 5px; }
.whoweworkfor img {	position: relative; left: -1px; }

/* How we can help */
.left { width: 250px; float: left; margin-right: 4em; margin-bottom: 2em; }
.right { width: 250px; float: left; }

/* Downloads */
.downloadsimg { background: url(../img/who-we-work-for/clientsbg.png) no-repeat 0px 0px; width: 184px; height: 188px; text-align: center; float: right; position: relative; margin-left: -8px; margin-top: -8px; margin-left: 5px; margin-bottom: 5px; margin-right: 3px; }
.downloadsimg img {	position: relative; left: -1px; }
.download { display: block; background: #635c57; border: #6c6660 1px solid; width: 512px; height: 1.4em!important; padding: 15px; clear: left; font-size: 1.4em!important; font-weight: bold; }
.download a { text-decoration: none!important; color: #d8d6c1!important; padding-left: 1.5em; background: url(../img/downloads/download.gif) no-repeat; }
.download a:hover { color: #ffffe4!important; background: url(../img/downloads/downloadover.gif) no-repeat; }
#downloadcontainer p { height: 7.4em; }

/* Page Titles */
#titleaboutus { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-aboutus.gif) no-repeat; }
#titlehwch { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-hwch.gif) no-repeat; }
#titlewwwf { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-wwwf.gif) no-repeat; }
#titleppa { width: 544px; height: 42px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-ppa.gif) no-repeat; }
#titlerp { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-rp.gif) no-repeat; }
#titlerpreport { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-rpreport.gif) no-repeat; }
#titlecontactus { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-contactus.gif) no-repeat; }
#titleblog { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-blog.gif) no-repeat; }
#titleaccessibility { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-accessibility.gif) no-repeat; }
#titlepp { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-pp.gif) no-repeat; }
#titlesf { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-sf.gif) no-repeat; }
#titledownloads { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-downloadsbig.gif) no-repeat; }
#titletandcs { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-tandcs.gif) no-repeat; }
#titlewebtandcs { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-webtandcs.gif) no-repeat; }
#titleourprojects { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-op.gif) no-repeat; }
#titleclientarea { width: 544px; height: 26px; margin-bottom: 30px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/title-ca.gif) no-repeat; }

/* Statement */
#statementhome { width: 823px; height: 42px; margin-bottom: 40px; display: block; overflow: hidden; text-indent: -9999px; background: url(../img/global/statement-home.gif) no-repeat; }

/* Form */
#contactform { font-size: 0.85em; margin-bottom: 30px; }
#contactform input, textarea { font: 1em/100% Arial, Helvetica, sans-serif; color: #333; padding: 3px; border: 1px solid #CCCCCC;  background: #EEEEEE !important; width: 75%; }
#contactform label { width: 10em; float: left; font-weight: bold; }
#contactform .clear { margin: 0; line-height: 2em; width: 100%;}
#contactform .last { line-height: 2em; }
#contactform .full { width: 100% }
#contactform .submit, #contactform .reset { font: bold 1em/100% Arial, Helvetica, sans-serif; padding: 10px; width: 110px; border-style: none; background: #003142 !important; color: #d6edf0; margin-top: 20px; margin-right: 10px; }

/* Right Items */
#rightitems { width: 254px; float: right; }
#newstitle { width: 134px; height: 19px; margin-bottom: 15px; display: block; overflow: hidden; text-indent: -9999px; background:url(../img/global/title-latestnews.gif) }
#enquirytitle { width: 200px; height: 23px; margin-bottom: 15px; display: block; overflow: hidden; text-indent: -9999px; background:url(../img/global/title-enquiryform.gif) }
#news ul { margin-bottom: 20px; }
#news li { list-style: none; font-size: 0.85em; line-height: 1.3em; color: #dcdbc5; padding-bottom: 7px; margin-left: 0; margin-bottom: 7px; border-bottom: 1px #7d776e solid }
#news li a { text-decoration: none; color: #98b6be; text-transform: uppercase; }
#news li a:hover { color: #d6edf0; }
#news li p { list-style: none; font-size: 1em; line-height: 1.3em; color: #dfddc7; margin: 0 }

/* Also look at */
#alsosee { width: 300px; height: 279px; background: url(../img/global/postit.jpg) no-repeat; display: block; position: relative; margin-right: -50px; margin-bottom: 20px; }
#alsosee h2 { padding: 110px 100px 0px 30px; font-size: 1.2em; color: #003142 }
#alsosee p { padding: 0px 100px 0px 30px; font-size: 1.1em; color: #003142; }
#alsosee a { text-decoration: none; color: #003142 }
#alsosee a:hover { text-decoration: underline }

/* RP Report */
#rpreportcontainer { background: #ffffe4; border: solid 4px #7b7573; padding: 15px; }
#rpreport { font-size: 1.2em; line-height: 1.4em; color: #514947; }
#rpreport p { font-size: 1em; line-height: 1.4em; color: #514947; }
#rpreport li { font-size: 0.8em; color: #514947; }
#rpreport a { color: #006e95; text-decoration: none; font-weight: bold; background: url(../img/global/viewmore.gif) 0px 1px no-repeat; padding-left: 15px; }
#rpreport a:hover { color: #003142; background: url(../img/global/viewmoreover.gif) 0px 1px no-repeat;  }
#rpreport th { text-align: left; color: #003142; vertical-align: top; width: 11em; }
.rpspacer { border-top: 1px #dfddc7 solid; padding: 5px 0px; }
.rpspacernobm { border-top: 1px #dfddc7 solid; padding-top: 5px; }
.rpbottom { padding-bottom: 5px; }
#another { background: #003142; padding: 15px; color: #d6edf0!important; border: #36606e 4px solid; margin-top: 20px; clear: left; position: relative; }
#another h2 { text-transform: none; color: #ffffe4; font-size: 1.6em; }
#another label { font-size: 1.4em; }
#another input { font-size: 1.1em; line-height: 1.1em; margin:0px; padding: 3px; border: 1px solid #084c63; background: #d6edf0; width: 9em; margin-left: 10px; }
#another .submit { background-color: #006e95!important; border: 1px solid #006e95!important; width: 5em!important; height: 2em!important; font-size: 0.9em!important; font-weight: bold; color: #d6edf0; line-height: 100%; margin-left: 10px; }

/* RP Report Fail */
#notfound { background: #003142; padding: 15px; color: #d6edf0!important; border: #36606e 4px solid; margin-top: 20px; clear: left; position: relative; }
#notfound h2 { text-transform: none; color: #ffffe4; font-size: 1.6em; font-weight: normal!important; }
#notfound p { font-size: 1.4em; color: #d6edf0!important; }
#notfound input { font-size: 1.1em; line-height: 1.1em; margin:0px; padding: 3px; border: 1px solid #084c63; background: #d6edf0; width: 9em; margin-left: 10px; }
#notfound .submit { background-color: #006e95!important; border: 1px solid #006e95!important; width: 5em!important; height: 2em!important; font-size: 0.9em!important; font-weight: bold; color: #d6edf0; line-height: 100%; margin-left: 10px; }
.notfound { display: block; border-top: 1px solid #084a61; padding-top: 10px; margin-top: 10px; margin-bottom: 0px!important; }
.notfound a { color: #36abd4!important; text-decoration: none!important; font-weight: bold; background: url(../img/global/viewmore.gif) 0px 2px no-repeat; padding-left: 15px; margin-right: 5px; }
.notfound a:hover { color: #d6edf0!important; background: url(../img/global/viewmoreover.gif) 0px 2px no-repeat;  }
#anothertry, #reportthem { border-top: 1px solid #084a61; padding-top: 10px; margin-top: 10px; }

/* Blog */
#sidebar ul { margin-bottom: 20px; }
#sidebar li { list-style: none; font-size: 0.85em; line-height: 1.1em; color: #dcdbc5; margin-left: 0; }
#sidebar li a { font-weight: bold; text-decoration: none; color: #98b6be; padding-top: 5px; margin-top: 5px; border-top: 1px #7d776e solid; display: block; width: 100% }
#sidebar li a:hover { font-weight: bold; color: #dcdbc5; }
#sidebar h2 { margin-bottom: 0.5em; font-size: 1.2em }
#blogcontainer h2 { font-size: 2em; margin-bottom: 0.5em; clear: left; }
#blogcontainer h2 a { text-decoration: none; color: #d6edf0!important; }
#blogcontainer h3 { font-size: 1.8em; margin-top: 1em; }
#blogcontainer h3 a { text-decoration: none; color: #d6edf0!important; }
#blogcontainer small { color: #aaa698; font-size: 1.2em; font-weight: bold; line-height: 100%; }
.postmetadata { background: #635c57; padding: 10px; color: #959085!important; border: #6c6660 1px solid }
.postmetadata small { font-size: 0.95em!important; line-height: 1.2em!important; font-weight: normal!important;  }
.postmetadata a { color: #aaa698!important; font-weight: bold; }
#blogcontainer #reply { background: #635c57; padding: 10px; color: #959085!important; border: #6c6660 1px solid; margin-bottom: 20px; }
#blogcontainer #reply h3 { color: #b0ac9d; font-size: 1.6em; margin-bottom: 0.5em; margin-top: 0px; }
#blogcontainer #reply p { color: #b0ac9d; font-size: 1.2em; line-height: 1.6em; margin-bottom: 0.5em; }
#blogcontainer #reply a { color: #b0ac9d; font-weight: bold; }
#blogcontainer #reply input { font: 1em/100% Arial, Helvetica, sans-serif; color: #333; padding: 3px; border: 1px solid #EEEEEE;  background: #F5F5F5 !important; width: 57%; float: right; margin-bottom: 1em; }
#blogcontainer #reply label { width: 40%; float: left; }
#blogcontainer #reply textarea { width: 98%; margin-bottom: 1em; }
#blogcontainer #reply .submit { font: bold 1em/100% Arial, Helvetica, sans-serif; padding: 10px; width: 120px !important; border-style: none; background: #959085 !important; color: #514947; float: none; margin-bottom: 0px; }
#blogcontainer .comment { background-color: #006e95; border: 1px solid #1085af; padding: 10px; margin-bottom: 20px; }
#blogcontainer .comment p { color: #64d3fa; margin-bottom: 1em; }
#blogcontainer .comment .commentdetails { margin-bottom: 0; font-size: 1.1em; color: #34add8 }
#blogcontainer .comment .commentdetails a { color: #34add8 }
.navigation { width: 100%; }
.alignleft, .alignright { font-size: 1.1em; float: left; color: #64d3fa; }
.alignleft a, .alignright a { text-decoration: none!important; color: #64d3fa!important;  background-color: #006e95; border: 1px solid #1085af; padding: 5px; margin-bottom: 5px; }
.alignleft { margin-right: 10px; }
.disclaimer { color: #AAA698!important; font-size: 1.1em!important; }

/* Footer */
#footercontainer { width: 100%; clear: both; float: left; margin-top: 30px!important; }
#footer { width: 824px; margin: 0 auto; height: 10em; clear: both; }
#footer p { font-size: 1.1em; color: #d6edf0; line-height: 1.4em; }
#footer a { color: #d6edf0; font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #telephonenumber { float: right; display: block; width: 195px; height: 49px; background: url(../img/global/telephonenumber.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

/* Colors */
.lightyellow { color: #ffffe4!important; }
.lightblue { color: #d6edf0!important; }

/* Float Items */
.floatimgright { float: right; margin: 20px; }
.floatimgleft { float: left; margin: 20px; }
.floatimgrightborder { float: right; margin-left: 20px; margin-bottom: 10px; border: 4px solid #7b7573; }