html, body

{

background: #c6b9ae url(images/back_hori.gif) repeat-x;
background-position: 0 0;	
margin: 0;
	padding: 0;
	border: 0;
text-align: center;
	font: normal 13px/15px Arial, Helvetica, sans-serif;	
color: #000;
}

img {
border: 0;
}


strong{
font-size: 14px;
}

a {
color: #3F2312;
}

#horizontal_expander{
background: transparent url(images/back_hori.gif) repeat-x;
height: 325px;
width: 100%;
margin: 0 auto;
display: none;
}



#wrapper {
text-align: left;
width: 707px;
margin: 0 auto;
background: #c6b9ae url(images/back_vert.gif) repeat-y;
position: relative;
z-index: 2;
min-height: 700px;
border-bottom: solid 5px #000;
margin-bottom: 50px;
}


* html #wrapper{
height: 700px;
}


h1#header{
display: block;
width: 100%;
background: transparent url(images/header.jpg) no-repeat;
background-position: 2px 0;
height: 120px;
margin: 0;
padding: 0;
}

.home h1#header{
background-image: url(images/header_home.jpg);
}

.about_us h1#header{
background-image: url(images/header_about.jpg);
}

.services h1#header{
background-image: url(images/header_services.jpg);
}


.performance h1#header{
background-image: url(images/header_performance.jpg);
}


h1#header span{
display: none;
}


h1#header a{
display: block;
width: 200px;
height: 115px;
margin: 0;
padding: 0;
}


#nav {
width: 200px;
margin: 0 0 0 2px;
padding: 0 0;
position: absolute;
top: 120px;
}


#nav ul{
margin: 0 0;
padding: 0 0;
list-style: none;
width: 200px;
height: 196px;
border-bottom: 9px solid #000;
background: transparent url(images/nav.gif) no-repeat -200px 0;
}

#nav ul li a{
display: block;
width: 100%;
height: 0;
margin: 0;
overflow: hidden;
padding-top: 28px;
line-height: 28px;
background: transparent url(images/nav.gif) no-repeat;
}

#nav ul li a:hover{
background: transparent;
}

#nav ul li#p1 a{
background-position: 0 0;
}

#nav ul li#p2 a{
background-position: 0 -28px;
}

#nav ul li#p3 a{
background-position: 0 -56px;
}

#nav ul li#p4 a{
background-position: 0 -84px;
}

#nav ul li#p5 a{
background-position: 0 -112px;
}

#nav ul li#p6 a{
background-position: 0 -140px;
}

#content{
margin: 0;
margin-right: 2px;
margin-bottom: 80px;
width: 501px;
float: right;
display: inline;
}

* html #content{
padding-top: 20px;
}

#home_page_image{
border: 0;
margin: 0;
border-bottom: 9px solid #000;
}



* html #home_page_image{
margin-top: -20px;
}

#content p, h2, h3, h4, h5{
color: #635950;
width: 450px;
margin-left: 25px;
display: inline;
}

#content p{
font: normal 13px/18px arial, verdana, helvetica, sans-serif;
color: #000;
}

img.heading{
margin: 30px 0 0 25px;
}

blockquote{
margin-left: 5%;
display: block;
clear: both;
background: #f2edea url(images/quote.gif) no-repeat;
padding: 20px;
border: 1px solid #cfc2ba;
padding-top: 20px;
color: #535252;
}


* html blockquote{
padding-top: 10px;
}


#nav a{
display: block;
height: 0;
width: 167px;
overflow: hidden;
margin-left: 15px;
background: transparent url(images/side_links.gif) no-repeat;
}


#reasons{
padding-top: 65px;
margin-top: 20px;
}

#reasons:hover{
background-position: -159px 0;
}

#nav a#career{
padding-top: 35px;
background-position: -5px -75px;
}

#nav a#career:hover{
background-position: -168px -75px;
}


#nav a#media{
padding-top: 50px;
background-position: 0 -124px;
}

#nav a#media:hover{
background-position: -159px -124px;
}


#nav a#newsletters{
padding-top: 30px;
background-position: 0 -180px;
}

#nav a#newsletters:hover{
background-position: -159px -180px;
}

#nav a#tools{
padding-top: 50px;
background-position: 0px -208px;
}
#nav a#tools:hover{
background-position: -169px -208px;
}


#nav a#keynote{
padding-top: 50px;
background-position: -14px -255px;
}

#nav a#keynote:hover{
background-position: -183px -255px;
}

#nav a#whyus{
padding-top: 50px;
background-position: 0px -310px;
}

#nav a#whyus:hover{
background-position: -160px -310px;
}








/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

margin: 0;

}

.tabberlive {

margin: 0;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

list-style: none;

padding: 0;

margin-left: 25px;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

float: left;

}



ul.tabbernav li a

{

float: left;

 padding-top: 18px;

height: 0;

overflow: hidden;

background-repeat: no-repeat;

}



ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a{

background-position: 0 -18px;

}



.about_us #undefinednav1{

display: none;

}



.about_us #undefinednav2 {

background-image: url(images/2b.gif);

width: 90px;

}



.about_us #undefinednav3 {

background-image: url(images/2c.gif);

width: 140px;

margin-left: 10px;

}



.about_us #undefinednav4 {

background-image: url(images/2d.gif);

width: 127px;

margin-left: 0;

}





.services #undefinednav1{

display: none;

}



.services #undefinednav2 {

background-image: url(images/3a.gif);

width: 127px;

}



.services #undefinednav3 {

background-image: url(images/3b.gif);

width: 167px;

}



.services #undefinednav4 {

background-image: url(images/3c.gif);

width: 89px;

}



.keynote #undefinednav1{

display: none;

}



.keynote #undefinednav2 {
background-image: url(images/12a.gif);
width: 158px;
}



.keynote #undefinednav3 {

background-image: url(images/12b.gif);

width: 105px;

}



.keynote #undefinednav4 {

background-image: url(images/12cnewcopy.gif); width: 126px.gif);

width: 135px;

}





.management #undefinednav1{

background-image: url(images/6a.gif);

width: 143px;

}



.management #undefinednav2 {

background-image: url(images/6b.gif);

width: 96px;

}



p, h4 {

float: left;

clear: both;

}





#content .tabbertab ul, .list{

clear: both;

width: 80%;

padding: 0;

padding-top: 1px;

margin: 20px 0 0 25px;

list-style: none;

margin-left: 5%;

display: block;

clear: both;

background-color: #f2edea;

border: 1px solid #cfc2ba;

padding: 20px;

padding-top: 0;

color: #535252;

}





#content .tabbertab ul li, .list li{

margin-top: 20px;

padding-left: 35px;

background: transparent url(images/bullet.gif) no-repeat;

background-position: 0 50%;

}



.zebra{

padding-left: 15px;

}



blockquote.zebra{

padding-left: 30px;

}



.odd{
position: relative;
right: 15px;
background-color: #f2edea;
display: block;
padding: 15px;
margin: 15px 0;
border: 1px solid #ccc;
border-width: 1px 0;
}



.even{
position: relative;
right: 15px;
background-color: #ffffff;
display: block;
padding-left: 15px;
padding-right: 15px;
margin: 15px 0;
}

blockquote .even{
right: 15px;
}



#content ul li.even{
right: 10px;
background-color: #fff;
padding-left: 45px;
background-position: 10px 50%;
}


#footer{
position: absolute;
bottom: 0;
height: 40px;
font: normal 10px/40px tahoma, arial, helvetica, sans-serif;
text-align: right;
width: 100%;
border-top: 1px solid #000;
}



#footer span{

margin-right: 20px;

}



#content img.portrait{

float: left;

border: 1px solid  #999;

padding: 2px;

margin: 0 20px 10px 0;

}#nav ul li#p7 a { background-position: 0 -168px; }

.articleheader{
color: #000000;
font-size:20pt;
}
.about_us #undefinednav5 {  background-image: url(/images/2e_new.gif); clip:    rect(   )}