@charset "UTF-8";
/* CSS Document */

/* ******************** general CSS ********************  */
body {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	background: #d8d8dd;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	border: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #b4b4b4;
	overflow: auto;
}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
p {
	padding: 0px;
	margin: 0px;
}

/*  ******************** content holder CSS ********************  */
.ttm #wrapper {
	width: 998px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #666666;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.ttm #container {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.ttm #greenStrip {
	width: 998px;
	height: 6px;
	padding: 0px;
	margin: 0px;
	clear: both;
	position:relative;
	background-color: #99cc00;
}
.ttm #topStrip {
	width: 998px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	clear: both;
	position:relative;
	background-color: #ffffff;
}
.ttm #logoHolder {
	width: 227px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.ttm #globalNavHolder {
	width: 400px;
	height: 20px;
	margin: 0px;
	padding-top: 6px;
	padding-right: 6px;
	float: right;
	text-align: right;
}
.ttm #navHolder {
	width: 500px;
	height: 20px;
	margin: 0px;	
	padding-top: 6px;
	padding-right: 6px;
	float: right;
	text-align: right;
}
.ttm #headerImage {
	width: 998px;
	height: 316px;
	padding: 0px;
	margin: 0px;
	clear: both;
	position:relative;
	background-color: #ffffff;
}
.ttm #contentHolder {
	width: 998px;
	padding: 0px;
	margin: 0px;
	clear: both;
	position:relative;
}
.ttm #contentHeading {
	width: 998px;
	height: 32px;
	padding: 0px 0px 0px 6px;
	margin: 0px;
	clear: both;
}
.ttm #homepageCol1 {
	/*height:400px;*/
	width: 200px;
	padding: 0px;
	margin: 30px 15px 30px 30px;
	float: left;
	text-align: left;
	/*background-color:#099;*/
	position:inherit;
}
.ttm #homepageCol2 {
	/*height:400px;*/
	width: 388px;
	padding: 0px;
	margin: 30px 30px 30px 30px;
	float: right;
	text-align: left;
	/*background-color:#6C3;*/
	position:inherit;
	right: 305px;
}
.ttm #homepageCol3 {
	/*height:400px;*/
	width: 260px;
	padding: 0px;
	margin: 30px 30px 30px 15px;
	float: right;
	text-align: left;
	/*background-color:#C9C;*/
	position:absolute;
	left: 693px;
}
.ttm #contactCol1 {
	width: 304px;
	padding: 0px;
	margin: 20px 20px 20px 0px;
	float: left;
	text-align: left;
}
.ttm #contactCol2 {
	width: 404px;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	float: left;
	text-align: left;
}
.ttm #contactCol3 {
	width: 222px;
	padding: 0px;
	margin: 20px 0px 20px 20px;
	float: right;
	text-align: left;
}
.ttm #newsCol1 {
	width: 708px;
	padding: 0px;
	margin: 20px 20px 20px 0px;
	float: left;
	text-align: left;
}
.ttm #newsCol3 {
	width: 222px;
	padding: 0px;
	margin: 20px 0px 20px 20px;
	float: right;
	text-align: left;
}
.ttm #clientsCol1 {
	width: 286px;
	padding: 0px;
	margin: 30px 15px 30px 30px;
	float: left;
	text-align: left;
}
.ttm #clientsCol2 {
	width: 287px;
	padding: 0px;
	margin: 30px 0px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #clientsCol3 {
	width: 305px;
	padding: 0px;
	margin: 30px 30px 30px 30px;
	float: right;
	text-align: left;
}
.ttm #informationCol1 {
	width: 292px;
	padding: 0px;
	margin: 30px 15px 30px 30px;
	float: left;
	text-align: left;
}
.ttm #informationCol2 {
	width: 293px;
	padding: 0px;
	margin: 30px 15px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #informationCol3 {
	width: 292px;
	padding: 0px;
	margin: 30px 30px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #informationHeading {
	width: 938px;
	padding: 0px;
	margin: 30px 30px 0px 30px;
	float: left;
	text-align: left;
}
.ttm #infoCol1 {
	width: 292px;
	padding: 0px;
	margin: 0px 15px 30px 30px;
	float: left;
	text-align: left;
}
.ttm #infoCol2 {
	width: 293px;
	padding: 0px;
	margin: 0px 15px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #infoCol3 {
	width: 292px;
	padding: 0px;
	margin: 0px 30px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #infoCol4 {
	width: 313px;
	padding: 0px;
	margin: 30px 30px 15px 30px;
	float: left;
	text-align: left;
}
.ttm #glossaryTitleHolder {
	width: 600px;
	padding: 0px;
	margin: 30px 30px 15px 30px;
	float: left;
	text-align: left;
}
.ttm #servicesCol2 {
	width: 708px;
	padding: 0px;
	margin: 30px 30px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #moreServicesMainPageCol2 {
	width: 693px;
	padding: 0px;
	margin: 30px 0px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #moreServicesCol1 {
	width: 200px;
	padding: 0px;
	margin: 30px 15px 30px 30px;
	float: left;
	text-align: left;
}
.ttm #moreServicesCol2 {
	width: 475px;
	padding: 0px;
	margin: 30px 15px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #moreServicesCol3 {
	width: 200px;
	padding: 0px;
	margin: 30px 30px 30px 15px;
	float: left;
	text-align: left;
}
.ttm #newsCol1 {
	width: 300px;
	padding: 0px;
	margin: 30px 15px 30px 30px;
	float: left;
	text-align: left;
	/*background-color:#099;*/
}
.ttm #newsCol2 {
	width: 590px;
	padding: 0px;
	margin: 30px 30px 30px 15px;
	float: left;
	text-align: left;
}

/*  ******************** footer holder CSS ********************  */

.ttm #footerHolder {
	width: 968px;
	height: 40px;
	padding: 15px;
	margin: 0px;
	clear: both;
	position:relative;
	background-color: #454545;
}
.ttm #footerHomepageHolder {
	width: 968px;
	height: 100px;
	padding: 15px;
	margin: 0px;
	clear: both;
	position:relative;
	background-color: #454545;
}
.ttm #footerGlobal {
	width: 320px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	clear: left;
	}
.ttm #footerNav {
	width: 400px;
	height: 10px;
	padding-top: 8px;
	margin: 0px;
	float: left;
	text-align: left;
	clear: left;
}
.ttm #footerAddress {
	width: 410px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	float: right;
	text-align: right;
	clear: right;
}
.ttm #footerLink {
	width: 365px;
	height: 10px;
	padding: 0px;
	margin-top: 10px;
	float: right;
	text-align: right;
	clear: right;
}
.footerTwitterFeed {
	width: 900px;
	height: 50px;
	padding: 0px;
	margin-top: 10px;
	float: right;
	text-align: right;
	clear: right;
	/*position:relative;
	border:#696 1px solid;*/
}


/*  ******************** table CSS ********************  */
td {
	/*vertical-align: top;*/
	vertical-align: middle;
}

/*  ******************** other CSS ********************  */
.ttm #newsHolder {
	width: 260px;
	height: 124px;
	padding: 0px;
	margin: 0px 0px 60px 0px;
	position:relative;
	/*border:1px solid #454545;	
	background: url(../images/news-bg.jpg) repeat-x;
	background-color: #666666;*/
}
/***** NEW *****/
.ttm #newsHolderNew {
	width: 220px;
	height: 124px;
	padding: 20px;
	margin: 0px 0px 20px 0px;
	position:relative;
	background: url(../images/news-bg.jpg) repeat-x;
	/*border:1px solid #454545;		
	background-color: #666666;*/
}
/***** END NEW *****/
.ttm #clientsHolder {
	width: 260px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	position:relative;
	/*border:1px solid #454545;	
	background: url(../images/clients-bg.jpg) repeat-x;
	background-color: #666666;*/
}
/***** NEW *****/
.ttm #clientsHolderNew {
	width: 220px;
	height: 170px;
	padding: 20px;
	margin: 0px;
	position:relative;
	background: url(../images/clients-bg.jpg) repeat-x;
	/*border:1px solid #454545;		
	background-color: #666666;*/
}
/***** END NEW *****/
.ttm #testimonialsHolder {
	width: 260px;
	height: 254px;
	padding: 0px;
	margin: 0px;
	position:relative;
	/*background-color: #454545;
	background: url(../images/clients-bg.jpg) repeat-x;*/
}
.ttm #bigClientsHolder {
	width: 305px;
	height: 409px;
	padding: 0px;
	margin: 0px;
	position:relative;
	/*background-color: #454545;*/
	background: url(../images/bigClients-bg.jpg) repeat-x;
}
.newsImage {
	text-align: right;
	vertical-align: top;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	float: right;
}
.ttm #servicesNavHolder {
	background: #454545;
	width: 926px;
	height: 14px;
	padding: 6px;
	margin: 30px 30px 0px 30px;
	position:relative;
	clear: both;
}
.ttm #glossaryHolder {
	background: #454545;
	width: 926px;
	height: 20px;
	padding: 6px;
	margin: 15px 30px 15px 30px;
	position:relative;
	clear: both;
}
.ttm #glossaryHolderLeft {
	height: 20px;
	padding-top: 3px;
	padding-left: 3px;
	float: left;
}
.ttm #glossaryHolderRight {
	float: right;
}

.ttm #contactForm {
	width: 700px;
	/*background-color:#333333;
	background-image: url(../images/contact-back.jpg);*/
}
.ttm #contactLeft {
	width:350px;
	float:left;
	margin:0px;
	padding:0px;
}
.ttm #contactRight {
	width:350px;
	float:right;
	margin:0px;
	padding:0px;
}

.formTitle {
	font-weight:bold;
	font-size:15px;
	color:#ebebeb;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
	
}
.ttm #theFormLabels {
	float: left;
	width: 122px;
	padding-left: 20px;
	padding-top:2px;
	font-size:13px;
	line-height:18px;
}
.ttm #theForm {
	float: left;
	width: 500px;
}
.ttm #theForm input, #theForm textarea {
	background-color:#313131;
	border:2px solid #4e4e4e;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:264px;
}