/* ----------- COLORS ----------- */
/*
5877a4 - trimedx blue
8ba8cd - blue tint (approx 65% of trimedx blue)
6699cc - light blue - visited links
ac2650 - trimedx red
b2b2b2 - dark gray (ex footer text)
979797 - darker gray (ex sub-bullets)
464644 - darkest gray (almost black, ex text and bullets)
e59f40 - trimedx gold
*/

/* ----------- General ----------- */

html {
	background: #8ba8cd;
	font-size: 62.5%;
	font-family: verdana, arial, sans-serif;
	overflow-y: scroll; /* Fix Firefox scoll bars */
}

img {
border: 0;
display: block;
}

body, p, div, ul, li, img, form, input {
margin: 0;
padding: 0;
}

ul {
list-style-type: none;
}

a:link {
color: #5877a4;
}

a:visited  {
color: #6699cc;
}

a:hover, a:focus {
color: #ac2650;
}

.icon {
float: left;
display: inline;
margin: 0 6px 0 -6px;
padding: 0;
}

.required, .contentarea p.required {
color: #ac2650;
}




/* ----------- Text Formatting ----------- */

.contentarea p, .contentarea object {
color: #464644;
font-size: 1.2em;
line-height: 1.8em;
margin: 0 20px 1.4em 20px;
}

.contentarea ul {
color: #464644;
}

.contentarea ul {
line-height: 1.8em;
}

.contentarea li p {
font-size: .9em;
}

#footer p {
color: #b2b2b2;
text-align: center;
}

#footer a {
color: #b2b2b2;
}

.skiplink {
display: none;
}

.contentarea h1 {
background: none;
color: #5877a4;
font-size: 1em;
margin: -10px 20px 1.4em 20px;
z-index: 100;
position: absolute;
}

#irecruiter h1 {
margin: -15px 0 0 5px;
}

.contentarea h2 {
font-weight: bold;
margin: 0 20px 10px 20px;
font-size: 1.6em;
line-height: 1.8em;
}

.contentarea h3 {
font-weight: bold;
margin: 0 0 1.4em 20px;
font-size: 1.2em;
line-height: 1.8em;
}

.contentarea ul {
list-style-image: url(/images/red-square.gif);
margin: 0 20px 0 30px;
}

.contentarea li {
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.4em;
}

#sitemap .contentarea li {
margin: 0;
line-height: 1.8em;
}

.contentarea li ul li {
font-size: 1em;
}

.contentarea ul ul {
margin-top: 10px;
color: #979797;
}

.box p, .box h2 {
margin: 10px;
}

#home .contentmainbar ul {
list-style-type: none;
list-style-image: none;
margin: 0;
}

#home .contentarea li {
margin: 0 20px 1.4em 20px;
font-size: 1.4em;
}

.contentsidebar p {
line-height: 1.8em;
}

.contentsidebar h2 {
color: #fff;
margin: 0 20px 0 20px;
font-size: 1.3em;
background: url(/images/blank-heading.gif) top left no-repeat;
padding: 5px 20px;
margin: -5px 0 0 0;
}

.contentsidebar h3 {
margin: 10px 20px;
}

.contentsidebar h2 a, .contentsidebar h2 a:visited {
color: #fff;
}

.contentsidebar ul {
margin: 0 20px 20px 20px;
font-size: 1.0em;
list-style-image: url(/images/red-square.gif);
}

.contentsidebar li {
font-size: 1.2em;
margin: 0 0 10px 0;
line-height: 1.9em;
}

#home .contentsidebar li {
font-size: 1em;
margin: 0;
}

ul.iconlist {
list-style-image: none;
}

h2.careerheading {
background: #FFF url(/images/career-heading.gif) no-repeat;
color: #FFF;
font-family: arial, verdana, sans-serif;
font-size: 1.2em;
font-weight: normal;
height: 50px;
text-align: center;
padding: 0;
margin: 0 0 10px 10px;
width: 438px;
}

.careerheading a {
display: block;
height: 100%;
line-height: 50px;
width: 100%;
}

h2.hot {
background: #FFF url(/images/career-heading-hot.gif) no-repeat;
}

.careerheading a:link, .careerheading a:visited {
color: #FFF;
}

.careerheading a:hover, .careerheading a:focus {
background: #FFF url(/images/career-heading-hover.gif) no-repeat;
}

.hot a:hover, .hot a:focus {
background: #FFF url(/images/career-heading-hot-hover.gif) no-repeat;
}

.note, p.note  {
	color: #b2b2b2;
	font-size: .9em;
}

.note2 {
font-size: .8em;
}

.floatleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;"
}

.floatright {
float: right;
margin-left: 10px;
margin-bottom: 10px;"
}

/* ----------- Header ----------- */

/* Logo */
#header p {
width: 213px;
}

/* Top Links */
#header ul {
float: right;
font-size: 1.1em;
list-style-type: none;
margin: -55px 10px 0 0;
}

#header li {
display: inline;
float: right;
margin: 0 0 0 20px;
}

/* Search Form */
#searchform {
float: right;
margin: -25px 0 0 0;
}

/* Search Input Box */
#searchstring {
margin: 0 0 3px 0; 
width: 200px;
}

/* Search Input Button */
#searchsubmit {
margin: 0 10px;
}



/* ----------- Navigation ----------- */

#navigation ul {
font-size: 1.2em;
font-weight: bold;
/* font-family: Gill Sans, Gill Sans MT, verdana, arial, sans-serif; */
letter-spacing: .1em;
}

#navigation li {
line-height: 2.0em;
}

#navigation li a {
margin: 10px 0;
padding-left: 10px;
background: url(/images/navigation-link-background.gif) left repeat-y;
color: #5877a4;
text-decoration: none;
display: block;
width: 229px;
}

#navigation li a:hover {
background: url(/images/navigation-link-background-hover.gif) left repeat-y;
color: #fff;
}

#navigation a.navcurrent, #navigation li a:hover.navcurrent, #navigation .eyebrow li a.navcurrent {
color: #ac2650;
background: url(/images/navigation-link-background.gif) left repeat-y;
}

#navigation ul ul {
font-size: .9em;
font-weight: normal;
letter-spacing: 0;
}

#navigation ul ul li a {
margin: 0;
padding-left: 30px;
background: url(/images/navigation-link-background.gif) left repeat-y;
color: #5877a4;
text-decoration: none;
display: block;
width: 199px;
}



#navigation ul.eyebrow {
margin-top: 30px;
font-size: 1em;
font-weight: bold;
/* font-family: Gill Sans, Gill Sans MT, verdana, arial, sans-serif; */
letter-spacing: .05em;
}

#navigation ul.eyebrow li {
line-height: 1.6em;
}

#navigation .eyebrow li a {
margin: 10px 0;
padding-left: 10px;
background: url(/images/navigation-link-background.gif) left repeat-y;
color: #5877a4;
text-decoration: none;
display: block;
width: 229px;
}

#navigation .eyebrow li a:hover {
background: url(/images/navigation-link-background-hover.gif) left repeat-y;
color: #fff;
}


/* ----------- Containers ----------- */

#wrapper {
background: url(/images/wrapper-background-inner.gif) left repeat-y;
height: 100%;
width: 960px;
margin: 10px auto;
}

#home #wrapper {
background: url(/images/wrapper-background.gif) left repeat-y;
}

#header {
padding: 10px 0 10px 10px;
background: #fff url(/images/wrapper-background-top.gif) top no-repeat;
}

#leftcontent {
width: 239px;
float: left;
margin-top: -125px;
}

#home #leftcontent {
margin-top: 0px;
}

#media #leftcontent, #contact #leftcontent, #sitemap #leftcontent, #search #leftcontent  {
margin-top: -35px;
}

#topdecoration {
background: url(/images/top-decoration.jpg) top right no-repeat;
height: 184px;
width: 960px;
}

#home #topdecoration {
background: url(/images/top-left-decoration.gif) top right no-repeat;
height: 141px;
width: 239px;
}

#clients #topdecoration {
background: url(/images/top-decoration-clients.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#solutions #topdecoration {
background: url(/images/top-decoration-solutions.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#heritage #topdecoration {
background: url(/images/top-decoration-heritage.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#people #topdecoration {
background: url(/images/top-decoration-people.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#careers #topdecoration, #irecruiter #topdecoration {
background: url(/images/top-decoration-careers.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#about #topdecoration {
background: url(/images/top-decoration-about.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#simplexity #topdecoration {
background: url(/images/top-decoration-simplexity.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#cxc #topdecoration {
background: url(/images/top-decoration-cxc.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#hex #topdecoration {
background: url(/images/top-decoration-hex.jpg) top right no-repeat;
height: 266px;
width: 960px;
}

#media #topdecoration, #contact #topdecoration, #sitemap #topdecoration, #search #topdecoration {
background: url(/images/top-decoration.jpg) top right no-repeat;
height: 176px;
width: 960px;
}

#rightcontent {
float: left;
width: 720px;
}

.contentarea {
width: 720px; /* fix IE layout bug set hasLayout to true */
/* position: relative; */ /* IE text selection issues */
background: url(/images/content-background-inner.gif) repeat-y;
}


#irecruiter .contentarea {
width: 680px;
padding: 0 20px;
}

#irecruiter .contentareatop {
background: none;
}

#irecruiter .contentareabottom {
background: none;
}

.contentareatop {
background: url(/images/content-background-top-inner.gif) top no-repeat;
height: 10px;
}

.contentareabottom {
clear: both;
background: url(/images/content-background-bottom-inner.gif) bottom no-repeat;
height: 10px;
}

#home .contentarea {
background: url(/images/content-background.gif) repeat-y;
}


#home .contentareatop {
background: url(/images/content-background-top.gif) top no-repeat;
}

#home .contentareabottom {
background: url(/images/content-background-bottom.gif) bottom no-repeat;
}

.contentmainbar {
float: left; 
width: 448px;
}

.fullwidth .contentmainbar  {
width: 75%;
}

form h3 {
padding-top: 1em;
margin-top: 1em;
border-top: 1px solid #5877a4;
}

.box {
margin: 0 0 0 20px;
border: 1px solid #EAEAEA;
}

#careers .box {
margin: 0 0 0 20px;
}

#careers .box img {
display: inline;
margin-right: -3px;
margin-left: -3px;
}

.contentsidebar {
padding: 10px;
position: relative;
float: right;
background: #eef1f6;
width: 222px;
margin: 0 10px;
}

.leftcontentsidebar  {
float: left;
}

#home .contentmainbar {
width: 370px;
}

#home .contentsidebar {
padding: 0;
width: 320px;
}

#topfooter {
padding-top: 68px;
background: url(/images/footer-background-inner.gif) top no-repeat;
}

#home #topfooter {
padding-top: 68px;
background: url(/images/footer-background.gif) top no-repeat;
}

#footer {
clear: both;
padding: 0 0 10px 0;
background: #fff url(/images/wrapper-background-bottom.gif) bottom no-repeat;
}



#contentmainbar input {
width: 15em;
}

.contentarea form p {
margin: 0;
padding: 0;
}

