﻿@charset "utf-8";
/* CSS Document */
/*#############################################################
Name: truoffice
Date: 03-10-2009
Description: truoffice mainstyle sheet
Author: chris dee of '5 thirds' for truoffice
URL: http://truoffice.net

All rights reserved.
#############################################################*/



/*Centred site trick*/
*{
	list-style: inside;
	margin: 0;
	padding: 0;
}
body{
   text-align:center; /*For IE6.0 Issues*/
}
/*Link Styles*/
a:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
a:active {
	color:#666;
	text-decoration:none;
}
/*unordered list Styles*/
ul.listinside {list-style-position:inside;
}
ul.listoutside {list-style-position:outside;
}
#wrapperlarge{
	width: 965px;
	height: 1380px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/backgroundlarge.png);
}
#wrappersmall{
       width:965px;
       height:754px;
       margin:0 auto;
       text-align:left;
       background-image: url(../images/backgroundsmall.png);
}
#navlink1 {
	position:absolute;
	margin-left:840px;
	margin-top:25px;
	width:100px;
	height:23px;
}
#navlink2 {
	position:absolute;
	margin-left:840px;
	margin-top:50px;
	width:100px;
	height:23px;
}
#navlink3 {
	position:absolute;
	margin-left:840px;
	margin-top:75px;
	width:100px;
	height:23px;
}
#navlink4 {
	position:absolute;
	margin-left:840px;
	margin-top:100px;
	width:100px;
	height:23px;
}
#navlink5 {
	position:absolute;
	margin-left:840px;
	margin-top:125px;
	width:100px;
	height:23px;
}
#navlink6 {
	position:absolute;
	margin-left:840px;
	margin-top:150px;
	width:100px;
	height:23px;
	
}
.navrollover1 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/homelink.png);
}
a.navrollover1:hover { background-position: -100px 0; 
}
.navrollover2 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/philosophylink.png);
}
a.navrollover2:hover { background-position: -100px 0; 
}
.navrollover3 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/solutionslink.png);
}
a.navrollover3:hover { background-position: -100px 0; 
}
.navrollover4 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/clientslink.png);
}
a.navrollover4:hover { background-position: -100px 0; 
}
.navrollover5 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/savingslink.png);
}
a.navrollover5:hover { background-position: -100px 0; 
}
.navrollover6 {
  display:block;
  height:23px; 
  width:100px;
  background-image: url(../images/contactlink.png);
}
a.navrollover6:hover { background-position: -100px 0; 
}
#trulogo {
	position:absolute;
	margin-left:20px;
	margin-top:66px;
	width:296px;
	height:114px;
	background-image: url(../images/truofficelogo.png);
}
#trufusionlogo {
	position:absolute;
	margin-left:20px;
	margin-top:56px;
	width:397px;
	height:160px;
	background-image: url(../images/trufusionlogo.png);
}
#splashimagerelax {
	position:absolute;
	margin-left:0px;
	margin-top:90px;
	width:715px;
	height:325px;
	background-image: url(../images/relax.png);
}
#splashimagephilosophy {
	position:absolute;
	margin-left:30px;
	margin-top:120px;
	width:653px;
	height:308px;
	background-image: url(../images/philosophy.png);
}
#splashimageclients {
	position:absolute;
	margin-left:15px;
	margin-top:160px;
	width:741px;
	height:285px;
	background-image: url(../images/clients.png);
}
#splashimagesavings {
	position:absolute;
	margin-left:0px;
	margin-top:180px;
	width:737px;
	height:238px;
	background-image: url(../images/savings.png);
}
#splashimagecontactus {
	position:absolute;
	margin-left:12px;
	margin-top:180px;
	width:750px;
	height:160px;
	background-image: url(../images/contactus.png);
}
#trufusionbackground {
	position:absolute;
	margin-left:5px;
	margin-top:210px;
	width:725px;
	height:827px;
	background-image: url(../images/trufusionbackground.png);
}
#partners {
	position:absolute;
	margin-left:780px;
	margin-top:258px;
	width:115px;
	height:165px;
	background-image: url(../images/partnerslogos.png);
}
#tabbutton1 {
	position: absolute;
	margin-left: 740px;
	margin-top: 439px;
	width: 200px;
	height: 86px;
	background-image: url(../images/tabbutton.png);
}
#tabbutton2 {
	position: absolute;
	margin-left: 740px;
	margin-top: 528px;
	width: 200px;
	height: 86px;
	background-image: url(../images/tabbutton.png);
}
.tabrollover {
  display:block;
  height:87px; 
  width:204px;
  background-image: url(../images/tabbutton.png);
}
a.tabrollover:hover { background-position: -200px 0; 
}
#tabbutton1text1 {
	position:absolute;
	margin-left:755px;
	margin-top:465px;
	width:200px;
	height:15px;
}
#tabbutton1text2 {
	position:absolute;
	margin-left:755px;
	margin-top:480px;
	width:200px;
	height:15px;
}
#tabbutton1text3 {
	position:absolute;
	margin-left:755px;
	margin-top:495px;
	width:200px;
	height:15px;
}
#tabbutton2text1 {
	position:absolute;
	margin-left:755px;
	margin-top:555px;
	width:200px;
	height:15px;
}
#tabbutton2text2 {
	position:absolute;
	margin-left:755px;
	margin-top:570px;
	width:200px;
	height:15px;
}
#tabbutton2text3 {
	position:absolute;
	margin-left:755px;
	margin-top:585px;
	width:200px;
	height:15px;
}
.tabbuttontext {
	font-size:15px;
	color:#ffffff;
	font-family:Helvetica;
}
#telephone {
	position:absolute;
	margin-left:740px;
	margin-top:628px;
	width:186px;
	height:20px;
	background-image: url(../images/telephone.png);
}
#email {
	position:absolute;
	margin-left:740px;
	margin-top:655px;
	width:182px;
	height:23px;
	background-image: url(../images/email.png);
}
#contentheading1 {
	position: absolute;
	margin-left: 20px;
	margin-top: 460px;
	width: 220px;
	height: 20px;
}
#contentheading2 {
	position: absolute;
	margin-left: 260px;
	margin-top: 460px;
	width: 220px;
	height: 20px;
}
#contentheading3 {
	position: absolute;
	margin-left: 500px;
	margin-top: 460px;
	width: 220px;
	height: 20px;
}
.contentheadingtext {
	font-size:16px;
	color:#d2404b;
	font-family:Helvetica;
	font-weight:bold;
}
.contentheadingtextnormal {
	font-size:16px;
	color:#d2404b;
	font-family:Helvetica;
}
#contentarea1 {
	position: absolute;
	margin-left: 15px;
	margin-top: 475px;
	width: 220px;
	height: 280px;
}
#contentarea2 {
	position: absolute;
	margin-left: 255px;
	margin-top: 475px;
	width: 220px;
	height: 280px;
}
#contentarea3 {
	position: absolute;
	margin-left: 495px;
	margin-top: 475px;
	width: 220px;
	height: 280px;
}
.contentareatext {
	font-size: smaller;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	list-style-position: inside;
}
.contentareatextbold {
	font-size:14px;
	color:#000000;
	font-family:Helvetica;
	font-weight:bold;
}
#trufusioncontentheading1 {
	position:absolute;
	margin-left:240px;
	margin-top:290px;
	width:340px;
	height:20px;
}
#trufusioncontentheading2 {
	position:absolute;
	margin-left:240px;
	margin-top:490px;
	width:340px;
	height:20px;
}
#trufusioncontentheading3 {
	position:absolute;
	margin-left:240px;
	margin-top:690px;
	width:380px;
	height:20px;
}
#trufusioncontentheading4 {
	position:absolute;
	margin-left:240px;
	margin-top:890px;
	width:340px;
	height:20px;
}
.trufusioncontentheadingtext {
	font-size:20px;
	color:#145d94;
	font-family:Helvetica;
	font-weight:bold;
}
#trufusioncontentarea1 {
	position:absolute;
	margin-left:240px;
	margin-top:320px;
	width:400px;
	height:120px;
}
#trufusioncontentarea2 {
	position:absolute;
	margin-left:240px;
	margin-top:520px;
	width:400px;
	height:120px;
}
#trufusioncontentarea3 {
	position:absolute;
	margin-left:240px;
	margin-top:720px;
	width:400px;
	height:120px;
}
#trufusioncontentarea4 {
	position:absolute;
	margin-left:240px;
	margin-top:920px;
	width:400px;
	height:120px;
}
.trufusioncontentareatext {
	font-size: 16px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#savingscasecontentheading1 {
	position:absolute;
	margin-left:25px;
	margin-top:440px;
	width:600px;
	height:20px;
}
.savingscasecontentheadingtext {
	font-size:20px;
	color:#d2404b;
	font-family:Helvetica;
	font-weight:bold;
}
#savingscasecontentarea1 {
	position:absolute;
	margin-left:25px;
	margin-top:475px;
	width:680px;
	height:800px;
}
#contactuscontentarea1 {
	position: absolute;
	margin-left: 25px;
	margin-top: 380px;
	width: 680px;
	height: 650px;
}
#contactusright1 {
	position: absolute;
	margin-left: 735px;
	margin-top: 450px;
	width: 208px;
	height: 120px;
}
#contactusright2 {
	position: absolute;
	margin-left: 735px;
	margin-top: 590px;
	width: 208px;
	height: 80px;
}
.contactusrighttext {
	font-size:12px;
	color:#000000;
	font-family:Helvetica;
}
.contactusrighttextbold {
	font-size:12px;
	color:#000000;
	font-family:Helvetica;
	font-weight:bold;
}
#contactusmap {
	position: absolute;
	margin-left: 735px;
	margin-top: 680px;
	width: 210px;
	height: 210px;
	background-image: url(../images/trumap.png);
}
#privacypolicyheading {
	position:absolute;
	margin-left:25px;
	margin-top:220px;
	width:220px;
	height:22px;
}
.privacypolicyheadingtext {
	font-size:22px;
	color:#000000;
	font-family:Helvetica;
}
#privacycontentarea {
	position: absolute;
	margin-left: 25px;
	margin-top: 250px;
	width: 695px;
	height: 800px;
}
#sitemapcontentarea {
	position:absolute;
	margin-left:5px;
	margin-top:250px;
	width:695px;
	height:1050px;
}
.privacyareatext {
	font-size: 9px;
	color: #000000;
	font-family: Helvetica;
}
.privacyareatextbold {
	font-size: 9px;
	color: #000000;
	font-family: Helvetica;
	font-weight: bold;
}
#contentdividersmall1 {
	position: absolute;
	margin-left: 246px;
	margin-top: 450px;
	width: 8px;
	height: 240px;
	background-image: url(../images/contentdivider.png);
}
#contentdividersmall2 {
	position: absolute;
	margin-left: 486px;
	margin-top: 450px;
	width: 8px;
	height: 240px;
	background-image: url(../images/contentdivider.png);
}
#contentdividerlarge1 {
	position: absolute;
	margin-left: 246px;
	margin-top: 440px;
	width: 8px;
	height: 570px;
	background-image: url(../images/contentdivider.png);
}
#contentdividerlarge2 {
	position: absolute;
	margin-left: 486px;
	margin-top: 440px;
	width: 8px;
	height: 570px;
	background-image: url(../images/contentdivider.png);
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight {
	float: right;
	margin: 10px;
}
.contactareatext {
	font-size:14px;
	color:#666666;
	font-family:Helvetica;
	padding-left:5px;
	padding-right:5px;
}
#footerlinkssmall {
	position: absolute;
	margin-left: 15px;
	margin-top: 715px;
	width: 300px;
	height: 20px;
}
#footerlinkslarge {
	position: absolute;
	margin-left: 15px;
	margin-top: 1345px;
	width: 300px;
	height: 20px;
}
.footerlinkstext {
	font-size:11px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#footercopysmall {
	position: absolute;
	margin-left: 670px;
	margin-top: 715px;
	width: 280px;
	height: 20px;
	font-weight: bold;
}
#footercopyxtended {
	position: absolute;
	margin-left: 670px;
	margin-top: 1055px;
	width: 280px;
	height: 20px;
	font-weight: bold;
}

.footercopytext {
	font-size:11px;
	color:#666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*Contact us form Styles*/
.contactform {width:650px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}

input.emailrollover{
background: url(../images/emailbutton.png) no-repeat  left 0px;
border:  none;
height: 38px;
width: 145px;
cursor: pointer;
overflow: hidden;
padding-top : 38px;
margin-bottom: 10px;
margin-top: 5px;

}

input:hover.emailrollover {
background: url(../images/emailbutton.png) no-repeat bottom -145px;

}
/*Site Map Styles*/
#sitemap {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-top:10px;
	margin-left:50px;
}

#sitemap li {
	list-style-type:none;
}

ul#sitemap > li {
	margin-bottom:10px;
}

#sitemap ul li {
	list-style-image:   url(../images/l2normal.gif);
}

#sitemap ul ul li {
	list-style-image:   url(../images/l3normal.gif);
}

#sitemap ul li.firstfollow {
	list-style-image:   url(../images/l2firstfollow.gif);
}

#sitemap ul li.last {
	list-style-image:   url(../images/l2lastitem.gif);
}

#sitemap ul ul li.firstfollow {
	list-style-image:   url(../images/l3firstfollow.gif);
}

#sitemap ul ul li.last {
	list-style-image:   url(../images/l3lastitem.gif);
}


#wrapperHome {
	padding: 0px;
	width: 970px;
	height: 930px;
	margin: 0 auto;
	text-align: left;
	background-image: url('../images/backgroundhome.png');
}
#footerlinkssmallHome {
	position: absolute;
	margin-left: 15px;
	margin-top: 890px;
	width: 300px;
	height: 20px;
}
#footercopysmallHome {
	position: absolute;
	margin-left: 690px;
	margin-top: 890px;
	width: 250px;
	height: 20px;
}


#contentareaHome {
	position: absolute;
	margin-left: 15px;
	margin-top: 720px;
	width: 690px;
	height: 150px;
}
#contentheadingHome {
	position: absolute;
	margin-left: 20px;
	margin-top: 430px;
	width: 700px;
	height: 20px;
}
#contenheadingHome2 {
	position: absolute;
	margin-left: 20px;
	margin-top: 675px;
	width: 260px;
	height: 20px;
}
.contentheadingtextMain {
	font-size: 16px;
	color: #000000;
	font-family: Helvetica;
	font-weight: bold;
}
H1 {
	font-size: 16px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 0px;
}
#wrapperxtended {
	width: 965px;
	height: 1095px;
	margin: 0 auto;
	text-align: left;
	background-image: url('../images/backgroundxtended.png');
}
#footerlinksxtended {
	position: absolute;
	margin-left: 15px;
	margin-top: 1055px;
	width: 300px;
	height: 20px;
}
#footercopylarge {
	position: absolute;
	margin-left: 670px;
	margin-top: 1345px;
	width: 280px;
	height: 20px;
	font-weight: bold;
}

