/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font:12px/13px Arial, sans-serif;
	line-height: 13pt;
} 
	
div, p, ul, h2, h3, h4, img{
	padding:0px 0px 0 0px;
	margin:0px 0 0 0;
	vertical-align: middle;
	border-left: #666666;
	border-right: #666666;
	border-top: #666666;
}
ul{list-style-type:none;}

#mainbody{width:800px; margin:0 auto; position:relative; padding:0px; border-left: #CCCCCC 1px solid} 

/*  TOP HEADER  */

#topheader{
	height:101px;
	width:810px;
	padding:0px;
	line-height: 1.5;
} 

#topheader img{
	height:93px;
	width:160px;
	position:absolute;
	top:5px;
	left:2px;
}

#topheader ul {
	width:501px;
	height:33px;
	position:absolute;
	top:51px;
	left:271px;
	background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/lines_m.jpg) 0 0 no-repeat;
}
#topheader ul li{float:left}

#topheader ul li.home{width:62px; height:17px; margin-right:22px}
#topheader ul li.home a{
	width:62px;
	height:17px;
	display:block;
	text-indent:-20000px;
	background-image: url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/truiontemplate/html/images/btn_home.jpg);
}
#topheader ul li.home a:hover{width:62px; height:17px; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_home_over.jpg) 0 0 no-repeat;}

#topheader ul li.about{width:83px; height:17px; margin-right:20px}
#topheader ul li.about a{width:83px; height:17px; display:block; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.about a:hover{width:83px; height:17px; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_about_over.jpg) 0 0 no-repeat;}

#topheader ul li.services{width:79px; height:17px; margin-right:22px}
#topheader ul li.services a{width:79px; height:17px; display:block; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_services.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.services a:hover{width:79px; height:17px; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_services_over.jpg) 0 0 no-repeat;}

#topheader ul li.support{width:79px; height:17px; margin-right:22px}
#topheader ul li.support a{width:79px; height:17px; display:block; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_support.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.support a:hover{width:79px; height:17px; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_support_over.jpg) 0 0 no-repeat;}

#topheader ul li.contacts{width:79px; height:17px;}
#topheader ul li.contacts a{width:79px; height:17px; display:block; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_contacts.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.contacts a:hover{width:79px; height:17px; background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/btn_contacts_over.jpg) 0 0 no-repeat;}

/* TOP BACK */

#topback{
	height:310px;
	width:815px;
	margin:10px 0 0 0px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#topback2{
	height:330px;
	width:770px;
	margin:10px 0 0 5px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back3.jpg);
	background-repeat: no-repeat;
}
#topback3{
	height:350px;
	width:810px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back4.jpg);
	background-repeat: no-repeat;
}

#topback4{
	height:350px;
	width:810px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back6.jpg);
	background-repeat: no-repeat;
	
}

#topback5{
	height:350px;
	width:810px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back5.jpg);
	background-repeat: no-repeat;
	
}

#topback6{
	height:350px;
	width:810px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
	background-image: url(images/main_back6.jpg);
	background-repeat: no-repeat;
}

#topback h2{
	width:181px;
	height:28px;
	text-indent:-20px;
	margin:5px 0 0 0px;
}
#topback p{
	width:435px;
	margin:15px 0 0 5px;
	font:12px/12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
}
#topback p span {
	font:12px/12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	text-transform:none;
}

#topback ul{width:170px; margin:14px 0 0 23px;}
#topback ul li a{
	display:block;
	width:160px;
	height:20px;
	font:10px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#6fe3f0;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 20px;
}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 

#topback ul.ask {
	width:200px;
	height:50px;
	position:absolute;
	top:154px;
	left:568px;
	background: none;
	margin:0
}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}

/*  BODY PAN */

#bodypan{
	width:810px;
	margin:0 0 0  5px;
	position:relative;
	padding:0px;
	height: 1500px;
}

#leftpan{
	width:475px;
	margin:10px 0px 0 0px;
	position:relative;
	padding:0px 0 0 0px;
	float:left;
	top: 0px;
}

#leftpan2{
	width:810px;
	margin:10px 0px 0 0px;
	position:relative;
	padding:0px 0 0 0px;
	float:left;
	top: 0px;
}
#leftpan3{
	width:475px;
	margin:10px 0px 0 0px;
	position:relative;
	padding:0px 0 0 0px;
	float:left;
	top: 0px;
}
#leftpan h2{
	width:475px;
	height:27px;
	text-indent:0px;
	margin:0 0 1px 0;
	border-bottom:#1c3743 1px solid;
	background-repeat: no-repeat;
	background-image: url(images/h_latestnews.jpg);
}
#leftpan h3{
	width:475px;
	height:27px;
	text-indent:0px;
	margin:0 0 1px 0;
	border-bottom:#1c3743 1px solid;
	background-image: url(images/truionexpertise.jpg);
	background-repeat: no-repeat;
}
#leftpan h4{
	width:475px;
	height:27px;
	text-indent:0px;
	margin:0 0 1px 0;
	border-bottom:#1c3743 1px solid;
	background-image: url(images/tailoredservices.jpg);
	background-repeat: no-repeat;
}
#leftpan ul{
	width:450px;
	margin:0 0 0 4px;
}
#leftpan ul li.arrow{
	height:30px;
	padding:0 0 0 15px;
	font:16px/14px Arial, Sans-serif;
	font-weight:bolder;
	color:B6C626;
	margin-top:14px;
	width: 375px;
	background-image: url(images/arrow2.jpg);
	background-repeat: no-repeat;
	background-position: middleleft;
}
#leftpan ul li{
	background:none;
	padding:10px 0 0 0px;
	font-size: 12px;
	width: 475px;
}
#leftpan ul li span {
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4aafdc;
}
#leftpan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

#middlepan{
	width:275px;
	margin:10px 0 0 10px;
	position:relative;
	padding:0 0 0 25px;
	float:right;
	border-left-color: #CCCCCC;
	border-left-style: double;
}
#middlepan h2{
	width:250px;
	height:27px;
	background-image url(file///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/h_featuredservices.jpg) 0 0 no-repeat;
	text-indent:-20000px;
	margin:0 0 16px 0;
	border-bottom:#1c3743 1px solid;
	background-image: url(images/h_featuredservices.jpg);
	background-repeat: no-repeat;
}
#middlepan2{
	width:230px;
	margin:18px 0 0 28px;
	position:relative;
	padding:0px;
	float:right;
}
#middlepan span{
	color:#369DCD;
	font-size: 14px;
	font-weight: bolder;
	background-image: url(images/h_featuredservices.jpg);
	background-repeat: no-repeat;
}
#middlepan ul li.arrow{
	background:url(file:///Macintosh%20HD/Users/niki/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Truion3/images/arrow2.jpg) 0 6px no-repeat;
	height:30px;
	padding:0 0 0 15px;
	font:16px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:B6C626;
	margin-top:14px;
	width: 230px;
}
#middlepan a{
	font:14px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:B6C626;
	text-decoration:none;
}
#middlepan a:hover{color:#4aafdc;}

#rightpan{
	width:475px;
	margin:0px 0 0 0px;
	position:relative;
	padding:.5px 0 0 0px;
	float:left;
	background-color: #FFFFFF;
}
#rightpan h2{
	width:475px;
	height:27px;
	margin:0 0 15px 0;
	border-bottom:#1c3743 1px solid;
	background-repeat: no-repeat;
	background-image: url(images/h_professionalteam.jpg);
}
#rightpan span{
	color:#4aafdc;
	font-weight: bold;
}
#rightpan #img01{
	min-height:50px;
	padding:0 0 0 115px;
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	background-repeat: no-repeat;
	background-image: url(images/homepageanalysis.jpg);
	background-position: 20px;
}
#rightpan #img02{
	min-height:76px;
	padding:0 0 0 115px;
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:12px;
	background-image: url(images/gears.jpg);
	background-repeat: no-repeat;
}
#rightpan #img03{
	min-height:50px;
	padding:0 0 0 5px;
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: 20px;
}
#rightpan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}

/*  FOOTER */

#footer{
	width:828px;
	height:89px;
	margin:15px 0 0 5px;
	position:absolute;
	padding:0px;
	background-color: #C8B7CE;
	left: -20px;
	top: 1813px;
}
#footer p{
	margin:20px 0 0 40px;
	font:10px/18px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:underline;}
#footer img {
	height:39px;
	width:142px;
	position:absolute;
	top:812px;
	left:609px;
}
.ion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

<style type="text/css">


.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 5px 10px; /*Padding within each menu item*/
	background-color: #bedeed; /*Default menu color*/
	border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
	background-color: #47334C; /*Highlight red color theme*/
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #47334C; /*Highlight red color theme*/
	color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

</style>
#topback .style29 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
<style type="text/css">


.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: bedeed; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #47334C; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #47334C; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #47334C; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #47334C; /*Highlight red color theme*/
color: white;
}

</style>
.style29 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: oblique;
	color: #B5D5FF;
}
#meetus {
	width:412px;
	height:68px;
	position:absolute;
	top:175px;
	right:15px;
	background: transparent url(images/meetteam.jpg) repeat-x 0 0;
	background-repeat: no-repeat;
}
#meetus span {display:none;}
}