body {
background: url(../images/bodyBcgr.jpg) repeat-x #f2f6f9;
font: 75%/1.4em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #252525;
margin: 0; padding: 0; 
}

/*DEFAULTS*/
ul, li { list-style: none; padding: 0; margin: 0; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px  !important; }
.imageText, p.skipNav { position: absolute; width: 20em; left: -999em; margin: 0; padding: 0; top: 0; overflow: hidden; font-size: 1px; line-height: 1; }
p { margin: 0; padding: 0; }
.over { cursor: pointer; }
p#endLine, p#clearContent { clear: both; font-size: 1px; line-height: 1; overflow: hidden; height: 1px; background-color:transparent; margin: 0; }
p#endLine { padding-top:55px; }
p.readmore {text-align: right}
p.readmore a { padding: 0 16px 0 0; }

/*JS_DEFAULTS AND RESERVED*/

.blockOver, .blockOver a {cursor: pointer; }
#jsWarning { position: relative; left: 56px; top: 112px;
width: 170px; height: 20px; overflow: hidden; }
body.jsWorks #jsWarning { display: none; }
.js { display: none; }
body.jsWorks span.js { display: inline; }

#wrapper { width: 808px; margin: 0 auto; }
#wrapInner { width: 760px; padding: 0 24px; background: url(../images/contBcgr.gif) repeat-y #e9edf0; }

#logoArea { position: relative; width: 760px;  height: 70px;
background-color: transparent; }

#logo{
position: absolute;
left:  0 ; top: 9px;
width: 280px; height: 47px; 
}
#topBar { 
background-repeat: no-repeat; width: 760px; height: 43px; 
}
body#index #topBar { background-image: url(../images/ind_topImg.jpg); height: 220px; }
body#about #topBar { background-image: url(../images/barAbout.gif); }
body#services #topBar { background-image: url(../images/barServices.gif); }
body#resources #topBar { background-image: url(../images/barResources.gif); }
body#partners #topBar { background-image: url(../images/barPartners.gif); }
body#contact #topBar { background-image: url(../images/barContact.gif); }

#menuMain { position: absolute; right: 0; top: 0; width: 446px; height: 32px; background: url(../images/menu.gif) no-repeat transparent;}

#menuMain li{
float: left;
width: 67px; height: 32px;
}

#menuMain li.about {width: 61px;}
#menuMain li.services{width: 77px;}
#menuMain li.partners{width: 78px;}
#menuMain li.resources{width: 89px;}
#menuMain li.contact{width: 74px;}

#menuMain a{
display: block; width: inherit; height: 32px;
text-indent: -999em;
background: url(../images/menu.gif) 0 0 no-repeat transparent;
}

#menuMain li.about a{background-position: -67px 0;}
#menuMain li.services a{background-position: -128px 0;}
#menuMain li.partners a{background-position: -205px 0;}
#menuMain li.resources a{background-position: -283px 0;}
#menuMain li.contact a{background-position: -374px 0;}

body#index #menuMain li.index a, #menuMain li.index a:hover {
background-position: 0 -32px;}
body#about #menuMain li.about a, #menuMain li.about a:hover {
background-position: -67px -32px;}
body#services #menuMain li.services a, #menuMain li.services a:hover {
background-position: -128px -32px;}
body#partners #menuMain li.partners a, #menuMain li.partners a:hover {
background-position: -205px -32px;}
body#resources #menuMain li.resources a, #menuMain li.resources a:hover {
background-position: -283px -32px;}
body#contact #menuMain li.contact a, #menuMain li.contact a:hover {
background-position: -372px -32px;}

body#index #menuMain li.index a:hover,
body#about #menuMain li.about a:hover,
body#partners #menuMain li.partners a:hover,
body#resources #menuMain li.resources a:hover,
body#services #menuMain li.services a:hover,
body#contact #menuMain li.contact a:hover {
cursor: default }

#subMenu { width: 200px; }
#content #subMenu li { width: 196px; padding: .7em 0 .7em 4px; border-bottom: 1px dotted green; }
#content #subMenu li:hover, #content #subMenu li.current { background-color: #42932d; cursor: pointer; }
#content #subMenu li:hover a, #content #subMenu li.current a  { color: #fff; }
#content #subMenu li.current, #content #subMenu li.current a  { cursor: default; }
#content #subMenu.over li.current:hover a, #content #subMenu.over li.current a  { color: #000; }

/*---INDEX-----------------------------*/
p { margin: 0 0 .6em 0}
body#index p { line-height: 1.6; }
#content li { padding: 0 0 .3em 14px; }


#content { width: 760px; margin-top: 25px; background-repeat: no-repeat; background-position: right top;}
body#about #content, body#partners #content, body#resources #content { min-height: 500px; }
body#about #content { background-image: url(../images/rightImgAbout.jpg); }
body#about.comp #content { background-image: none; }
body#resources.peer #content { background-image: url(../images/rightImgResPeer.jpg); }
body#resources.exten #content { background-image: url(../images/rightImgResExt.jpg); }
body#resources.strong #content { background-image: url(../images/rightImgResStrong.jpg); }
body#resources.measure #content { background-image: url(../images/rightImgResMeas.jpg); }
body#partners #content { background-image: url(../images/rightImgPartners.jpg); }
body#contact #content { background-image: url(../images/rightImgContact.jpg); }

#contentLeft { float: left; width: 228px; }
#contentRight { float: left; width: 370px; }

body#index #contentLeft, body#index #contentMid, body#index #contentRight { float: left; width: 256px; }
body#index #contentLeft { width: 248px; }

body#index #contentMid h2, body#index #contentRight h2, body#index #contentMid p, body#index #contentRight ul { margin-left: 8px; width: 248px; }

body#about.comp #contentRight, body#resources.perform #contentRight { width: 500px; }
body#about.comp #contentRight p { float: left; width: 230px; line-height: 1.6; }

#contentRight h1 { width: 370px; height: 18px; 
background-repeat: no-repeat; text-indent: -999em; margin: 0 0 20px 0; padding: 0; font-size: 1px; line-height: 1;
}
body#about.overview #contentRight h1  { background-image: url(../images/aboutOverviewHead.gif); }
body#about.why #contentRight h1  { background-image: url(../images/aboutWhyHead.gif); }
body#about.unique #contentRight h1  { background-image: url(../images/aboutUniqueHead.gif); }
body#about.comp #contentRight h1  { background-image: url(../images/aboutCompHead.gif); }

body#resources.peer #contentRight h1  { background-image: url(../images/resPeerHead.gif); }
body#resources.exten #contentRight h1  { background-image: url(../images/resExtenHead.gif); }
body#resources.strong #contentRight h1  { background-image: url(../images/resStrongHead.gif); }
body#resources.measure #contentRight h1  { background-image: url(../images/resMeasureHead.gif); }
body#resources.perform #contentRight h1  { background-image: url(../images/resPerformHead.gif); }

h2 { width: 248px; height: 34px; 
background: url(../images/ind_subheaders.gif) no-repeat 0 0; text-indent: -999em; margin: 0 0 10px 0; padding: 0; font-size: 1px; line-height: 1; }

h2#new { background-position: 0 -34px; margin-top: 16px;}
h2#are  { background-position: 0 -68px;}
h2#res { background-position: 0 -102px; }

.leftText { width: 228px; margin-top: 60px; height: 250px; background-repeat: no-repeat;}

body#about.overview .leftText  { background-image: url(../images/aboutOverviewText.gif); }
body#about.why .leftText  { background-image: url(../images/aboutWhyText.gif); }
body#about.unique .leftText  { background-image: url(../images/aboutUniqueText.gif); }
body#about.comp .leftText  { background-image: url(../images/aboutCompText.gif); }

body#resources.peer .leftText { background-image: url(../images/resPeerText.gif); }
body#resources.exten .leftText { background-image: url(../images/resExtenText.gif); }
body#resources.strong .leftText { background-image: url(../images/resStrongText.gif); }
body#resources.measure .leftText { background-image: url(../images/resMeasureText.gif); }

body#services .leftText  { background-image: url(../images/servicesFirstText.gif); }

body#partners .leftText  { background-image: url(../images/partnersMap.gif); }

body#resources.perform #content { position: relative; height: 560px; }
body#resources.perform #subMenu { position: absolute; top: 0; left: 0; }
body#resources.perform #resModel { position: absolute; top: 130px; left: 40px; }
body#resources.perform #contentRight { margin-left: 226px; }

#contentRight li { font-weight: bold; padding-left: 0;  }
#contentRight li ul { margin: .4em 0 0 0; }
#contentRight li li { font-weight: normal; padding-left: 16px; background: url(../images/liCubeBlue.gif) no-repeat 0 .5em;}
#contentRight li li li{ font-weight: normal; padding-left: 16px; background: url(../images/liCubeYellow.gif) no-repeat 0 .5em;}

body#resources.strong #contentRight li { font-weight: normal; padding-left: 16px; background: url(../images/liCubeBlue.gif) no-repeat 0 .5em;  }

body#index #contentRight li { font-weight: normal; padding-left: 16px; background: url(../images/liCubeBlue.gif) no-repeat 0 .5em; line-height: 1.6; }

body#services #contentRight { position: relative; min-height: 500px; }
body#services.jsOff #q2, body#services.jsOff #q3, body#services.jsOff #q4, body#services.jsOff #q5, body#services.jsOff #q6 { margin-top: 2.5em; }
body#services.jsOff #chart { display: none; }
body#services #chart{ position: absolute; top: 210px; left: -30px;}

body#services #contentRight h2, body#partners #contentRight h2 { width: 400px; height: 18px; 
text-indent: -999em; margin: 0 0 16px 0; padding: 0; font-size: 1px; line-height: 1; background-image: url(../images/servicesHeaders.gif); background-repeat:no-repeat;}
body#partners #contentRight h2 { background-image: url(../images/partnersNames.gif);  }
#contentRight h2.q2 {background-position: 0 -18px; }
#contentRight h2.q3 {background-position: 0 -36px; }
#contentRight h2.q4 {background-position: 0 -54px; }
#contentRight h2.q5 {background-position: 0 -72px; }
#contentRight h2.q6 {background-position: 0 -90px; }

body.jsOn #faqAns { display: none; }
#displayed {
width: 400px;  background-color: #fff;
margin: 8px 0 0 40px;  
}

body#partners.jsOff #contentRight, body#partners #displayed { width: 370px;  margin: 8px 0 0 0;   }
body#partners #contentRight h2 { width: 260px; margin: 0 0 16px 102px; }
img.partner { float: left; display: block; padding: 0 16px 10px 0; width: 87px; margin-top: -34px;}

body#partners.jsOff #q2, body#partners.jsOff #q3, body#partners.jsOff #q4, body#partners.jsOff #q5 { margin-top: 2.5em; }


#chartRes { position: relative; height: 314px; }
#chartRes img {display: block; }
#chartLi { position: absolute; top: 155px; left: 14px; }
body#resources #content #chartLi li { padding-bottom: .1em; background-image: url(../images/liCubeYellow.gif); }
body#resources #chartLi li.f { background-image: none; padding-left: 0;}
#chartLi h4{ margin: 0; padding-bottom: 0.3em; }

/*---FOOTER-----------------------------*/
#endShade { background: url(../images/footerBcgr.jpg) no-repeat; width: 808px; height: 21px; clear: both; }

#footer {
clear: both;
font-size: 1em;
margin: 0 auto;
width: auto;
padding: 6px 0 16px;
text-align: center;
}
#footer li {
display: inline;
margin: 0 -4px 0 0;
background: url(../images/footerDivider.gif) left center no-repeat;
}

/* over is set by js*/
#footer li.first, #footer li.over, #footer li.index {
background-image: none;
}
#footer li a {
padding: 0 14px;
}
body#index #footer li.index a,
body#about #footer li.about a,
body#services #footer li.services a,
body#partners #footer li.partners a,
body#resources #footer li.resources a,
body#contact #footer li.contact a {
background-color: transparent; color: #252525; cursor: default;
}
#footer a:hover {
background-color: #42932d; color: #fff;
}
#footer a.current:hover {
background-color: transparent; color: #252525; cursor: default; }

p#copyright {
margin: 0; padding-top: 8px;
}

/*---LINKS-----------------------------*/
a, a:link { color: #252525; text-decoration: none; }
a:hover { cursor: pointer; }
a.current { cursor: default; }
#content a, #content a:link, #content a:visited { color: #233374;  }
#content a:hover, .blockOver a, #content a:hover { color:#fff; background-color: #42932d; text-decoration: none; }

a:link img { border: 0; }
a:focus, a:active, a:visited { outline: none; }


/*---CONTACT FORM ---------*/

/*body#contact #content { height: 530px; } */
body#contact #content { position: relative; width: 670px; height: 520px;  margin-left: 90px;  padding-top: 12px;}

form {
position: relative;
left: 0px; top: 0; margin: 0;
height: 270px; width: 466px; 
color: #000;
background: url(../images/contactBcgr.jpg) no-repeat 0 0 transparent;
}
form * {
font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}
form fieldset { margin: 0; padding: 0; border: 0;
}
form legend { display: none;
}
form label {
display: none;
}
#nameErr, #emailErr {
font-size: 12px; 
color: #fff; background-color: #253994; padding-left: 4px;
font-style: italic;
position: absolute; left: 10px; width: 280px; top: 44px; text-align: left;
}
#emailErr { top: 88px; }

input { 
position: absolute; top: 19px; left: 128px; width: 242px; height: 24px;
margin: 0; border: 0; background-color: transparent;  padding: 0 0 0 4px;
font-size: 12px;}

textarea:focus, input:focus, input.ieFocus, textarea.ieFocus { background-color: #f2f7fa; }

input#email  { top: 61px; }

textarea { 
position: absolute; top: 106px; left: 128px; width: 305px; height: 140px;
margin: 0; border: 0; background-color: transparent; padding: 0 0 0 4px; overflow: auto;
font-size: 12px; }

input.safari { 
background-color: #f2f7fa; width: 246px; height: 24px; top: 19px;  left: 128px;
}
input#email.safari  { top: 61px; }
textarea.safari { width: 311px; }

form button {
position: absolute; left: 27px; top: 218px; width: 70px; height: 30px; 
background: url(../images/submitBtn.gif) no-repeat #dbe0e3; 
margin: 0;  padding: 0; border: 0; cursor: pointer;
}
button:hover, button.over { background-position: 0 -30px; }
button:active { background-position: 0 -30px; left: 28px; top: 219px; outline: none;  }


body#contact #thankYou, body#contact #thankYouError { position: absolute; top:30px; left: 60px; width: 400px; height: 100px; padding: 0; font-size: 1.2em; line-height: 1.5;  text-align: center; background-color: white; }

body#contact.jsOn #thankYou { display: none; }

.menuPngDarken span {
display: block;
width: inherit; height: inherit;
}

.applyPng span{
background: url(../images/trp20b.png);
}