/* CSS - tagnum.co.uk */
* { padding: 0; margin: 0; } .separator{ clear: both; } .skipper{ display: none; } .none{ display: none; } .hide{ visibility: hidden; } .bold{ font-weight: bold; color: #2077CC; } .normal{ font-weight: normal; }
.floatLeft{ display: block; float: left; margin-right: 10px; margin-bottom: 2px; border: 1px solid #CCC; } .floatRight{ display: block; float: right; margin-left: 10px; margin-bottom: 2px; border: 1px solid #CCC; } html{ overflow: scroll; } .clear{ clear: both; height: 300px; }
strong{ font-weight: normal; } strong.str{ font-weight: bold; } a{color: #140AE2; text-decoration: none;} a:hover{color: #CE571E; text-decoration: underline;} p {line-height: 1.3em;} img, fieldset { border: 0; }
h1, h2, h3, h4, h5 {color: #2077CC; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;}
body{ background: #FFF url(../img/bg-body.jpg) top left repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 0.8125em; text-align: left; position: relative; }
body, div, p, th, td, li, dd { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small }
html>body, html>div, html>p, html>th, html>td, html>li, html>dd { font-size: small }
#bannerbg{ width: 100%; height: 217px; position: absolute; top: 82px; left: 0; background: #02225D url("../img/bannerbg.jpg") top left repeat-x; z-index: -9; }
#bannerbg2{ width: 100%; height: 217px; position: absolute; top: 84px; left: 0; background: #FFF top left repeat-x; z-index: -9; }
#wrapper{ width: 968px; margin: auto; position: relative; z-index: 9; }
#header{ width: 968px; background: #FFF url(../img/bg-header.jpg) top left repeat-x; height: 82px; margin: auto; position: relative; z-index: 9; }
#header div#london{ position: absolute; top: 56px; left: 200px; font-size: 10px; }
#header div#london h1{ font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; font-size: 11px; font-weight: normal; display: inline; color: #000; }
#header div#logo{ width: 160px; height: 80px; position: absolute; top: 2px; left: 13px; background: transparent url("../img/logo-tagnum.jpg") top left no-repeat; }
#header div#logo a{ display: block; width: 160px; height: 80px; }
#header div#contact{ position: absolute; top: 34px; left: 200px; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; }
#header div#contact p{ font-size: 12px; }
#header div#contact p span#telephone{ font-weight: bold; font-size: 14px; color: #2077CC; }
#header div#contact p a{ font-weight: bold; font-size: 14px; color: #2077CC; color: #2077CC; }
#header div#client_login{ width: 245px; font-weight: bold; position: absolute; top: 10px; right: 5px; right: 0; font-size: 12px; padding: 5px 10px 2px 10px; background: transparent url("../img/bg-client.jpg") top left repeat-x; border: 1px solid #CCC; border-bottom: 0; }
#header div#client_login p{ margin-bottom: 3px; }
#header div#client_login p.err{ margin-bottom: 3px; font-size: 11px; font-weight: normal; }
#header div#client_login p#title{ font-size: 11px; margin-bottom: 5px; }
#header div#client_login label{ font-size: 10px; width: 70px; display: block; float: left; font-weight: normal; }
#header div#client_login input.text{ width: 110px; border: 1px solid #AEB7BC; height: 16px; line-height: 20px; vertical-align: middle; }
#header div#client_login input.imgButton{ vertical-align: middle; }
div#banner{ background: transparent url("../img/banner.jpg") top left no-repeat; width: 968px; height: 210px; }
#main{ width: 968px; }
#sidebar{ width: 173px; padding-left: 10px; padding-right: 0px; float: left; padding-top: 10px; margin-bottom: 50px; overflow: hidden;}
#sidebar ul{ list-style: none; margin-bottom: 25px; width: 173px; }
#sidebar ul li{ display: block; margin-bottom: 5px; }
#sidebar ul li.section{ margin-bottom: 3px; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; color: #185B9E; border: 0; font-weight: bold; font-size: 13px; background: transparent url("../img/bg-nav-heading.jpg") top left no-repeat; height: 31px; line-height: 26px; vertical-align: middle; padding-left: 10px; }
#sidebar ul li a{ display: block; font-size: 12px; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; padding-left: 5px; padding-right: 5px; text-decoration: none; color: #666666; padding-left: 20px; background: transparent url("../img/bullet1.jpg") center left no-repeat; border-bottom: 1px solid #E0E0E0; }
#sidebar ul li a:hover{ color: #CE571E; background: transparent url("../img/bullet2.jpg") center left no-repeat; border-bottom: 1px solid #BBB; }
#sidebar ul li a.on{ color: #1D7ECF; background: transparent url("../img/bullet3.jpg") center left no-repeat; border-bottom: 1px solid #BBB; }
#content{ width: 765px; padding-top: 10px; padding-left: 20px; padding-bottom: 20px; float: left; }
#content h3{ height: 34px; line-height: 27px; vertical-align: middle; background: transparent url("../img/bg-heading.jpg") top left no-repeat; padding-left: 40px; width: 709px; color: #2077CC; font-size: 15px; margin-bottom: 3px; } #content p{ font-size: 11px; }
#content #recentwork{ margin-bottom: 15px; float: left; }
#content #recentwork div.work{ width: 238px; float: left; margin-right: 15px; }
#content #recentwork div.work p{ margin-bottom: 8px; }
#content #recentwork div.showcase{ width: 225px; height: 275px; border: 1px solid #CCC; margin-bottom: 10px; overflow: hidden; position: relative; }
#content #recentwork div.showcase img#work1{ width: 900px; height: 275px; position: absolute; top: 0; left: 0; }
#content #recentwork div.showcase_nav{ margin-bottom: 15px; }
#content #recentwork div.showcase_nav a{ padding: 3px 6px 3px 6px; color: #FFF; background-color: #516DA4; background-color: #7E99B6; }
#content #recentwork div.showcase_nav a:hover, #content #recentwork div.showcase_nav a.on{ background-color: #3C5168; text-decoration: none; }
#content #services, #content #services2{ float: left; clear: both; width: 765px; }
#content #services p, #content #services2 p{ margin-bottom: 13px; padding-right: 10px; }
#content #services ul, #content #services2 ul{ margin-left: 10px; padding-left: 5px; margin-bottom: 10px; margin-top: 3px; } #content #services ul ul{ margin-top: 10px; }
#content #services li, #content #services2 li{ font-size: 11px; margin-bottom: 5px; line-height: 1.3em; padding-left: 0; }
#content #services h4, #content #services2 h4{ font-size: 13px; margin-bottom: 3px; }
#content #services div.service, #content #services2 div.service{ width: 238px; float: left; margin-bottom: 10px; overflow: hidden; position: relative; margin-right: 15px; }
#content #services div.service img, #content #services2 div.service img{ border: 1px solid #aaa; display: block; margin-bottom: 8px; }
#content #services hr, #content #services2 r{ border: 0; border-bottom: 1px dotted #AAA; margin-bottom: 10px; }
#content #notfound{ float: left; clear: both; }
#content #notfound p{ margin-bottom: 13px; padding-right: 10px; }
#content #notfound ul{ margin-left: 5px; list-style: none; }
#content #notfound li{ font-size: 10px; margin-bottom: 5px; }
#content #notfound ul li.section{ margin-bottom: 3px; margin-top: 10px; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; border: 0; font-weight: bold; font-size: 12px; color: #2077CC; }
#content #notfound ul li a{ display: block; font-size: 11px; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif; padding-left: 15px; padding-right: 5px; text-decoration: none; color: #666666; padding-left: 20px; background: transparent url("../img/arrow.jpg") center left no-repeat; }
#content #notfound ul li a:hover{ color: #CE571E; background: transparent url("../img/arrow2.jpg") center left no-repeat; }
#content #notfound ul ul{ margin-top: 5px; margin-bottom: 10px; margin-left: 20px; }
#nsitemap{ margin-bottom: 10px; }
#contentbg{ background: #02225D url("../img/bg-content.jpg") top left repeat-x; height: 200px; width: 100%; position: absolute; left: 0; bottom: 100px; z-index: -9; }
#footer_wrapper{ background: #02225D url("../img/footerbg.jpg") top left repeat-x; }
#footer{ width: 968px; margin: auto; overflow: hidden; position: relative; padding-top: 15px; padding-bottom: 15px; }
span#copyright{ float: right; font-size: 10px; color: #CCC; padding-right: 10px; display: block; }
#footer ul#footer_links{ list-style: none; float: left; margin-bottom: 5px; }
#footer ul#footer_links li{ display: inline; } 
#footer ul#footer_links li span{ display: inline; color: #CCC; }
#footer ul#footer_links li a{ display: inline; font-size: 11px; color: #CCC; }
#footer ul#seo_links{ list-style: none; width: 800px; }
#footer ul#seo_links li{ display: inline; font-size: 10px; color: #888; }
#footer ul#seo_links li span{ font-size: 10px; color: #888; }
#footer ul#seo_links li a{ display: inline; font-size: 10px; color: #888; }
#host_column1{ width: 200px; float: left; }
#host_column1 img{ display: block; margin-bottom: 3px; border: 1px solid #CCC; }
#host_column2{ width: 500px; float: left; margin-left: 15px; }
#hosting_table{ width: 465px; border: 0; text-align: left; font-size: 11px; }
#hosting_table th{ font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #2C394E; padding-top: 5px; padding-bottom: 5px; }
#hosting_table td{ color: #6D7D97; font-weight: bold; padding: 2px; font-size: 11px; }
#hosting_table td.title{ border-top: 1px solid #bbb; padding-top: 10px; color: #3C4D60; }
#hosting_table td div{ color: #000; font-size: 11px; font-weight: normal; }
#hosting_table td div.price{ font-weight: bold; }
#hosting_table td div.yes{ background: transparent url('../img/tick.gif') center center no-repeat; height: 12px; }
#hosting_table td div.yes span{ display: none; }
.software_products{ width: 230px; text-align: left; float: left; padding: 5px; border: 1px solid #DDD; margin-right: 10px; margin-bottom: 10px; height: 320px; }
.software_products h4{ padding: 5px; padding-left: 10px; background-color: #1B89CB; color: #FFF; }
.software_products p{ padding: 3px; }
.software_products h4.h41{ background-color: #1B89CB; }
.software_products h4.h42{ background-color: #3661AF; }
.software_products h4.h43{ background-color: #1B89CB; }
.software_products h4.h44{ background-color: #3661AF; }
.software_products h4.h45{ background-color: #1B89CB; }
.software_products h4.h46{ background-color: #3661AF; }
.software_products h4.h47{ background-color: #1B89CB; }
.software_products h4.h48{ background-color: #3661AF; }
#content #services .software_products p.closer{ margin-bottom: 0; }
#content #services .qa{ margin-bottom: 20px; }
#content #services .qa .question{ color: #555; font-weight: bold; font-size: 11px; margin-bottom: 3px; padding: 0; }
.portfolio, .portfolio_overview{ margin-bottom: 18px; padding: 5px; padding-bottom: 1px; background-color: #000; background-color: #EEE; }
#content #services .portfolio h4, #content #services .portfolio_overview h4{ margin-bottom: 10px; padding: 2px; padding-left: 10px; background-color: #DDD; color: #222; }
.portfolio p, .portfolio_overview p{ text-align: center; }
#content #services .portfolio img{ margin-right: 15px; border: 1px solid #BBB; }
#content #services .portfolio_overview img{ margin-right: 15px; border: 1px solid #BBB; width: 160px; }
.coming_soon{ padding-left: 20px; }
.coming_soon div{ vertical-align: top; border: 1px solid #DDD; height: 150px; width: 220px; float: left; margin-right: 15px; background-color: #FFF; margin-bottom: 10px; }
.design_portfolio{ padding-left: 20px; }
.design_portfolio a, .design_portfolio span{ display: block; float: left; margin-right: 15px; height: 150px; width: 220px; background-color: #FFF; vertical-align: top; border: 1px solid #DDD; margin-bottom: 15px; }
.contact_column_1{ float: left; width: 330px; margin-right: 25px;}
#content #services .contact_column_1 h4{ margin-bottom: 8px; }
#content #services .contact_column_1 p.closer{ margin-bottom: 3px; }
.contact_column_1 img{ border: 1px solid #CCC; }
#content #services .contact_column_2 h4{ margin-bottom: 8px; }
.contact_column_2{ float: left; width: 360px; border-left: 1px dotted #CCC; padding-left: 25px; }
.contact_column_2 #checks{ margin-bottom: 10px; }
.contact_column_2 #checks div{ margin-bottom: 2px; font-size: 11px; }
#content #services .contact_column_2 p.closer{ margin-bottom: 5px; }
.contact_column_2 span.red{ color: red; }
.contact_column_2 textarea{ width: 300px; height: 80px; }
div#errorMsg{ background-color: #F7E0DD; padding: 5px 5px 10px 5px; border: 1px solid #C23058; margin: 10px; margin-left: 0; margin-bottom: 10px; width: 335px; }
#content #services div#errorMsg p{ margin: 0; padding: 0; margin-top: 5px; padding-left: 20px; }
#content #services div#errorMsg p.alert{ padding-left: 25px; min-height: 20px; line-height: 20px; background: url('../img/alert.gif') top left no-repeat; margin-bottom: 5px; }
div#successMsg{ background-color: #FFFFE6; padding: 10px; border: 1px solid #DEDA8F; margin: 10px; margin-bottom: 0; width: 250px; float: left; }
div#successMsg p{ margin: 0; padding: 0; margin-top: 5px; }
div#successMsg p.alert{ background: url('../img/msg.gif') top left no-repeat; padding-left: 26px; margin-bottom: 10px; }
div#successMsg a{ text-decoration: underline; color: #660000; }
div#successMsg a:hover{ text-decoration: none; color: #660000; }
#rank_report th, td{ padding: 3px 5px 3px 5px; border: 1px solid #CCC; }
#rank_report th{ background-color: #EEE; }