* {padding:0;margin:0;}
body{background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;text-align:center;}

.topBlack{width:100%;height:5px;margin-top:0;background-color:#000000;}

.websiteContainer{margin:auto;width:865px;}
/*go to Bradning seciton at the top of the web documnt*/
.websiteContainer .brandingAndNavigation{

}
/*now the cities strip*/
.websiteContainer .brandingAndNavigation .cities{
	width:498px;
	height:18px;
	margin-left:375px;
	background-image:url('/img/interface/backgroundCities.gif');
	background-position: top left;
	background-repeat:no-repeat;
}

/*logo doo-hickey*/
.websiteContainer .brandingAndNavigation .logoAndSearchBar{
	background-image:url('/img/interface/bannerCogs.gif');
	background-position: top left;
	background-repeat:no-repeat;
	height:82px;
	text-align:left;
}
.websiteContainer .brandingAndNavigation .logoAndSearchBar .creatopLogo img{
	border:none;
	margin: 30px 0 0 0;
}

/*search bar*/
.websiteContainer .brandingAndNavigation .searchBar{
	margin:38px 15px 0 0;
	float:right;
}
.websiteContainer .brandingAndNavigation .searchBar input{
	margin-top:5px;
	margin-bottom:10px;
	padding:4px 5px 4px 5px;
	width: 152px;
	border:1px solid #6f6f6f;
	background-color:#FFFFFF;
	color:#7b7b7a;
	font-size:0.7em;
}
.websiteContainer .brandingAndNavigation .searchBar .button{
	background-image:url('/img/interface/search-button.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border:none;
	height:19px;
	width:27px;
	clear:left;
	padding-top:1px;
}

/*navigation*/
.websiteContainer .brandingAndNavigation .navigation{
	background-image:url('/img/interface/navGrad.gif');
	background-position: top left;
	background-repeat:repeat-x;
	height:37px;
	width:850px;
	margin-right:15px;
}

/*###################suckerfish##########################*/
.websiteContainer .brandingAndNavigation .navigation, .websiteContainer .brandingAndNavigation .navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-transform:uppercase;
	line-height: 1;
}

.websiteContainer .brandingAndNavigation .navigation a {
	display: block;
	margin:2px 0px 2px 0px;
	padding:2px 0px 2px 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:0.7em;
}

.websiteContainer .brandingAndNavigation .navigation li { /* all list items */
	float: left;
	color:#666666;
	padding-top:10px;
	text-decoration:none;
	font-weight:bold;
	width:8.5em;
}
.websiteContainer .brandingAndNavigation .navigation li ul li{padding-top:2px;}


.websiteContainer .brandingAndNavigation .navigation li ul { /* second-level lists */
	border:solid 1px #333333;
	/*padding-top:10px;*/
	position: absolute;
	text-align:left;
	margin-left:0;
	_margin-left:-55px;
	padding-left:10px;
	z-index: 500000;
	background-color: #FFFFFF;
	width: 9em;
	filter:alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;	
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

.websiteContainer .brandingAndNavigation .navigation ul li .HasChildren {
	background-image:url('/gfx/icon/more-content.gif'); background-repeat:no-repeat; background-position: center right;
}
.websiteContainer .brandingAndNavigation .navigation ul li .HasChildren ul li{padding-left:5px;background-color:#666666;}

/*.websiteContainer .brandingAndNavigation .navigation li ul ul .HasChildren a {
	background-color: deeppink;
}*/

.websiteContainer .brandingAndNavigation .navigation ul li .FirstMenuItem{
	margin-top: 0px;
}
.websiteContainer .brandingAndNavigation .navigation li ul li .FirstMenuItem{
	margin-top: 0px;
}
.websiteContainer .brandingAndNavigation .navigation li ul ul { /* third-and-above-level lists */
	margin: -1.7em 0 0 12em;
	padding-top:0px;
}

.websiteContainer .brandingAndNavigation .navigation li:hover ul ul, .websiteContainer .brandingAndNavigation .navigation li:hover ul ul ul, .websiteContainer .brandingAndNavigation .navigation li.sfhover ul ul, .websiteContainer .brandingAndNavigation .navigation li.sfhover ul ul ul {
	left: -999em;
	
}

.websiteContainer .brandingAndNavigation .navigation li:hover ul, .websiteContainer .brandingAndNavigation .navigation li li:hover ul, .websiteContainer .brandingAndNavigation .navigation li li li:hover ul, .websiteContainer .brandingAndNavigation .navigation li.sfhover ul, .websiteContainer .brandingAndNavigation .navigation li li.sfhover ul, .websiteContainer .brandingAndNavigation .navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color:#E5E5E5;color:#333333;
}

.websiteContainer .brandingAndNavigation .navigation li a:hover{background-color:#E5E5E5;color:#333333;}

.websiteContainer .brandingAndNavigation .navigation  li:hover ul, .websiteContainer .brandingAndNavigation .navigation li.sfhover ul{
	background-color:#333333;
}

.websiteContainer .brandingAndNavigation .navigation #ourSoftware{width:110px}
.websiteContainer .brandingAndNavigation .navigation #ourServices{width:102px}
.websiteContainer .brandingAndNavigation .navigation #ourKnowledge{width:120px}
.websiteContainer .brandingAndNavigation .navigation #ourClients{width:105px}
.websiteContainer .brandingAndNavigation .navigation #ourCompany{width:98px}
.websiteContainer .brandingAndNavigation .navigation #ourSuccess{width:120px}
.websiteContainer .brandingAndNavigation .navigation #ourCareer{width:80px}
.websiteContainer .brandingAndNavigation .navigation #ourContact{width:83px}

/*###########################end suckerfish#####################*/

.websiteContainer .brandingAndNavigation .featureArea{
	background-image:url('/img/interface/feature-image.gif');
	background-position: top left;
	background-repeat:no-repeat;
	width:850px;
	height:246px;
	margin-top:1px;
}
/*###########################end Top Bit#####################*/

.websiteContainer .mainContent{text-align:left;margin-top:10px;}

.websiteContainer .mainContent .rightColumn{
	float:right;
	margin-right:15px;
	width:210px;
}
.websiteContainer .mainContent .rightColumn h2{
	background-image:url('/img/interface/contactUs_icon.gif');
	background-repeat:no-repeat;
	background-position: top left;
	padding:10px 0 25px 40px;
	font-size:1.2em;
	font-weight: 400;
}
.websiteContainer .mainContent .rightColumn h2 a{color:#787878;text-decoration:none;}
.websiteContainer .mainContent .rightColumn h2 a:hover{text-decoration:underline;}

.websiteContainer .mainContent .rightColumn .newsletterContainer{margin-bottom:10px;}
.websiteContainer .mainContent .rightColumn .newsletterContainer label{
	color:#5f5f5f;
	font-size: 0.8em;
	font-weight:bold;
}
.websiteContainer .mainContent .rightColumn .newsletterContainer input{
	margin-top:5px;
	margin-bottom:10px;
	padding:5px 5px 6px 5px;
	height:25px;
	width: 152px;
	border:1px solid #c3c3ba;
	background-color:#f5f5ed;
	color:#7b7b7a;
	font-size:0.7em;
}
.websiteContainer .mainContent .rightColumn .newsletterContainer input.button{
	background-image:url('/img/interface/newsletter-add-button.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border:none;
	height:26px;
	width:27px;
	clear:left;
}

/*webtiles*/
.websiteContainer .mainContent .rightColumn .webtiles{
	background-image:url('/img/interface/webtileBG.gif');
	background-repeat:no-repeat;
	background-position: top left;
	width:200px;
	height:85px;
}
.websiteContainer .mainContent .rightColumn .webtiles a h3{font-size:0.8em;padding:10px 0 0 10px;}
.websiteContainer .mainContent .rightColumn .webtiles a p{font-size:0.7em;padding:8px 2px 0 0;}
.websiteContainer .mainContent .rightColumn .webtiles a img{border:none;float:left;width:51px;height:44px;padding:3px 12px 3px 8px;}
.websiteContainer .mainContent .rightColumn .webtiles a{color:#4c4c4b;text-decoration:none;}
.websiteContainer .mainContent .rightColumn .webtiles a:hover{text-decoration:underline;}
/*customer table*/
.websiteContainer .mainContent .rightColumn h3.customers{border-bottom:1px solid #ebebeb;font-size:0.7em;}
.websiteContainer .mainContent .rightColumn h3.customers a{color:#5f5f5f;text-decoration:none;}
.websiteContainer .mainContent .rightColumn h3.customers a:hover{text-decoration:underline;}
.websiteContainer .mainContent .rightColumn .ClientsTable{margin-top:7px;}
.websiteContainer .mainContent .rightColumn .ClientsTable td{width:100px;border:1px solid #E5E5E5;}
.websiteContainer .mainContent .rightColumn .NoBorder td{border:none;}
.websiteContainer .mainContent .rightColumn .ClientsTable td img{border:none;padding:1px;}
.websiteContainer .mainContent .rightColumn .ClientsTable td img:hover{border:1px solid #CCCCCC;padding:0;}
/*service jazz*/
.websiteContainer .mainContent .rightColumn .serviceLeftContent p{padding:10px 3px;color:#666666;font-size:0.8em;}
.websiteContainer .mainContent .rightColumn .serviceLeftContent .emphasise{color:red;font-weight:bold;}

/*###### now start the Left Column ####*/
.websiteContainer .mainContent .leftContent{margin-right:235px;}

.websiteContainer .mainContent .leftContent h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ed1c24;
	border-bottom:1px solid #efefee;
	font-size:1.3em;
	font-weight:400;
	padding:5px 5px 10px 5px;
	margin:0;
}
.websiteContainer .mainContent .leftContent h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ed1c24;
	border-bottom:1px solid #efefee;
	font-size:1.2em;
	padding:0 5px 10px 5px;margin:0;
}
.websiteContainer .mainContent .leftContent h2.indexList{background-color:#ed1c24;color:#FFFFFF;border:none;padding-bottom:5px;margin-bottom:5px;}

.websiteContainer .mainContent .leftContent h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ed1c24;
	border-bottom:1px solid #efefee;
	font-size:1.1em;
	padding:0 5px 10px 5px;margin:0;
}
.websiteContainer .mainContent .leftContent h4{
	color: #ed1c24;
	font-size:1.0em;
	padding:0 5px 10px 5px;margin:0;
}
.websiteContainer .mainContent .leftContent h5{
	color: #ed1c24;
	font-size:0.9em;
	padding:0 5px 10px 5px;margin:0;
}
.websiteContainer .mainContent .leftContent p{font-size:0.8em;color:#212121;padding:0 10px 10px 5px;margin:5px 0;}

.websiteContainer .mainContent .leftContent ul{
	color:rgb(70,70,70);
	margin: 1em 0em 0em 2.5em;
	padding: 0em 0em 0em 1.5em;
	font-family:sans-serif;
	font-size:0.75em;}
.websiteContainer .mainContent .leftContent li{
	list-style-image:url("/img/interface/bulletFlower.gif");
	padding-bottom:0.6em;
}
.websiteContainer .mainContent .leftContent a{}
.websiteContainer .mainContent .leftContent a:hover{}
.websiteContainer .mainContent .leftContent img{
	border:1px solid #E5E5E5;
	padding:5px;
	margin:5px;
}
.websiteContainer .mainContent .leftContent img.companyLogo{float:right;}
.websiteContainer .mainContent .leftContent img.smartLogo{float:left;margin:0 10px 5px 0}
.websiteContainer .mainContent .leftContent img.bannerImage{padding:0;margin:0;border:none;width:99%}

/*#### write specific classes for each product name ##### */
.websiteContainer .mainContent .leftContent .smartAssociation{color:#1B8435}
.websiteContainer .mainContent .leftContent .smartCAD{color:#FA8A11;}
.websiteContainer .mainContent .leftContent .smartHOST{color:#ED1C24;}
.websiteContainer .mainContent .leftContent .smartMATCH{color:#CE0CDE;}
.websiteContainer .mainContent .leftContent .smartProject{color:#0066FF;}
.websiteContainer .mainContent .leftContent .smartSALES{color:#ED1C24;}
.websiteContainer .mainContent .leftContent .smartSITE{color:#1B8435;}
.websiteContainer .mainContent .leftContent .smartSurvey{color:#FA8A11;}
.websiteContainer .mainContent .leftContent .smartTEAM{color:#0066FF;}
.websiteContainer .mainContent .leftContent .smartComp{color:#0066FF;}

/*home page table links shit*/
.websiteContainer .mainContent .leftContent .indexPageLinks{
	background-image: url('/img/interface/index-links-bg.jpg');
	background-position: top left;
	background-repeat:no-repeat;

}

.websiteContainer .mainContent .leftContent .indexPageLinks td{padding:5px 2px;}
.websiteContainer .mainContent .leftContent .indexPageLinks td h3{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	height:25px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	}
/*now the classes for the clients page*/	
.websiteContainer .mainContent .leftContent .indexPageLinks td.transportNavigation h3{background-color:#fe6204;color:#FFFFFF}
.websiteContainer .mainContent .leftContent .indexPageLinks td.communityNavigation h3{background-color:#fe2704;color:#FFFFFF}
.websiteContainer .mainContent .leftContent .indexPageLinks td.softwareNavigation h3{background-color:#fea304;color:#FFFFFF}
.websiteContainer .mainContent .leftContent .indexPageLinks td.websiteNavigation h3{background-color:#fe3f04;color:#FFFFFF}
h2#transportNavigation{background-color:#fe6204;color:#FFFFFF}
h2#communityNavigation{background-color:#fe2704;color:#FFFFFF}
h2#softwareNavigation{background-color:#fea304;color:#FFFFFF}
h2#websiteNavigation{background-color:#fe3f04;color:#FFFFFF}


.websiteContainer .mainContent .leftContent .indexPageLinks td ul{
	color:#000000;
	margin: 1em 0em 0em 0.5em;
	padding: 0em 0em 0em 1.5em;
	font-family:sans-serif;
}
.websiteContainer .mainContent .leftContent .indexPageLinks td li{
	list-style-image:url("/img/interface/bulletCrossRed.gif");
	padding-bottom:0.6em;
}
.websiteContainer .mainContent .leftContent .indexPageLinks td li a{
	font-size:0.9em;
	color:#999999;
	font-weight:bold;
	text-decoration:none;}
.websiteContainer .mainContent .leftContent .indexPageLinks td li a:hover{text-decoration:underline;}


/*### Now we gotz to make something that boxes links - we just gotta... Why you ask? Fuck off. We got to do it bitch ###*/
.websiteContainer .mainContent .leftContent .productIntroBox{

}

.websiteContainer .mainContent .leftContent .productIntroBox p{}

.websiteContainer .mainContent .leftContent .productIntroBox .productIndex{border:1px solid #E5E5E5;
	background-image: url('/img/interface/bottom-para.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:25px;}
.websiteContainer .mainContent .leftContent .productIntroBox .productIndex h3{
	border:none;
	text-transform:lowercase;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFFF;
	font-weight:lighter;
	letter-spacing: 0.04em;
	text-align:right;
	padding:5px 10px 0px 10px;
	background-repeat:no-repeat;
	margin-top:25px;
	font-size:1.7em;	
	background-image: url('/img/interface/bottom-para-standard.jpg');
	background-position: top left;
	}
.websiteContainer .mainContent .leftContent .productIntroBox .productIndex h3.first{	
	margin-top:63px;
	}
.websiteContainer .mainContent .leftContent .productIntroBox .productIndex h3 a{text-decoration:none;color:#212121;padding:4px 6px 0 6px;}
.websiteContainer .mainContent .leftContent .productIntroBox .productIndex h3 a:hover{background-color:#FFFFFF;color:#2e2e2e;}
.websiteContainer .mainContent .leftContent .productIntroBox .productIndex p{
	padding:8px 16px 0 55px;
	text-align: justify;
	font-size:1.1em;
	color:#666666;
	background-image:url('/img/interface/blockquoteBG.gif');
	background-repeat:no-repeat; 
	background-position:top left;
}

/*#### the big text product intro area ###*/
.websiteContainer .mainContent .leftContent p.productIntro{
	background-image:url('/img/interface/blockquoteBG.gif');
	background-repeat:no-repeat; 
	background-position:top left;
	padding:5px 10px 10px 60px;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#787a75;}
/*#### the little, "thinking about" area ###*/
.websiteContainer .mainContent .leftContent p.thinkingAboutTheProduct{
	background-image:url('/img/interface/swirls.jpg');
	background-repeat:no-repeat; 
	background-position:top left;
	border:1px solid #f8cb9a;
	background-color:#faf5e6;
	padding:5px 10px 10px 190px;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#787a75;}

.websiteContainer .mainContent .leftContent img.float{float:right;}

.websiteContainer .mainContent .leftContent p.mainLinksPara{margin-top:10px;font-size:0.9em;color:#373734;}

.websiteContainer .mainContent .leftContent p.mainLinksPara img{border:none;padding:0;margin:0;}

.extraPadding{padding:0 4px;}

.websiteContainer .mainContent .leftContent .promoLogos{
	clear:left;
	width:99%;
}
.websiteContainer .mainContent .leftContent .promoLogos img{border:none;padding:1px;margin:0;
	width:63px;
	_width:65px}
.websiteContainer .mainContent .leftContent .promoLogos img:hover{border:1px solid green;padding:0;}

/*######floating contact details box#########*/
.websiteContainer .mainContent .leftContent .contentFloat{
	float:right;
	width:250px;
	background-color:#f9d8d9;
	margin:0 0 10px 10px;
	padding:5px;
	
}
.websiteContainer .mainContent .leftContent .contentFloat h3{font-size:0.8em;border:none;}
.websiteContainer .mainContent .leftContent .contentFloat ul{margin:0em 0 1em 2.5em;padding:0;font-size:0.7em;color:#ed1c24;}
.websiteContainer .mainContent .leftContent .contentFloat #phone{list-style-image:url("/img/interface/phone.gif");}
.websiteContainer .mainContent .leftContent .contentFloat #mail{list-style-image:url("/img/interface/mail.gif");}
.websiteContainer .mainContent .leftContent .contentFloat #web{list-style-image:url("/img/interface/web.gif");}
.websiteContainer .mainContent .leftContent .contentFloat a:link{text-decoration:none; color:#ed1c24;}
.websiteContainer .mainContent .leftContent .contentFloat a:visited{text-decoration:none; color:#ed1c24;}
.websiteContainer .mainContent .leftContent .contentFloat a:hover{text-decoration:underline; background-color:#FFFFFF}


/*#### the little, "Get in contact" area ###*/
.websiteContainer .mainContent .leftContent .getInContact{
	background-repeat:no-repeat; 
	background-position:top left;
	background-image:url('/img/interface/want-to-know-more-grad.gif');
	margin-top:10px;
	height:135px;
}
.websiteContainer .mainContent .leftContent .getInContact h3{
	border:none;
	color: #393333;
	padding:10px 15px 0 25px;
}
.websiteContainer .mainContent .leftContent .getInContact p{
	font-size:0.9em;
	margin:5px 5px 5px 25px;
	padding:5px 15px 10px 70px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5e5757;
	background-repeat:no-repeat; 
	background-position:top left;
	background-image:url('/img/interface/want-to-know-more.gif');
}
.websiteContainer .mainContent .leftContent .getInContact p strong{color:#333333;}

/*##### White Paper Container #####*/
.websiteContainer .mainContent .leftContent .whitepaperContainer{}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance{margin-top:10px}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance img{float:left;border:none;margin:0 3px 3px 3px;padding:3px;border:1px solid #e5e5e5;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance h3{font-size:1.1em;font-weight:normal;margin-left:100px;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance h3 .authorName{font-size:0.8em;color:#999999}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance h3 a{color:red;text-decoration:none;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance h3 a:hover{text-decoration:underline;;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance p{margin-left:100px;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance p.download{font-size:0.7em;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance p.download a{font-weight:bold;border-bottom:1px solid #FF0000;text-decoration:none;color:#FF0000;padding:2px;margin:2px;}
.websiteContainer .mainContent .leftContent .whitepaperContainer .whitepaperInstance p.download a:hover{border-bottom:1px solid #0000FF;color:#0000FF}

/*#### and now the feedback form######*/

/*FEEBACK AND FORMS*/
	.feedbackContainer{padding-right:10px;}
	.ControlContainerUser{
	display: block;
	margin: 0.3em 0.3em 0.3em 3em;
	padding: 4px 2px;
	font-size: 0.75em;
	background: #f9f9f9;}

	.ControlContainerUser label {
	width: 8em;	display: block;float: none;width:auto;text-align:left;}	
	
	.UserInput, textarea{
	border: solid 1px #bbb;
	background: white;
	width: 70%;
	padding: 2px;
	margin-left: 10em;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 8pt;
	}
	.submit{
	background-color: #ed1c24; border: 1px solid #333333;font-size: 1em;font-weight:bold;text-align:center;color: #FFFFFF;	padding: 2px;
	margin-left: 9em !important;
	margin-left: 10em;
	}


/*######## Go the footer ##########*/
.footerArea{
	clear:both;
	background-image:url('/img/interface/footerGradientBg.gif');
	background-position: top left;
	background-repeat:repeat-x;
	height:101px;
	border-bottom:1px solid #f4f4f4;
}
.footerArea .footerCentered{
	width: 865px;
	margin:auto;
	text-align:center;
	background-image:url('/img/interface/footerCogs.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	height:100px;	
	}
.footerArea .footerCentered .logoArea{
	float:left;
	width:428px;
	text-align:left;
	margin:0;
	padding:0;
}
.footerArea .footerCentered .logoArea img{border:none;margin:15px 0 0 0;}
.footerArea .footerCentered .logoArea p{color:#757575;font-size:0.7em;padding:0;margin:0;}
.footerArea .footerCentered .logoArea .contactFooter{text-transform:uppercase;font-size:1.2em;font-weight:bold;}

.footerArea .footerCentered .logoArea .contactFooter a{color:#373734;text-decoration:none;}
.footerArea .footerCentered .logoArea .contactFooter a:hover{text-decoration:underline;}
.footerArea .footerCentered .logoArea .red{color:#FF0000;}


/*misc elements*/

.websiteContainer .mainContent .leftContent p.miniAnchors{text-align:right;padding-top:1em;margin-bottom:1.8em;}
.websiteContainer .mainContent .leftContent p.miniAnchors a{color:rgb(175,175,175);text-decoration:none;font-size:0.7em;}
.websiteContainer .mainContent .leftContent p.miniAnchors a:hover{color:rgb(207, 31, 10)}