/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */
body {
	color: #000000;
	font: 62.5% verdana, sans-serif;	
	text-align: center;
}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #617B95;
	font-weight: bold;
	font-family: arial, sans-serif;
	margin: 0;
	margin-bottom: 0.45em;
	text-transform: uppercase;
}  

h1 { font-size: 1.75em; color: #2253A8; }
h2 { font-size: 1.583em; text-transform: none; }
h3 { font-size: 1em; }
h4 { font-size: 0.917em; }
h5 { font-size: 0.917em; text-transform: none; }
h6 { font-size: 0.917em; font-weight: normal; text-transform: none; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #2253A8; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #DD0000	; }

/* Text Elements
-------------------------------------------------------------- */

p { margin: 0 0 1em; font-size: 1.083em; line-height: 1.5;}
.summary p, #summaryText p { color: #9EAEBE; font: bold 1.25em helvetica, arial, sans-serif; font-style: italic; }

a { text-decoration: underline; }
a,a:link { color: #2253A8; }
a:visited { color: #9EAEBE; }
a:hover,a:active,a:focus { color: #DD0000; }

a.plaudit { line-height: 1; display: block; width: 150px; text-decoration: none; }
a.plaudit:hover { color: #9EAEBE !important; text-decoration: underline; }

blockquote  { margin:0 0 1.2em; color: #888888; font-style: italic; }
strong { font-weight: bold; }
em  { font-style: italic; }
address { font-style: normal; }
cite { color: #000000; display: block; font-style: normal; font-size: 0.846em; }
small { font-size: 0.846em; margin: 0 0 0.75em;  }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn { font-style: italic; }
del { color:#666; }
pre { white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 1em 0 0 1.5em; }
ul, ol      { margin: 0 0 1em 1.5em; }
ul ol li 	{ background: none; padding-left: 0; }

ol          { list-style-type: decimal; }

ul li,
ol li		{ margin-bottom: 1em; }						
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

	ul.pdf { list-style-image: url(../images/icons/pdf-icon.gif);}
	ul li.ppt { list-style-image: url(../images/icons/ppt.gif);}
	ul li.doc { list-style-image: url(../images/icons/doc.gif);}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; border: 1px solid #D9D9D9; border-bottom: none; border-right: none; }
th          { background: #e5e5e5 url(../images/design/markup/th-bg.gif) 0 0 repeat-x; font-weight: bold; border-right: 1px solid #D9D9D9; }
th,td,caption { padding: 4px 10px 4px 5px; }
td		{ border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;  }
tr.odd td  { background: #FBFBFB; }
tfoot       { font-style: italic; }
caption     { background: #eee; text-align: center; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */
body {
	margin: 0;
	height: 100%;
	background: #fff url(../images/design/body/body-bg.gif) 0 0 repeat-x;
}

/* Specific Backgrounds to pages */
body.ourProcess #page { background: url(../images/design/our-process/main-photo.jpg) 50% 152px no-repeat; } /* Alt style in ie.css */
body.home #page { background: url(../images/design/homepage/main-photo-blur.jpg) 50% 152px no-repeat; } /* Alt style in ie.css */

#wrapper {
	font-size: 1.2em; /* this, along with body font size of 62.5% renders type approximately 12px in size across all browsers */
	margin: 0 auto;	
	min-height: 100%;
	padding: 0;
	position: relative;
	text-align: left;
	width: 990px;
}

#header {
	background: url(../images/design/header/header.jpg) 50% 0 no-repeat;
	height: 152px;
	margin-top: 29px;
	padding: 0 25px;
	position: relative;
}

#contentMain { margin: 0 auto; padding: 1em 0; }
body.home #contentMain, body.yourSuccess #contentMain { padding: 0; }
body.inner-list #contentMain { padding-top: 0; }

#contentMainInner { padding: 0 25px; }
body.inner-general #contentMain { background: url(../images/design/body/inner-general-bg.gif) 275px 0 repeat-y; } /* Specific background for general template */

#footer {
	background: url(../images/design/footer/footer-middle-bg.gif) 0 0 repeat-y;
	clear: left;
	width: 960px;
	margin: 0 auto;
	margin-bottom: 2em;
}

#footerOuter { background: url(../images/design/footer/footer-bottom-bg.gif) 0 100% no-repeat; padding-bottom: 17px; }
#footerInner { background: url(../images/design/footer/footer-top-bg.gif) 0 0 no-repeat; }
	
#footerInner img { float: right; }
	
#footerInner p { 
	background: url(../images/icons/microsoft-dynamic-logo.gif) 98% 4px no-repeat;
	color: #9EAEBE; 
	font: 0.833em verdana, sans-serif; 
	line-height: 2.2; 
	margin-bottom: 0;
	padding: 4px 120px 4px 13px;
}
	
#footerInner p a		{ color: #9EAEBE; }
#footerInner p a:hover 	{ color: #DD0000; }
	
/* Homepage Specific footer styles */

body.home #footer 			{ background: none; position: relative; top: -38px; }
body.home #footerOuter 		{ background: none; }
body.home #footerInner 		{ background: none; }
body.home #footerInner img 	{ display: none; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
----------------------------------------------------------- */
    
#logo {
	background: url(../images/design/header/logo.jpg) 0 0 no-repeat;
	display: block;
	height: 130px;
	left: 60px;
	position: absolute;
	top: -6px;
	width: 126px;
}
	#logo a {
		display: block;
		height: 130px;
		text-indent: -9999px;
		width: 126px;
	}

a.clientLogin {
	background: url(../images/design/header/client-login.jpg) 0 0 no-repeat;
	display: block;
	height: 26px;
	position: absolute;
	right: 55px;
	text-indent: -9999px;
	top: 0;
	width: 140px;
}

span.phoneNumber { 
	background: url(../images/design/header/phone-number.gif) 0 0 no-repeat;
	display: block;
	height: 23px;
	position: absolute;
	right: 35px;
	text-indent: -9999px;
	top: 41px;
	width: 140px;
}
	
#breadCrumbs { 
	background: url(../images/design/header/header-shadow.gif) 50% -1px no-repeat; 
	color: #617B95; 
	font: 0.833em verdana, sans-serif; 
	padding: 0 26px;
}

body.inner-general #breadCrumbs,
body.inner-list #breadCrumbs { padding: 0 27px 0 265px; }
body.yourSuccess #breadCrumbs { padding: 0 26px 0 34px; }
body.inner-two #breadCrumbs { padding: 0 26px 0 265px; }

#breadCrumbsInner { 
	border-bottom: 1px dashed #D9DFE5; 
	padding: 0.75em 0; 
	position: relative; /* Invokes hasLayout in ie6 */ 
}
body.inner-list #breadCrumbsInner { border-bottom: 1px solid #D9DFE5; }

#breadCrumbsInner a,
#breadCrumbsInner a:hover { color: #617B95; }
#breadCrumbsInner a:hover { color: #DD0000; }

/* -------------------------------------------------------------- 
	TEMPLATES STYLES
----------------------------------------------------------- */

/* Home Page Style */

#animationArea {
	background: url(../images/design/homepage/main-photo.jpg) 0 0 no-repeat;
	height: 369px;	
	position: relative;
	top: -28px;
}

#animationArea ul.callouts { list-style: none; margin: 0; position: absolute; right: 15px; top: 159px; width: 211px;}
#animationArea ul.callouts li { margin-bottom: 15px; }

		#animationArea ul.callouts li a.callout1 {background: url(../images/callouts/message.png) no-repeat 0 0; display: block; height: 56px; width: 208px; text-indent: -999999px}
		#animationArea ul.callouts li a.callout1:hover {background-position: 0 -57px;}
		#animationArea ul.callouts li a.callout2 {background: url(../images/callouts/nav-action.png) no-repeat 0 0; display: block; height: 56px; width: 208px; text-indent: -999999px}
		#animationArea ul.callouts li a.callout2:hover {background-position: 0 -58px;}
		#animationArea ul.callouts li a.callout3 {background: url(../images/callouts/learn-more.png) no-repeat 0 0; display: block; height: 57px; width: 208px; text-indent: -999999px}
		#animationArea ul.callouts li a.callout3:hover {background-position: 0 -58px;}
		
#animation { 
	bottom: 20px; 
	height: 140px; 
	left: 90px; 
	position: absolute; 
	width: 540px; 
}

#companyIntro { background: url(../images/design/homepage/content-box-middle.gif) 0 0 repeat-y; position: relative; top: -28px;	}
#companyIntroInner { background: url(../images/design/homepage/content-box-bottom.gif) 0 100% no-repeat; padding-bottom: 12px; }
#companyIntroBottom { background: url(../images/design/homepage/content-box-top.gif) 0 0 no-repeat; padding: 0 35px 0 45px; }

#tagLine,
#mainContent,
#newsEvents {
	float: left;
}

#newsEvents { width: 225px; }

#tagLine { width: 200px; margin-right: 50px; padding-top: 15px; }
#tagLine p { color: #9E9E9E; font: 1.25em "Helvetica Neue", Helvetica, sans-serif; }
#mainContent { width: 370px; margin-right: 63px; padding-top: 15px; }
#mainContent h2,
.newsEventsGroup h2 { color: #224FA8; font-size: 1.083em; margin-bottom: 0; text-transform: uppercase; }

.newsEventsGroup { 
	background: #E8E8E8 url(../images/design/homepage/upcoming-events-bg.gif) 0 0 repeat-x;
	border: 1px solid #D9DFE5; 
	margin: 10px 0 1.5em 0;
}

#upcomingEvents h2,
#featuredNews h2 { 
	height: 15px;
	float: left; 
	padding: 0 10px;
	text-indent: -9999px;
	width: 133px;
}

#upcomingEvents h2 	{ background: url(../images/design/homepage/upcoming-event.gif) 10px 0 no-repeat; }
#featuredNews h2 	{ background: url(../images/design/homepage/featured-news.gif) 10px 0 no-repeat; }

.newsEventsGroup a.seeAll { 
	background: url(../images/design/homepage/seeall.gif) 0 0 no-repeat;
	display: block; 
	float: left;
	height: 16px; 
	text-indent: -9999px; 
	width: 61px; 
}
.newsEventsGroup a.seeAll:hover { background-position: 0 -16px; }
.newsEventsGroup div { padding: 10px 0; }

.newsEventsGroup ul { border-top: 1px solid #D9DFE5; clear: left; list-style: none; margin: 0; padding: 0.5em 5px;	}
.newsEventsGroup ul li { font-size: 0.917em; float: left; margin-bottom: 0.75em; width: 100%; }
.newsEventsGroup ul li span { color: #617B95; float: left; margin-right: 10px; width: 55px; }
.newsEventsGroup ul li a { color: #1386BF; float: left; width: 143px; }

#msNavCallout { clear: left; padding-top: 20px; position: relative; top: -38px; text-align: center; }

/*
#msNavCallout { clear: left; padding: 40px 0 10px 150px; margin-left: -20px; margin-right: -9px; border-top: 1px solid #e8ecf0; background: #FFFFFF url(../images/design/homepage/ms-nav-callout-bg.jpg) 0 0 repeat-x; }
*/


/* General Template Style */

#asideLeft { float: left; padding-top: 0; width: 220px; margin-right: 20px; }

#mainBodyGeneral { float: left; width: 700px; }
#mainBodyGeneral #content { 
	float: left; 
	padding-top: 1.5em; 
	width: 435px;
	margin-right: 20px; 
}
#mainBodyGeneral #asideRight { float: left; padding-top: 1em; width: 245px;  }

.relatedInfo { padding-left: 23px; }

.photoContainer {
	background: url(../images/design/photo-containers/general-container-middle.gif) 0 0 repeat-y;
	margin: 0 0 1.25em 8px;
	width: 236px;
}
.photoContainerInner { background: url(../images/design/photo-containers/general-container-bottom.gif) 0 100% no-repeat; padding-bottom: 12px; }
.photoContainer img { background: url(../images/design/photo-containers/general-container-top.gif) 0 0 no-repeat; padding: 9px 18px 0 9px; }

/* List Template Styles */

#mainBodyList { float: left; width: 700px; }
#mainBodyTop {
	background: #F7F7F7;
	border-bottom: 1px solid #D9DFE5;
	float: left;
	margin-bottom: 1.5em;
	padding: 20px 15px 0 20px; /* Alt style in ie.css */
}

#summaryText { float: left; margin-right: 20px; padding-top: 7px; width: 400px;	}
#listSection { clear: left; }

#mainBodyTop .photoContainer { float: left; background-image: url(../images/design/photo-containers/list-container-middle.gif); }
#mainBodyTop .photoContainerInner { background-image: url(../images/design/photo-containers/list-container-bottom.gif); }
#mainBodyTop .photoContainer img { background-image: url(../images/design/photo-containers/list-container-top.gif); }


.listing {
	border-bottom: 1px dashed #D9DFE5;
	float: left;
	margin-bottom: 0.75em;	
	padding: 0.5em 0 0.75em 165px;
	position: relative; /* Invokes hasLayout in ie6 */
	width: 535px;
}

.listing .listImage {
	background: url(../images/design/photo-containers/list-image-container-bottom.gif) 0 100% no-repeat;
	display: block;
	padding-bottom: 4px;
	width: 148px;
	margin-left: -165px;
	margin-top: -5px;
	display: inline; /* Fixes double margin bug in ie6 */
	float: left;
}

.listing .listImage img {
	background: url(../images/design/photo-containers/list-image-container-top.gif) 0 0 no-repeat;
	padding: 9px 7px 5px 7px;	
}

.listingLast { border-bottom: 0; }

#eventsList { padding: 1.5em 0; }
#eventsList h2 { margin-bottom: 1em; }
#eventsList .listing { padding-left: 0; width: 700px; }
#eventsList .thumbnail { padding-left: 165px; width: 535px; }

.eventDates { color: #617B95; font-weight: bold; margin: 0; }
.eventDates span { font-weight: normal; }

.eventContent { padding: 1em 0; }

/* Our Process Page */

#ourProcess { background: url(../images/logos/partner-logos.gif) 555px 0 no-repeat; margin-bottom: 1em; padding-top: 265px; }

#processInfo,
#processDiagram { float: left; }

#processInfo { margin-right: 20px; width: 430px; }
#processDiagram { border-bottom: 1px solid #C2CCD6; background: url(../images/design/our-process/process-diagram-middle.gif) 0 0 repeat-y; width: 480px; }
#processDiagramInner { background: url(../images/design/our-process/process-diagram-top.gif) 0 0 no-repeat; padding-top: 70px; }

#processDiagramInner div { float: left; width: 160px; padding: 1.5em 0 4.5em 0; }
#processDiagramInner ul { color: #617B95; font: 0.917em verdana, sans-serif; padding: 0 10px; }

#processPages { border-top: 1px solid #D9DFE5; clear: left; }
#processPages ul { float: left; margin: 1.5em 0 0 0; width: 940px; list-style: none; }
#processPages li { float: left; margin-right: 5px; }
#processPages li.last { margin-right: 0; }
#processPages li a { display: block; height: 60px; width: 310px; text-indent: -9999px; }
#processPages li a.methodology { background: url(../images/callouts/btn-methodology.jpg) 0 0 no-repeat; } 
#processPages li a.knowledgeBase { background: url(../images/callouts/btn-knowledge-base.jpg) 0 0 no-repeat; }  
#processPages li a.technicalPapers { background: url(../images/callouts/btn-technical-papers.jpg) 0 -4px no-repeat; }
#processPages li a:hover { background-position: 0 -63px; }


/* Your Success Page */
#yourSuccess { background: url(../images/design/your-success/case-studies-bg.gif) 571px 0 repeat-y; padding-left: 10px;}

#successInfo { float: left; width: 521px;  margin-right: 41px; padding: 0 0 1.25em 0; }
#successContent { border-bottom: 1px dashed #D9DFE5; margin-bottom: 1em; padding: 25px 0 0.5em 0; }

#awardRecognition ul { color: #617B95; font-size: 0.917em; }

#caseStudies { float: left; width: 366px; padding-bottom: 1em; }
.caseStudies { border-bottom: 1px dashed #D9DFE5; float: left; margin: 0 20px 1em 10px; display: inline; padding: 0 0 1em 100px; }
.caseStudies img { float: left; margin-left: -98px; border: 1px solid #D9DFE5; }
.caseStudiesLast { border-bottom: 0; }

#caseStudies h2 {
	background: url(../images/design/your-success/case-studies-header.gif) 0 0 no-repeat;
	height: 29px;
	text-indent: -9999px;
	width: 358px;
}

/* Contact Us Template */
#contactForm { float: left; margin-right: 40px; padding-left: 10px; width: 440px; }
#contactInformation { float: left; width: 450px; }
#contactInformation p { margin-bottom: 0; }

#contactInformation .phoneNumbers,
#contactInformation .emailAddress,
#contactInformation .adr 			{ margin-bottom: 1em; }

#contactInformation .street-address  { display: block; }


/* Supplemental Templates */
body.inner-one #mainBody { padding: 1em 20px 0 20px; }
body.inner-two #mainBody { float: left; width: 700px; }

/* Login Form */
#login { padding-left: 255px; }

/* -------------------------------------------------------------- 
	MAIN NAVIGATION
----------------------------------------------------------- */

#mainMenu {
	float: left;
	height: 37px;
	left: 250px;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 75px;
	width: 694px;
}

	#mainMenu li {
		float: left;
		margin-bottom: 0;
	}
	
		#mainMenu a {
			background: url(../images/design/header/navigation.jpg) 0 0 no-repeat;
			display: block;
			float: left;
			height: 37px;
			text-indent: -9999px;
		}
		
		/* Main Navigation Sprite Map */
		#mainMenu #about-us a {	background-position: 0 0; width: 129px; }
		#mainMenu #our-process a {	background-position: -129px 0; width: 137px; }
		#mainMenu #our-software a {	background-position: -266px 0; width: 147px; }
		#mainMenu #your-success a {	background-position: -413px 0; width: 134px; }
		#mainMenu #contact-us a {	background-position: -547px 0; width: 147px; }
		
		#mainMenu #about-us a:hover, #mainMenu #about-us a.active {	background-position: 0 -44px; }
		#mainMenu #our-process a:hover, #mainMenu #our-process a.active {	background-position: -129px -44px; }
		#mainMenu #our-software a:hover, #mainMenu #our-software a.active {	background-position: -266px -44px; }
		#mainMenu #your-success a:hover, #mainMenu #your-success a.active {	background-position: -413px -44px; }
		#mainMenu #contact-us a:hover, #mainMenu #contact-us a.active {	background-position: -547px -44px; }
		
/* -------------------------------------------------------------- 
	LOCAL NAVIGATION
----------------------------------------------------------- */
#localNav {
	background: #E8E8E8 url(../images/design/local-nav/background.gif) 0 0 no-repeat;	
	border: 1px solid #D9DFE5;
	margin: 0 0 1em 10px;
	width: 190px;
}
#localNav h2 { border-bottom: 1px solid #D9D9D9; margin-bottom: 0; padding: 0.75em 20px; font-size: 1.083em; }
#localNav h2 a { color: #616161; text-transform: uppercase; text-decoration: none; }
#localNav ul { list-style: none; margin: 0; padding: 0.95em 20px; }
#localNav li a { 
	background: url(../images/design/local-nav/blue-bullet.gif) 0 5px no-repeat;
	color: #2253A8;
	font: bold 0.917em verdana, sans-serif; 
	padding-left: 15px;
	text-decoration: none; 
	text-transform: uppercase;
}
#localNav li a:hover { background: url(../images/design/local-nav/red-bullet.gif) 0 5px no-repeat; color: #DD0000; }
#localNav li a.active, 
#localNav li.active a:hover { background: url(../images/design/local-nav/arrow.gif) 0 3px no-repeat; color: #002A54; }

/* Second Level */
#localNav li ul { padding: 0.95em 14px 0 14px; }
#localNav li li { margin-bottom: 0.25em; }

#localNav li li a {
	background: none;
	color: #2253A8;
	display: block;
	font: normal 0.917em "Helvetica Neue", Helvetica, arial, sans-serif; 
	padding: 0.5em 10px 0.5em 0;
	text-decoration: none; 
	text-transform: uppercase;
}

#localNav li li a:hover { background: none !important; text-decoration: underline; }
#localNav li li a.active{ background: none !important; font-weight: bold; }

/* -------------------------------------------------------------- 
	INTERACTIVE NAVIGATION
----------------------------------------------------------- */
#interactiveNav 	{ 
	background: url(../images/design/interactive-navigation/main-bg.gif) 0 0 repeat-y; 
	position: relative;
}

#interactiveNav #arrow { 
							background: url(../images/design/interactive-navigation/blue-arrow.gif) 0 0 no-repeat;
							display: block; 
							position: absolute;
							top: 15px;
							right: 15px;
							height: 19px; 
							width: 9px;
						}
						
#interactiveNav ul 	{ list-style: none; margin: 0; }

#interactiveNavInner 				{ 
										background: url(../images/design/interactive-navigation/bottom-shadow.gif) 0 100% no-repeat;
										padding: 0 29px 21px 0; 
									}
#interactiveNavTop 					{ background: url(../images/design/interactive-navigation/top-bg.gif) 0 0 repeat-y; padding: 1em; }
#interactiveNavTop li				{ margin-bottom: 0.55em; } /* Alt ie.css */
#interactiveNavTop li.last-child 	{ margin-bottom: 0; }

#interactiveNav li a { 
							color: #2253A8;
							display: block;
							font: bold 1.083em "Helvetica Neue", Helvetica, arial, sans-serif; 
							padding: 0.5em 10px 0.5em 25px;
							text-decoration: none; 
							text-transform: uppercase;  
						}
#interactiveNav li.active a { background: url(../images/design/interactive-navigation/active-state.png) 0 0; color: #FFFFFF; }

#interactiveNavBottom 	{ 
	background: url(../images/design/interactive-navigation/bottom-arrow.gif) 0 0 no-repeat;
	padding: 20px 0; 
	position: relative;
}

.hideBottom { display: none; }

#softwareSearch 		{ padding: 0 1em 1em 1em; }
#softwareSearch li		{ margin-bottom: 0.25em; } /* Alt ie.css */
#softwareSearch li.last-child		{ margin-bottom: 0; }
#softwareSearch li a		{ color: #617B95; font-size: 0.917em; font-weight: normal; padding-left: 10px; }

/* JS Enabled Stuff */
#interactiveNavBottomInner {
	overflow: hidden;
	position: relative; /* Alt ie.css */
}	

#slider {
	background: url(../images/design/interactive-navigation/module-slider-bar.gif) 0 0 repeat-y; 
	height: 171px;
	position: absolute;
	left: 172px; /* Alt ie6.css */
	top: 30px;
	width: 5px;
	display: none;	
}
	
	#sliderBar { height: 171px; position: relative; }
	
		.ui-slider-handle {
			background: url(../images/design/interactive-navigation/module-slider.gif) 0 0 no-repeat;
			cursor: pointer;
			display: block;
			height: 18px;
			position: absolute;
			width: 5px;
		}

body.jsEnabled #interactiveNavBottomInner { height: 190px; }

body.jsEnabled #softwareSearch {
	padding-right: 35px;
	position: absolute;
	padding-bottom: 0;
}


/* -------------------------------------------------------------- 
	CALLOUTS
----------------------------------------------------------- */	
	
#asideLeft a.callout {
	background: url(../images/callouts/contact-us.jpg) 0 0 no-repeat;
	color: #FFFFFF;
	display: block;
	font: bold 1.083em helvetica, sans-serif;
	height: 58px;
	margin-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
	width: 196px;
}

#asideLeft a.callout:hover { background-position: 0 -60px; }

	#asideLeft a.callout span {
		display: block;
		padding: 12px 20px 10px 40px;
	}
	
/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
form#contact {	
	width: 415px;
	margin-bottom: 1em;
}

#login form { margin-bottom: 1em; }

	fieldset {
		border-bottom: 1px solid #D9DFE5;
		padding: 1em 0;
		width: 415px;
	}

			legend {
				font-weight: bold;
			}
		
			.fieldArea {
				margin-bottom: 0.833em;
			}
			
			.fieldArea input,
			.fieldArea textarea {
				border: 1px solid #BFBFBF;
				color: #888888;
				font-style: italic;
				padding: 2px;
				width: 272px;
			}
			
			input.commandButton {
				background: #9cc2d4 url(../images/btn/btn-submit.gif) 0 0 repeat-x;
				border: 0;
				color: #808080;
				cursor: pointer;
				margin-top: 15px;
				font: bold 0.917em Verdana;
				float: right;
				text-transform: uppercase;
				padding: 0.5em 3px;
			}
			
				input.commandButton:hover { 
					background: #dd0000 url(../images/btn/btn-submit-hover.gif) 0 0 repeat-x; 
					color: #FFFFFF;
				}
				
				input.login,
				input.logout { float: none; }
				
			label {
				float: left;
				font-weight: bold;
				margin-right: 20px;
				width: 110px;
			}
			
			span.message {
				display: block;
				font-size: 0.833em;
			}
			
			span.error {
				color: #DD0000;
			}
			
			.protect {
				display: none;
			}
			
div.errors {
	background: #FEFAD9 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	display: block;
	margin: 0 0 2em 0;
}

div.errorsInner {
	background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
	padding: 1em 0 1em 80px;
}

/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

img.floatLeft { margin: 0 1.5em 1.5em 0; }
img.floatRight { margin: 0 0 1.5em 1.5em; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.group:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}


/*	Industrial Equipment Landing page - Orig
----------------------------------------------------------- 
body.landing #breadCrumbs {display: none;}

body.landing #asideLeft {display: none;}

body.landing .relatedInfo h3 {margin-bottom: 3em;}

body.landing #mainBodyGeneral {width: 950px; }

	body.landing #mainBodyGeneral #content {width: 675px; }

body.landing a.callout {
	background: url(../images/callouts/contact-us.jpg) 0 0 no-repeat;
	color: #FFFFFF;
	display: block;
	font: bold 1.083em helvetica, sans-serif;
	height: 58px;
	margin-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
	width: 196px;
}

body.landing a.callout span {
		display: block;
		padding: 12px 20px 10px 40px;
	}
	
	*/
	
/*	Industrial Equipment Landing page - Orig
----------------------------------------------------------- */
body.landingPage #interactiveNavBottom {display: none;}