/*
---------------------------------------------
 
File :       /css/style.css
Title :      TSquared General CSS File
Author :     Derek Smith, adamantean ltd.
URL :        http://www.adamantean.com
 
Created :    25/05/2009 DSAD
 
---------------------------------------------
*/
 
 
/* General */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #88A2B2;
  background: #01083A;
  margin: 0px;
  padding: 0px;
}

a {
  font-family: Arial, Helvetica, sans-serif;
  color: #151A49;
  text-decoration: underline
}

a:active,
a:visited,
a:hover {
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
}

h1 {
  color: #72C3FC;
  font-size: 38px;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  background-image: url('/images/square-red-2.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
  margin: 28px 0 0 20px;
}

h2 {
  color: #0061A6;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}

h3 {
  font-size: 12px;
  margin-bottom: 0px;
}

h4 {
  font-size: 12px;
  color: #CC1E37;
  margin-bottom: 0px;
}

p {
  margin: 10px 0;
}

.paddingleft1 {
  padding-left: 15px;
}

div#headerwrapper, div#menuwrapper, div#contentheaderwrapper, div#contentwrapper, div#footerwrapper {
  width: 100%;
  overflow: hidden;
  background-repeat: repeat-x;
  background-position: top;
}

div#header, div#menu, div#contentheader, div#content, div#footer {
  width: 900px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div#headerwrapper {
  background-color: #ffffff;
  background-image: url('/images/headerwrapperbg.gif');
  background-position: bottom;
}

div#header {
  height: 110px;
  overflow: hidden;
  background-image: url('/images/headerbg.gif');
}

div#logo {
  display: inline;
}

img#logo {
  margin: 23px 0 0 24px;
}

div#headermenu {
  float: right;
  display: inline;
  text-align: right;
  width: 400px;
  padding-top: 44px;
  padding-right: 15px;
}

div#headermenu ul li a {
  background-image: url("/images/square-red-1.gif");
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding-left: 10px;
  padding-right: 18px;
  text-decoration: none;
}

div#menuwrapper {
  height: 50px;
  background: #ffffff;
  background-image: url('/images/menuwrapperbg.gif');
  background-repeat: repeat-x;
}

div#menu {
  padding-left: 92px;
}

div#menu ul, div#headermenu ul {
  margin: 0;
  padding: 0;
}

div#menu ul {
  padding-top: 20px;
  padding-bottom: 16px;
}

div#menu a {
}

div#menu ul li, div#headermenu ul li {
  display: inline;
  list-style-type: none;
}

div#menu ul li a {
  font-size: 12px;
  color: #000868;
  padding-top: 20px;
  padding-bottom: 16px;
  background-image: url("/images/menuitembg.gif");
  background-repeat: no-repeat;
  text-transform: uppercase;
}

div#menu ul li a span {
  padding: 20px 30px 16px 18px;
}

div#menu ul a:hover, div#menu ul a:active, div#menu ul a.menuselected {
  background-image: url("/images/menuitemselectedbg.gif");
  background-repeat: no-repeat;
}

div#menu ul a:hover span, div#menu ul a:active span, div#menu ul a.menuselected span {
}

div#contentheaderwrapper {
  background: #01083A;
  background-image: url('/images/contentheaderwrapperbg.gif');
  background-repeat: repeat;
  background-position: center;
}

div#contentheaderbg {
  background-repeat: no-repeat;
  background-position: right;
}

div#contentheader {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top right;
}

div.contentheader1 {
  height: 250px;
}

div.contentheader2 {
  height: 150px;
}

div#contentheader p {
  width: 255px;
  float: left;
  font-size: 11px;
  color: #ffffff;
  padding-left: 60px;
  padding-right: 20px;
  line-height: 1.2em;
}

div#contentheader img {
  margin-left: 10px;
  margin-top: 12px;
  border: 3px solid #ffffff;
}

div.contentheader2 h1 {
  background: none;
  text-transform: none;
}

div.contentheader2 h1 span {
  font-size: 26px;
  text-transform: uppercase;
}

div#casestudiesheader {
  width: 239px;
  height: 50px;
  background: #ffffff;
  border: 1px solid #DCE1E2;
  margin-top: 10px;
}

div#casestudiesheader h2 {
  margin-left: 13px;
  margin-top: 10px;
  font-size: 18px;
}

div#contentwrapper {
  background: #DBE0E0;
  background-image: url('/images/contentwrapperbg.gif');
  background-repeat: repeat-x;
  padding-bottom: 49px;
}

div#content {
  font-size: 11px;
  color: #000432;
  background-repeat: no-repeat;
  padding: 0;
}

div.content1 {
  margin-top: 20px;
}

div.content2 {
}

div#content ul {
  margin: 0;
  padding: 0;
}

div#content ul li {
  list-style-type: none;
  background-image: url('/images/square-red-1.gif');
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 10px;
  margin-left: 22px;
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}

div#contentleft {
  float: left;
  width: 241px;
}

div#contentleftcontent1, div#contentleftcontent2, div#contentleftboxout {
  background: #ffffff;
}

div#contentleftcontent1, div#contentleftcontent2 {
  border: 1px solid #DCE1E2;
  padding: 0 20px 20px 20px;
}

div#contentleftcontent1 {
}

div#contentleftcontent2 {
  border-top: none;
}

div#contentleftboxout {
  margin-top: 11px;
  border: 1px solid #ffffff;
  padding-bottom: 30px;
}

div#contentleftboxout h2 {
  font-size: 18px;
  color: #ffffff;
  margin: 0;
  padding: 6px 11px;
}

div#contentleftboxout h3 {
  font-size: 25px;
  font-weight: normal;
  margin: 0;
  padding: 8px 0 4px 39px;
  margin-bottom: 160px;
}

div#contentleftboxout p {
  padding: 0 30px;
}

div#contentleftcontent2 ul li {
  font-size: 12px;
  margin: 0;
  padding: 5px 0;
  color: #CC1E37;
  background-image: url('/images/hr.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}

div#contentleftcontent2 ul li a {
  display: block;
  background-image: url('/images/square-red-3.gif');
  background-repeat: no-repeat;
  background-position: 2px 4px;
  color: #0061A6;
  padding-left: 15px;
  text-decoration: none;
}

div#contentleftcontent2 ul li a:hover, div#contentleftcontent2 ul li a.selected {
  background-image: url('/images/arrow-red-3.gif');
  background-position: 2px 1px;
}

div#contentmain {
  float: right;
  width: 659px;
}

div.content2 div#contentmain {
  margin-top: 20px;
}

div#contentmaincontent {
  background: #ffffff;
  border: 1px solid #DCE1E2;
  padding: 0 20px 20px 20px;
  margin-left: 9px;
}

div.box {
  width: 608px;
  height: 105px;
  overflow: hidden;
}

div.box1 {
  background-image: url("/images/box1bg.jpg");
}

div.box2 {
  background-image: url("/images/box2bg.jpg");
}

div.box3 {
  background-image: url("/images/box3bg.jpg");
}

div.box4 {
  background-image: url("/images/box4bg.jpg");
}

div.box p {
  padding: 41px 318px 16px 27px
}

img.casestudythumb {
  float: left;
  border: 2px solid #DCE1E2;
  margin: 0 10px 5px 0;
}

a.casestudytitle {
  font-size: 12px;
  font-weight: bold;
  color: #CC1E37;
}

div#prevnext {
  position: relative;
  left: 20px;
  padding-top: 5px;
  text-align: right;
}

div#prevnext a {
  color: #B20202;
  text-decoration: none;
}

div#prevnext a#prev {
  padding: 5px 15px 13px 38px;
  background-image: url("/images/buttons/previous-case-study.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

div#prevnext a#prev span {
  padding-left: 11px;
  background-image: url("/images/arrow-red-back.gif");
  background-repeat: no-repeat;
  background-position: left 4px;
}

div#prevnext a#next {
  padding: 5px 20px 13px 15px;
  background-image: url("/images/buttons/next-case-study.gif");
  background-repeat: no-repeat;
  background-position: top left;
}

div#prevnext a#next span {
  padding-right: 11px;
  background-image: url("/images/arrow-red.gif");
  background-repeat: no-repeat;
  background-position: right 4px;
}

div#casestudyimages {
  float: right;
  width: 280px;
  overflow: hidden;
  background: #DFE4E4;
  margin-top: 18px;
  padding-bottom: 10px;
}

div#casestudyimages img {
  border: 5px solid #ffffff;
  margin: 10px 0 0 10px;
}

div#casestudydetails {
  margin-right: 280px;
  padding: 0 20px;
}

div#casestudydetails ul li {
  margin: 0;
  padding: 7px 0;
  padding-left: 25px;
  background-image: url("/images/tick-red-1.gif");
  background-position: top-left;
}

div#casestudydetails ul li strong {
  font-size: 12px;
  color: #CC1E37;
}

strong.subtitle {
  font-size: 12px;
}

div.officeaddress {
  float: left;
  width: 200px;
  margin-top: 10px;
}

table.datatable {
  width: 100%;
}

table.datatable, table.datatable td, table.datatable th {
  border: 1px solid #000000;
  border-collapse: collapse;
}

table.datatable th {
  font-style: italic;
}

table.datatable td, table.datatable th {
  padding: 2px 4px;
}

span.button1, span.button2, span.button3, span.button4, span.button5 {
  padding: 5px 0 6px 0;
  background-repeat: no-repeat;
  background-position: left;
}

span.button1 a, span.button2 a, span.button3 a, span.button4 a, span.button5 a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 25px 6px 17px;
  background-repeat: no-repeat;
  background-position: right;
}

span.button4 a {
  padding: 5px 17px 6px 25px;
}

span.button1 a:hover, span.button2 a:hover, span.button3 a:hover, span.button4 a:hover, span.button5 a:hover {
  color: #9EBBD7;
}

span.button1 a:visited, span.button2 a:visited, span.button3 a:visited, span.button4 a:visited, span.button5 a:visited {
  color: #ffffff;
}

span.button1 {
  background-image: url("/images/button1left.gif");
}

span.button1 a {
  background-image: url("/images/button1right.gif");
}

span.button2 {
  background-image: url("/images/button2left.gif");
}

span.button2 a {
  background-image: url("/images/button2right.gif");
}

span.button3 {
  background-image: url("/images/button3left.gif");
}

span.button3 a {
  background-image: url("/images/button3right.gif");
}

span.button4 {
  background-image: url("/images/button4left.gif");
}

span.button4 a {
  background-image: url("/images/button4right.gif");
}

span.button5 {
  background-image: url("/images/button5left.gif");
}

span.button5 a {
  background-image: url("/images/button5right.gif");
}

div.padding1 {
  padding: 7px 20px 0 20px;
  margin: 0;
  overflow: hidden;
}

div.padding2 {
  padding: 0 10px 0 10px;
}

div.pageheading {
  background: #5A72B1;
  background-image: url("/images/pageheadingbgleft.gif");
  background-repeat: no-repeat;
  background-position: top left;
}

div.pageheading div {
  height: 35px;
  overflow: hidden;
  background-image: url("/images/pageheadingbgright.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

div.pageheading img {
  padding: 4px 0 0 15px;
}

div.boxheading {
  background-image: url("/images/boxheadingbgleft.gif");
}

div.boxheading div {
  background-image: url("/images/boxheadingbgright.gif");
}

div.boxheading img {
  padding-left: 8px;
}

div.tabletitle {
  height: 40px;
  overflow: hidden;
  clear: both;
  background: #5B73B2;
  background-image: url("/images/tabletitlebg.gif");
  background-repeat: no-repeat;
}

div.tabletitle h3 {
  color: #ffffff;
  margin: 0;
  padding: 12px 0 0 34px;
}

img.companylogo {
  margin-top: 16px;
}

div#frontbox2footer {
  height: 186px;
  background-image: url("/images/frontbox2footerbg.gif");
  background-repeat: repeat-x;
}

div#frontbox3 {
  float: left;
  clear: left;
  width: 330px;
  padding-top: 6px;
  background-image: url("/images/frontbox3bg.gif");
  background-repeat: repeat-x;
}

div#frontbox3content {
  padding-right: 10px;
  padding-left: 10px;
}

div#frontbox3content div.lineup {
  width: 310px;
}

div#innerbox {
  width: 670px;
  background: #BBEBFF;
  background-image: url("/images/innerboxbg.gif");
  background-repeat: repeat-x;
  overflow: hidden;
}

p.title {
  font-size: 14px;
  color: #ffffff;
}

div#innerboxbottom {
  height: 286px;
  background-image: url("/images/frontbox3bg.gif");
  background-repeat: repeat-x;
}

img.photo {
  border: 1px;
  margin: 10px;
}

img.photo2 {
  border: 5px solid #ffffff;;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.photo3 { 
  float: left;
  border: 2px solid #ffffff;;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.photo4 {
  float: left;
  border: 5px solid #ffffff;;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.images {
  float: left;
  width: 246px;
}

div#leftcolumn {
  float: left;
  display: inline;
  width: 255px;
  overflow: hidden;
}

div#rightcolumn {
  float: right;
  display: inline;
  width: 626px;
}

img {
  margin: 0px;
  padding: 0px;
}

div#contentfooter {
  background-image: url("/images/contentfooterbg.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 90px;
}

div.pagination {
  float: right;
  display: inline;
  width: 220px;
  margin-bottom: 10px;
}

div.pagination a,
div.pagination a:active,
div.pagination a:visited {
  text-decoration: none;
}

div.pagination a:hover {
  text-decoration: underline;
}

span.newstitle {
  font-weight: bold;
}

span.newsdate {
  font-size: 0.9em;
}

div.error {
  color: #ffffff;
  font-weight: bold;
  background: #f20000;
  padding: 5px;
  margin: 10px;
}

p.error a {
  color: #ffffff;
}

div.hr1 {
  clear: both;
  height: 2px;
  overflow: hidden;
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
}

hr {
  clear: both;
  height: 2px;
  border: none;
  border-top: 1px solid #E3E6EA;
  border-bottom: 1px solid #B9BBC9;
  margin-top: 10px;
  margin-bottom: 10px;
}

hr.hr1 {
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
}

a.linksize1 {
  font-size: 11px;
}

a.link1 {
  color: #FC1D1D;
  padding-right: 7px;
  background-image: url("/images/arrow-red.gif");
  background-repeat: no-repeat;
  background-position: right 4px;
  text-decoration: none;
}

a.link1 span {
  padding-left: 7px;
  background-image: url("/images/square-red-1.gif");
  background-repeat: no-repeat;
  background-position: left 5px;
}

a.link1:hover {
}

a.link2 {
  color: #FC1D1D;
  text-decoration: none;
}
 
a.link2 span {
  padding-right: 7px;
  background-image: url("/images/arrow-red.gif");
  background-repeat: no-repeat;
  background-position: right 4px;
}

a.link3 {
  padding-right: 16px;
  padding-bottom: 0;
  margin-right: 4px;
  margin-left: 8px;
  background-image: url('/images/arrow-white2.gif');
  background-repeat: no-repeat;
  background-position: right;
}

a.link3:hover {
}

a.link4 {
  display: block;
  padding-left: 18px;
  background-image: url('/images/arrow-blue.gif');
  background-repeat: no-repeat;
  background-position: left 0.2em;
}

form.quick {
  display: inline;
}

form br {
  clear: left;
}

form input, form select, form textarea {
  color: #151A49;
  margin-left: 10px;
  border: 1px solid #610A2D;
}

form.quick input, form.quick select {
  margin-left: 0;
}

form input.image {
  border: none;
}

div.formlabel {
  padding-top: 4px;
  float: left;
  width: 150px;
  text-align: right;
}

div.formlabel2 {
  width: 68px;
  text-align: left;
}

div.formdata {
  padding-top: 4px;
  float: left;
  margin-left: 10px;
}

div.cleardiv {
  float: none;
  clear: both;
  height: 0px;
  overflow: hidden;
}

div#footerwrapper {
  background-image: url('/images/footerwrapperbg.gif');
  background-repeat: repeat-x;
}

div#footer {
  font-size: 11px;
  text-align: center;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 100px;
}

div#footer a {
  font-size: 11px;
  color: #88A2B2;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#footermenu {
  padding-bottom: 4px;
}

div#footermenu a {
  font-size: 11px;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
}

div#adamantean {
}

div#copyright {
  padding-top: 10px;
}

div.clear {
  clear: both;
}

div.clear2 {
  width: 563px;
  height: 1px;
  overflow: hidden;
  clear: both;
  margin-left: 1px;
}

div.clearleft {
  clear: left;
}

div.clearright {
  clear: right;
}

div.spacer {
  font-size: 1px;
  height: 1px;
  overflow: hidden;
}

div.spacer1 {
  height: 10px;
}

div.spacer2 {
  height: 103px;
}

div.spacer3 {
  height: 3px;
}

div.spacer4 {
  margin-top: 12px;
  margin-bottom: 12px;
}

div.spacer5 {
  height: 18px;
}

a.backbutton {
  padding-left: 16px;
  background-image: url("/images/arrow-blue-back.gif");
  background-repeat: no-repeat;
  background-position: left 1px;
  text-decoration: none;
}

a.nextbutton {
  padding-right: 16px;
  background-image: url("/images/arrow-blue.gif");
  background-repeat: no-repeat;
  background-position: right 1px;
  text-decoration: none;
}

a:link.itemmenuitem,
a:visited.itemmenuitem,
a:active.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #45253D;
  text-decoration: none;
}
 
a:hover.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #45253D;
  text-decoration: underline;
}

.smalltext,
a:link.smalltext,
a:visited.smalltext,
a:hover.smalltext,
a:active.smalltext {
  font-size: 11px; 
}

a:link.menuitem,
a:visited.menuitem,
a:active.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #7A4E99;
  text-decoration: none;
}

a:hover.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #9E7CA9;
  text-decoration: none;
}

fieldset {
  font-size: 12px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid #B7C0D0;
}

label * {
  vertical-align: middle;
}

legend {
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #8E8E8E;
  background: #ffffff;
}

.checkbox,
.radio {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 0px;
  border-style: none;
  border-color: #8E8E8E;
}
 
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #8E8E8E;
}
 
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input.imagebutton {
  border: none;
}

input.formbutton {
  width: 21px;
  height: 18px;
  border: none;
  background: transparent;
  background-image: url('/images/buttons/formbutton.gif');
  background-repeat: no-repeat;
  cursor: pointer;
  cursor: hand;
}

input.formbutton2 {
  background-image: url('/images/buttons/formbutton2.gif');
}
 
.floatleft {
  display: inline;
  float: left;
}

.floatright {
  display: inline;
  float: right;
}

img.arrow1 {
  vertical-align: middle;
}

span.tsquared {
  background-image: url("/images/square-blue-1.gif");
  background-repeat: no-repeat;
  background-position: 0.7em;
  text-transform: uppercase;
}

span.tsquared1 {
  background-position: 0.55em;
}

span.tsquared2 {
  background-image: url("/images/square-blue-2.gif");
}

span.tsquared3 {
  background-image: url("/images/square-blue-3.gif");
}

span.tsquared4 {
  background-image: url("/images/square-white-1.gif");
}

span.tsquared5 {
  background-image: url("/images/square-white-2.gif");
}

span.tsquared6 {
  background-image: url("/images/square-red-1.gif");
  background-position: 0.55em;
}

span.tsquared7 {
  background-image: url("/images/square-red-1.gif");
  background-position: 0.55em;
}

a.link2 span.tsquared {
  background-image: url("/images/square-red-1.gif");
  background-repeat: no-repeat;
  background-position: 0.55em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.hr {
  height: 3px;
  margin: 2px 3px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background-image: url("/images/hr.gif");
  background-repeat: repeat-x;
  clear: both;
}

.highlight, a.highlight {
  color: #C1192F;
  font-weight: bold;
}

.highlight2, a.highlight2 {
  color: #6BC1FF;
  font-weight: normal;
}

.smallfont {
  font-size: 11px;
}

.alignright {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.earlybird {
  font-weight: bold;
}

.clear {
  clear: both;
}

.nomargin {
  margin: 0;
}