/*---------------------------------------  The Tin Limited Ground Floor 24 - 28 Hatton Wall London EC1N 8JH    Telephone:+44 (0)20 7430 7935 Fax:+44 (0)20 7430 7936 Email. info@thetin.net website:http://www.thetin.net    All work copyright 2006 The Tin Limited unless otherwise stated    Description: The Tin Ltd: London based Digital design consultancy Version: June 2007 Design & Development: The Tin Ltd ------------------------------------------*//*GLOBAL SETTINGS*/ * html {    margin: 0px;    padding: 0px;}body {    background-color: #fff;    color: #535D64;    margin: 0px;    padding: 0px;    text-align: center;    font: 75% / 140% Georgia, Arial, Helvetica, Tahoma, Verdana, sans-serif;}h1, h2, h3, h4, h5, ul, li, img, p, fieldset, a, legend, table, td, td, pre, blockquote, ul, ol, dl, address, form {    margin: 0px;    padding: 0px;    border: 0px;    outline: none;}h2 {    font-size: 1.3em;    color: #FF9933;    margin: 0px 0px 5px 0px;    padding: 0px;}h3 {    color: #999999;    font-size: 100%;    font-weight: normal;    line-height: 150%;}h5 {    color: #FF9933;    font-size: 100%;    font-weight: normal;    line-height: 150%;}ul, li {    list-style: none;}a {    color: #FF6600;    text-decoration: none;}/*Somehow IE as per usual doesn't render my background image for horizontal rule otherwise HR so had to find a way around this, for the sake of all medias*/  .hr {    background: #fff url('img/divider.gif') repeat-x;    height: 1px;    margin: 0px;    padding: 0px;    clear: both;} .hr hr {    display: none;    margin: 0px;    padding: 0px;} .clearFix {    clear: both;    margin: 0px;    padding: 0px;    height: 0px;} .centered, p.centered {    text-align: center;} .right {    text-align: right;}img {    border: 0;}/*------------------ LAYOUT -------------------*/  #wrap {    width: 725px;    margin: 0px auto;    padding: 0px;    position: relative;    text-align: left;} #topBand {    width: 725px;    height: 54px;    margin-top: 46px;    padding: 0px;    float: left;    position: relative;}/*-header-----------------------------*/ #header {    background: #fff url('img/logo.gif') no-repeat;    height: 40px;    width: 109px;    position: relative;    float: right;    margin: 0px;    padding: 0px;} #header h1{        height: 40px;    width: 109px;    position:relative;    float:left;    margin: 0px;    padding: 0px;        display: block;}#header h1 a{  width:100%;  height:100%;  position:relative;  float:left;  overflow:hidden;  text-indent:-999em;}/*-top navigation menu---------------------  CSS Sprites: Image Slicing’s Kiss of Death  ------------------------------------------*/ul#nav {    background: #fff url('img/navGeorgia.gif') no-repeat top left;    width: 604px;    height: 19px;    display: inline;    margin-top: 22px;    padding: 0px;    float: left;    position: relative;} #nav li {    margin: 0;    padding: 0;    list-style: none;    position: absolute;    top: 0;    text-indent: -9999px;} #nav a {    height: 19px;    display: block;}li#home {    top: 0px;    left: 0px;    width: 51px;    height: 19px;}li#work {    top: 0px;    left: 51px;    width: 74px;    height: 19px;}li#wawedo {    top: 0px;    left: 125px;    width: 88px;    height: 19px;}li#blog {    top: 0px;    left: 213px;    width: 75px;    height: 19px;}li#team {    top: 0px;    left: 288px;    width: 75px;    height: 19px;}/*li#partners {top:0px; left: 353px; width:94px; height:19px;}*/li#tinads {    top: 0px;    left: 363px;    width: 57px;    height: 19px;}li#tinnovation {    top: 0px;    left: 420px;    width: 94px;    height: 19px;}li#contact {    top: 0px;    left: 514px;    width: 94px;    height: 19px;}li#home a:hover {    background: transparent url('img/navGeorgia.gif') 0 -19px no-repeat;}li#work a:hover {    background: transparent url('img/navGeorgia.gif') -51px -19px no-repeat;}li#wawedo a:hover {    background: transparent url('img/navGeorgia.gif') -125px -19px no-repeat;}li#blog a:hover {    background: transparent url('img/navGeorgia.gif') -213px -19px no-repeat;}li#team a:hover {    background: transparent url('img/navGeorgia.gif') -288px -19px no-repeat;}/*li#partners a:hover {background: transparent url('img/navGeorgia.gif') -353px -19px no-repeat;}*/li#tinads a:hover {    background: transparent url('img/navGeorgia.gif') -363px -19px no-repeat;}li#tinnovation a:hover {    background: transparent url('img/navGeorgia.gif') -420px -19px no-repeat;}li#contact a:hover {    background: transparent url('img/navGeorgia.gif') -514px -19px no-repeat;}li#home .active {    background: transparent url('img/navGeorgia.gif') 0 -19px no-repeat;}li#work .active {    background: transparent url('img/navGeorgia.gif') -51px -19px no-repeat;}li#wawedo .active {    background: transparent url('img/navGeorgia.gif') -125px -19px no-repeat;}li#blog .active {    background: transparent url('img/navGeorgia.gif') -213px -19px no-repeat;}li#team .active {    background: transparent url('img/navGeorgia.gif') -288px -19px no-repeat;}/*li#partners .active {background: transparent url('img/navGeorgia.gif') -353px -19px no-repeat;}*/li#tinads a:hover {    background: transparent url('img/navGeorgia.gif') -363px -19px no-repeat;}li#tinnovation a:hover {    background: transparent url('img/navGeorgia.gif') -420px -19px no-repeat;}li#contact .active {    background: transparent url('img/navGeorgia.gif') -514px -19px no-repeat;}/*newNavTest ---------------------------*/ul#newNav {    width: 580px;    height: 19px;    display: inline;    margin-top: 22px;    padding: 0px;    float: left;    position: relative;} #newNav li {    margin: 0;    padding: 0px 0px 0px 0px;    list-style: none;    float: left;    font-family: Arial;    font-weight: bolder;    color: #666;    font-size: 1.14em;    letter-spacing: -0.01em;} #newNav a.selected {    padding: 2px 6px 0px 6px;    background-color: #ff6600;    color: #fff;} #newNav a {    padding: 2px 6px 0px 6px;    height: 19px;    display: block;    color: #999;} #newNav a:hover {    padding: 2px 6px 0px 6px;    background-color: #ff6600;    color: #fff;}/*banner--------------------------------*/ #banner {    width: 724px;    height: 250px;    position: relative;    float: left;    margin: 0px;    padding: 0px;    border: none;} #waterMarker {    background: #fff url('img/floatMarker.gif') no-repeat;    top: 0px;    left: 0px;    margin: 0px;    padding: 0px;    width: 16px;    height: 78px;    position: absolute;    z-index: 1;} #container {    width: 468px;    min-height: 466px;    height: auto !important;    height: 466px;    margin: 0px;    padding: 15px 0 0 24px;    position: relative;    float: right;} #container h2 {    color: #FF9933;    margin: 0px 0px 5px 0px;    padding: 0px;} #desCol {    position: absolute;    clear: left;    top: 266px;    left: 25px;    margin: 0px 0px 0px 0px;    padding: 13px 20px 10px 15px;    background: /*#BDBDBE*/ #EDEEEF url('img/desColBg1.gif') no-repeat bottom left;    width: 172px;    /*height:385px;*/    text-align: left;} .noBg {    background-color: #EDEEEF;    background-image: none;    width: 172px;    /*height:385px;*/    top: 266px;    left: 25px;    margin: 0px 0px 0px 0px;    padding: 13px 20px 10px 15px;    position: absolute;    text-align: left;} #desCol p {    padding: 0 0 10px 0px;    margin: 0px 0 10px 0px;    font-size: 0.99em;    line-height: 140%;} #desCol ul {    margin: 0 0 10px 0;    padding: 0px;    color: #FF6600;    list-style-type: square;    font-size: 95%;} #desCol ul li {    margin: 0px 0px 0px 15px;    padding: 0px;    list-style-type: square;} #desCol form {} #desCol input {    border: 1px solid #D4D0C8;    background: #fff;    padding: 0px;    margin: 6px 0px;} #leftCol {    width: 227px;    margin: 0px;    padding: 0px;    float: left;    position: relative;} #rightCol {    width: 227px;    margin: 0px;    padding: 0px;    float: right;    position: relative;} #rightCol h2 {    margin-bottom: 15px;} #rightCol h3 {    color: #999;    font-size: 100%;    font-weight: normal;    line-height: 150%;} #rightCol img {    padding: 0px;    margin: 10px 0px 0px 0px;    border: none;} #footer {    background: url('img/footerBg.gif') no-repeat top left;    position: relative;    width: 735px;    font-size: .80em;    margin: 0px 0px 20px 0px;    padding: 17px 0 0 0px;    clear: right;} #footer p {    float: left;    padding: 0px;    margin: 0px;}ul#footNav {    float: right;    padding: 0px;    margin: 0px;}ul#footNav li {    display: none;    padding: 0px;    margin: 0px 0 0 0px;}/*WORDPRESS THEMING-------------------------------*/ .entryPost {    width: 468px;    background: #fff url('img/divider.gif') repeat-x bottom left;    padding-bottom: 10px;    margin-bottom: 10px;    position: relative;    float: left;} .entryTitle {} .entryMeta {    margin-top: 10px;    font-weight: bold;    position: relative;    float: left;    text-align: left;} .entryBody {    margin: 5px 0px 0px 0px;    padding: 0px;    position: relative;    float: left;    text-align: left;    color: #535D64;} .entryBody p {    position: relative;    padding: 0px;    margin: 0 0 5px 0;    text-align: left;} .entryBody a img {    width: 468px;    position: relative;    float: left;    padding: 0px;    margin: 0px;} .entryDate {    color: #999;} .entry {}form#commentform {    width: 400px;}form#commentform input {    width: 212px;    background-color: #FFF;    border: 1px solid #FF9933;    height: 25px;    padding: 0px;    margin-bottom: 10px;}form#commentform textarea {    width: 212px;    background-color: #FFF;    border: 1px solid #FF9933;    padding: 0px;    margin-bottom: 10px;}form#commentform input.subBtn {    width: 106px;    height: 25px;    padding: 0px;    margin-bottom: 10px;    background-color: #FF9933;    position: relative;    float: left;    border: none;    font-weight: bold;}ol.commentlist li {    margin: 10px 0px;}/*team profiles-------------------------*/ .caseProfile, .profile {    float: left;    position: relative;    text-align: left;    padding: 10px 0 0px 0px;    margin: 0 0 20px 0px;    color: #999;    font-size: 99%;    line-height: 140%;} .profileImg {    float: right;    position: relative;    padding: 0px;    margin: 0px;} .profileDet {    margin: 0px;    padding: 0px;    float: left;    width: 218px;} .profileDet p {    margin-bottom: 10px;    padding: 0px;} .nameProfile, .jobTitle {    color: #FF9933;    margin: 0px 0px;    padding: 0px;} .profile + .hr {    margin: 20px 0 0 0px;    padding: 0px 0 0 0px;    border: 1px solid red;}/*contact us-------------------------*/ #contactDet {    width: 219px;    float: left;    position: relative;    margin: 0px;    padding: 0 23px 0 0px;} #contactDet h3 {    margin: 20px 0 0px 0;    padding: 0px;} #explorer {    width: 224px;    float: right;    position: relative;    margin: 0px;    padding: 0px;} #explorer h2 {    margin-bottom: 18px;} #explorer img {    float: right;    position: relative;    margin-top: 50px;    padding: 0px;} #history {    margin: 30px 0px;    padding: 0px 0px;} #history .hr {    margin: 30px 0px;    padding: 0px;} #history h3 {    padding: 0px;    margin: 20px 0 0 0px;}select {    width: 175px;    height: 20px;    padding: 0px;    margin: 14px 0 0 0px;    color: #666;}/*case study detailed-------------------------*/ #caseStudyDet h5 {    margin: 20px 0 5px 0px;    padding: 0px;} #caseStudyDet .hr {    margin: 20px 0 0 0px;    padding: 0px;} #testimonials {    margin: 30px 0px;    padding: 30px 0px;} #quoting {    width: 200px;    margin: 0 0 0 15px;    padding: 0 0 0 15px;    float: left;    position: relative;} #quoting blockquote {    font-size: 1.3em;    font-weight: bold;    color: #FF9933;    margin: 0px 0px 5px 0px;    padding: 0px;} #quoting p {    font-size: 0.95em;    line-height: 140%;    padding: 0 0 10px 0px;    margin: 0px 0 10px 0px;}/*MISCELLENOUS*/img#loading {    border: none;    padding: 0px;    margin: 5px 0 0 5px;    width: 16px;    height: 16px;    position: relative;    float: left;}