/* Thornton Consultancy Stylesheet - General
----------------------------------------------- */
* {margin:0; padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a:link {color: #028fd2;text-decoration: underline; }
a:visited {color: #028fd2; }
a:focus, a:hover, a:active {color: #0f183e; }
h1 {
font: normal 1.2em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
text-align: right;
float: right;
margin: 74px 20px 0 0;
}
h1 span, h3 span {color: #028fd2}
h2 {
font: normal 2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
letter-spacing: -0.02em;
}
h3 {
font: bold 1.5em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
margin: 25px 10px 8px; 
}
h4 {
font: bold 1.4em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
margin: 20px 15px 5px;
}
h5 {
font: bold 1.8em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
margin: 0 10px 10px; 
}
h5 span { font: normal 0.8em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif;  }
h6 {
font: bold 1.4em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #028fd2;
margin: 20px 10px 5px; 
}
p {
font: normal 1.2em/1.4em "Lucida Grande", Arial, Helvetica, sans-serif;
margin: 0 10px 15px;
}
p span {
color: #028fd2;
font: bold 1.2em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
}


body {
font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 auto;
text-align: center;
background: #e2e2e7 url('images/back-common.gif') top left repeat-x;
color: #0f183e;
}
body#home {background: #e2e2e7 url('images/back-home.gif') top left repeat-x;}
#wrapper {
margin: 0 auto;
width: 820px;
text-align: left;
background: url('images/back.gif') 0 0 repeat-y;
}


body#home #nav div.home {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#home #nav div.home a, body#home #nav div.home a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#about #nav div.about {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#about #nav div.about a, body#about #nav div.about a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#clients #nav div.clients {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#clients #nav div.clients a, body#clients #nav div.clients a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#uk #nav div.uk {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#uk #nav div.uk a, body#uk #nav div.uk a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#sa #nav div.sa {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#sa #nav div.sa a, body#sa #nav div.sa a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#aus #nav div.aus {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#aus #nav div.aus a, body#aus #nav div.aus a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#vacancies #nav div.vacancies {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#vacancies #nav div.vacancies a, body#vacancies #nav div.vacancies a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }
body#contact #nav div.contact {background: #fff url('images/tc-nav-active.gif') top left no-repeat ; font-weight: bold;}
body#contact #nav div.contact a, body#contact #nav div.contact a:hover { float: left; color: #0f183e;background: url('images/tc-nav-active-border.gif') top right no-repeat; font-weight: bold; }





/* main navigation
----------------------------------------------- */
#nav-wrapper {
width: 820px;
height: 40px;
background: #0f183e url('images/tc-nav-bg.gif') top left no-repeat;
}
#nav {
width: 780px;
height: 39px;
margin: 0 auto;
}
#nav div {
display:block; 
float:left; 
height: 31px;
margin: 8px 5px 0 0;
color: #fff;
text-decoration: none; 
}
#nav div a {
display:block; 
float:left; 
font: normal 1.3em/2.4em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #fff;
text-decoration: none; 
padding: 0 15px;
height: 31px;
}
#nav div a:hover {color: #51c2f9; background: none;}
#nav div.active {
background: #fff url('images/tc-nav-active.gif') top left no-repeat ;
font-weight: bold;
}
#nav div.active a, #nav div.active a:hover { 
float: left;
color: #0f183e;
background: url('images/tc-nav-active-border.gif') top right no-repeat ;
font-weight: bold;
}



/* header containing logo
----------------------------------------------- */
#header-wrapper {
width: 820px;
background: #fff url('images/header-back.gif') top left repeat-y;
}
#header {
width: 800px;
height: 147px;
margin: 0 auto;
}
#header a {
margin: 28px 0 0 20px;
float: left;
font: normal 2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
color: #0f183e;
letter-spacing: -0.05em;
text-decoration: none;
}
#header a:hover {background: none;}





/* options (three choices on home page)
----------------------------------------------- */
#content-wrapper-home {
width: 820px;
float: left;
background: url('images/content-back-home.gif') top left no-repeat;
}
#content-wrapper {
width: 820px;
float: left;
background: url('images/content-back.gif') top left no-repeat;
}
ul#options {
width: 790px;
margin: 0 auto;
}
ul#options h2 {
margin: 0 15px;
padding: 12px 0 0 0;
height: 37px;
color: #fff;
}
ul#options li {
width: 263px;
float: left;
background: #fffefe url('images/option-back.gif') top left no-repeat;
}
ul#options li div {
width: 263px;
height: 300px;
float: left;
padding: 0 0 12px;
background: url('images/option-bottom.gif') bottom left no-repeat;
}
ul#options li div img, #sub-nav div img {font-size: 2em;}
ul#options li div p, #sub-nav div p  {
font: bold 1.3em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 25px 7px;
}
ul#options ol, #sub-nav ol {margin: 0 0 0 25px;}
ul#options ol li {
background: none;
font: normal 1.2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 0 4px 0 ;
width: 220px;
}
ul#options ol li ol, #sub-nav ol li ol, #stretch ol li ol {margin: 5px 0 8px 5px;}
ul#options ol li ol li, #sub-nav ol li ol li, #stretch ol li ol li {
font: normal 0.95em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin:  0 0 3px 0 ;
padding: 0 0 0 11px;
background: url('images/pointer.gif') 0px 4px no-repeat;
}



/* columns
----------------------------------------------- */
#columns {width: 778px; margin: 0 auto;}
#columns #left {width: 514px; float: left;}
#columns #right {width: 252px; float: right;}



/* left column elements
----------------------------------------------- */
#left h2 {
color: #fff;
margin: 16px 0 0 10px;
font: normal 1.5em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
}
#left h2 span {
color: #1da9ec; 
font: bold 1.4em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif; 
}
#left ul {margin: 0 25px 15px;}
#left ul li {
font: normal 1.2em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 0 6px;
background: url(images/tick.gif) 0px 3px no-repeat;
padding: 0 20px;
}
#left ul li.tickless {
background: none;
font-weight: bold;
padding: 5px 20px 0 0;
}
#left ol {margin: 0 25px 15px;}
#left ol li {
font: normal 1.2em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 0 10px;
background: url(images/dot.gif) 0px 5px no-repeat;
padding: 0 12px;
}
img.right {
float: right;
border-left: 1px solid #c3c4ce;
padding: 10px 0 10px 15px;
margin: 0 0 15px 15px;
}
#client {
width: 490px;
float: left;
}
#left #ruler {
border-bottom: 1px dotted #0f183e;
margin: 25px 10px;
width: 500px;
height: 1px;
font: normal 0.1em/0.1em "Lucida Grande", Arial, Helvetica, sans-serif; 
}
#ref {
display: block;
float: right;
text-align: center;
background: #e2e2e7;
padding: 5px 10px;
margin: 0 5px 5px 0;
}



/* round corner white box with contact us call to action at bottom of pages */
#container {
width: 514px;
float: left;
margin: 15px 0 0 0;
background: url('images/container-back.gif') top left no-repeat;
}
#container2 {
width: 514px;
float: left;
margin: 15px 0 0 0;
background: url('images/container2-back.gif') top left no-repeat;
}

#container div, #container2 div {
width: 514px;
padding: 0 0 3px 0;
float: left;
background: url('images/container-bottom.gif') bottom left no-repeat;
}
#container h3, #container2 h3 {margin: 15px 15px 10px;}
#container p, #container2 p {margin: 0 15px 12px;}
#container div #container-left,
#container div #container-right {
width: 257px; 
float: left;
background: none;
}
ol#vacancylist  {
margin: 10px;
}
ol#vacancylist li {
background: none;
font: normal 1.1em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
background: url('images/pointer.gif') 0px 4px no-repeat;
margin: 0 0 4px 0 ;
padding: 0 0 0 11px;
width: 500px;
}
ol#vacancylist li a { font-size: 1.1em; margin: 0 5px 0 0;}
p.backtotop {
padding: 0 10px 0 0;
text-align: right;
font-size: 1.1em;
background: url('images/pointer-top.gif') right 5px no-repeat;
}





/* right column elements
----------------------------------------------- */
#path {float: right; height: 49px;}
#path p {
color: #fff;
text-align: right;
font: normal 1.1em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 16px 20px 0;
}
#path p span {color: #51c2f9; }

/* sub nav on right hand side */
#sub-nav  {
width: 252px;
float: left;
background: #fffefe url('images/subtc-nav-bg.gif') top left no-repeat;
}
#sub-nav div {
width: 252px;
float: left;
padding: 0 0 12px;
background: url('images/subnav-bottom.gif') bottom left no-repeat;
}
#sub-nav ol li {
background: none;
font: normal 1.2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 0 4px 0 ;
width: 208px;
}

/* latest programmes dark blue box on right hand side */
#latest-vacancies {
width: 252px;
float: left;
margin: 15px 0 0 0;
background: #0f183e url('images/featured-box-bg.gif') top left no-repeat;
}
#latest-vacancies div {
width: 252px;
float: left;
padding-bottom: 12px;
background: url('images/featured-box-bottom.gif') bottom left no-repeat;
}
#latest-vacancies h3 {
color: #fff;
margin: 15px; 
}
#latest-vacancies a {color: #51c2f9;}
#latest-vacancies a:hover {color: #fff;}
#latest-vacancies p {
color: #fff;
font: normal 1.1em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 15px;
}
#latest-vacancies p strong {font-size: 1.1em;}
#latest-vacancies p img {margin: 4px 0 0 0;}
#latest-vacancies div#ruler {
background: none;
float: none;
border-bottom: 1px dotted #6f748b;
margin: 8px 0 8px 15px;
width: 222px;
padding-bottom: 0;
height: 1px;
font: normal 0.1em/0.1em "Lucida Grande", Arial, Helvetica, sans-serif; 
}

/* contact box on right hand side */
#contact-box {
width: 252px;
float: left;
margin: 15px 0 0 0;
background: url('images/enquire-box-bg.gif') top left no-repeat;
}
#contact-box div {
width: 252px;
float: left;
padding-bottom: 12px;
background: url('images/enquire-box-bottom.gif') bottom left no-repeat;
}
#contact-box h3 {margin: 15px; }
#contact-box p {
font: normal 1.2em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 15px 10px;
}

/* testimonials box on right hand side */
#testimonials {
width: 252px;
float: left;
background: url('images/enquire-box-bg.gif') top left no-repeat;
margin: 15px 0 0 0;
}
#testimonials div {
width: 252px;
float: left;
padding: 0 0 5px 0;
background: url('images/enquire-box-bottom.gif') bottom left no-repeat;
}
#testimonials h3 {margin: 12px 15px 8px; }
#testimonials p {
font: normal 1.1em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 15px 10px;
text-indent: 18px;
background: url(images/quote-top.gif) 0px 1px no-repeat;
}





/* stretch across full width (3 columns)
----------------------------------------------- */
#stretch {
width: 778px; 
margin: 0 auto; 
clear: both;
}
#stretch div {
width: 252px;
float: left; 
margin: 50px 10px 0 0; 
border-right: 1px dotted #c3c4ce;
}
#stretch div.wide {
width: 750px;
float: left; 
margin: 50px 10px 0 0; 
border-right: none;
}
body#sitemap #stretch div {margin-top: 10px; }
#stretch div.aus {border: none; margin-right: 0;}
#stretch div h3 {
padding: 3px 0 3px 0;
line-height: 1.1em;
margin: 0 10px 10px;
}
#stretch div h3 span {
font-weight: normal; 
color: #0f183e; 
font-size: 0.9em; 
}
#stretch div.uk h3 {background: url(images/h3-affiliate-marketing.gif) 190px 0px no-repeat;}
#stretch div.sa h3 {background: url(images/h3-creative-services.gif) 190px 0px no-repeat;}
#stretch div.aus h3 {background: url(images/h3-email-marketing.gif) 190px 0px no-repeat;}
#stretch div ol li {
font: normal 1.2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
margin: 0 0 5px 10px;
padding: 0 0 0 11px;
background: url('images/pointer.gif') 0px 4px no-repeat;
}
#stretch div ol {margin: 15px 0;}





/* contact form
----------------------------------------------- */
input, select, textarea {
border: 1px solid #b8b9c5;
background: #fff url(images/input-back.gif) top left repeat-x;
padding: 3px;
color: #016ea1;
font: normal 1em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
}
#left label {
float: left;
width: 125px;
margin-right: 15px;
text-align: right;
line-height: 2.1em;
}
#left input, #left textarea {
width: 300px;
margin: 0 0 6px 0;
}
#left input.send {
width: 46px;
height: 20px;
margin-left: 140px;
margin-top: 5px;
padding: 0;
border: 0;
background: transparent url(images/send.gif) no-repeat;
outline: none;
}	
#left input.send:hover { background: transparent url(images/send.gif) no-repeat 0 -20px;}





/* table
----------------------------------------------- */
table {
border-collapse: collapse;
width: 95%;
margin: 10px;
font: normal 1.2em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; 
border-left: 1px solid #c3c4ce;
}
th {
background: #17a0e2;
color: #fff;
font-weight: bold;
padding: 3px 10px;
text-align: left;
border-right: 1px solid #17a0e2;
border-bottom: 1px solid #17a0e2;
}
td {
padding: 6px 11px;
border-right: 1px solid #c3c4ce;
border-bottom: 1px solid #c3c4ce;
vertical-align: top;
}
tr.over td, tr:hover td {	background: #d8e9f4;}





/* footer
----------------------------------------------- */
#footer-wrapper {
width: 820px;
background: url('images/footer-back.gif') bottom left no-repeat;
}
#footer {
width: 800px;
margin: 0 auto;
padding: 0 0 25px 0;
text-align: center;
font: normal 1.1em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; 
}
#footer span { margin: 0 5px;}
#footer-ruler-container {
width: 800px;
float: left;
text-align: center;
}
#footer #ruler { 
height: 1px;
width: 776px;
border-top: 1px dotted #c3c4ce;
margin: 15px auto ;
}


#clearfooter {
margin: auto;
padding: 10px 0;
width: 800px;
clear: both;
}
#clearfooter p {
color: #bbb;
text-align: center;
font: normal 1em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif; 	
}