div.panel-client-title {background: #000;padding:12px;}
div.panel-client-title div {height:48px;overflow:hidden;}

div.panel-client-title div h2 { font-family: Georgia,Helvetica,Arial,sans-serif; font-size: 210%; font-weight: normal; color:#FFF;margin:  0 0 0 0; line-height: 1em;}
div.panel-client-title p {color: #FFF;margin:0 0 0 4px;}

div.client-panels  {margin:24px auto 16px auto ;height: auto;width:924px;}

td.client-panel  {padding:16px;width:195px;background-color:#D3E0AB;vertical-align:top;}

td.client-panel h3 {font-size: 200%;margin:18px 0 16px 0; line-height: 1.1em;  }

div.panel-basecamp  {margin:  24px 18px 8px 8px;-moz-border-radius:8px 8px 8px 8px;
-moz-box-shadow:0 0 6px #999999;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #AAAAAA;
padding:10px 19px 19px 19px;}


div.panel-success  {height:100px;margin:110px 0 0 0 ;}
div.panel-success p  {margin:0 0 0 6px ;}

div.panel-services  {width:944px;height:500px;padding:16px 0px 16px 16px ;background: #FFFFFF;overflow:hidden;}

div.panel-services  ul.services-thumbs  {  width: auto; height: auto;list-style: none;margin: 0 0 0 0; padding: 2px 0 0 0; }

div.panel-services  ul.services-thumbs li { float:left;margin: 0 15px 12px 0px;padding: 0 0 0 0;width:218px;height:250px;}

div.panel-services ul.services-thumbs img {width:165px;height:165px; border: 1px solid #CECECE;padding: 2px;}

div.panel-services  ul.services-thumbs a:hover img{border: 1px solid #999;padding: 2px;}

div.panel-services  ul.services-thumbs a.active img{border: 1px solid #000;padding: 2px;}

div.panel-services ul.services-thumbs a:hover { }



div.panel-about  { height:60px;}

div.panel-home  { float:left;width:430px;height:288px;padding: 0 0 4px 0;margin:  0 0 8px 8px;}

div.panel-home-image  {width:215px; height:215px;float:right;padding: 2px;margin:0;overflow:hidden;border: 1px solid #CECECE;}

div.panel-home-image div {width:215px; height:215px;margin:0;overflow:hidden;}

div.panel-home-image a img {}

div.panel-home-image a:hover img{}

div.panel-home-image a.active img{}

div.panel-home-main {width:200px; float:left;padding:0;margin:  0;}

div.panel-home-main p { margin: 0 0 .5em 0; padding-bottom: 4px;font: normal 0.9em Georgia,Helvetica,Arial,sans-serif;line-height: 1.2em;color: #444;}

div.panel-home-main h4{margin: 0 0 .2em 0;} 
div.panel-home-main h2{margin: 0 0 0 0;line-height: 0.9em;} 

p.entry-summary{margin:  .4em 0 .3em 0; padding-bottom: 0px;font: normal 1em Helvetica, Arial, Verdana, sans-serif;line-height: 1.2em;color: #46280d;}
p.small { font-size: 0.8em;line-height: 1.2em; margin:  .3em 0; padding-bottom: 6px;}

div.panel-home-main h4 a:link,div.article-listing-main h4 a:visited {text-decoration:none;color:#701400;} 

div.panel-home-main h4 a:hover {text-decoration:none;color:#444444;} 

div.panel-home-main p strong a:link, div.panel-home-main p strong a:visited {text-decoration:none;color:#701400;} 

div.panel-home-main p strong a:hover {text-decoration:none;color:#444444;} 

.home-intro {height:150px;padding:12px 0 0 0;}
.panel-follow {height:150px;padding:12px 0 0 0;}

.panel-follow h3{}

ul.follow {color:#666666;font:0.8em Georgia,Helvetica,Arial,sans-serif;list-style-type:none;margin:0;padding:0;text-decoration:none;float:right;position:relative;}

ul.follow li {display:block;list-style-type:none;margin:0;padding:0 0 2px;width:auto;}

ul.follow li a {display:inline;float:none;margin:0;padding:0;text-decoration:none;}

ul.follow li img {display:block;float:left;margin:0;
padding:0 3px 0 0;width:16px;}

ul.follow li a:link, ul.follow li a:visited {color:#666666;
text-decoration:none;}

ul.follow li a:hover {color:#000;}


/* Case Study Pullquotes
--------------------------------------------------*/

.pullquote {padding: 0px 0px 12px 0px;margin: 0;color:#CFE4A7;}

div.article-image {float:left;padding:0 12px 8px 0;margin:0;overflow:hidden;}

div.article-image img {border: 1px solid #CECECE;padding: 2px;}

/* Panel News
--------------------------------------------------*/
span.date {font-size:0.8em;font-style:italic;color:#999;}

div.article-listing  { float:left;width:400px;padding: 0 0 4px 0;margin:  0 0 8px 8px;}

div.current {display:none;}

div.article-listing-image  {width:75px; height:75px;float:left;padding:0;margin:0;overflow:hidden;}

div.article-listing-image a img {width:65px;height:65px; border: 1px solid #CECECE;padding: 2px;}

div.article-listing-image a:hover img{border: 1px solid #999;padding: 2px;}

div.article-listing-image a.active img{border: 1px solid #000;padding: 2px;}

.panel-case-studies ul.thumbs a:hover { }

div.article-listing-main {width:316px; float:right;padding:0;margin:  0;}

div.article-listing-main p { margin:  .1em 0 .3em 0; padding-bottom: 0px;font: normal 0.9em Helvetica, Arial, Verdana, sans-serif;line-height: 1.2em;color: #444;}

div.article-listing-main h4{margin: 0 0 .2em 0;} 

p.entry-summary{margin:  .4em 0 .3em 0; padding-bottom: 0px;font: normal 1em Helvetica, Arial, Verdana, sans-serif;line-height: 1.2em;color: #46280d;}
p.small { font-size: 0.8em;line-height: 1.2em; margin:  .3em 0; padding-bottom: 6px;}

div.article-listing-main h4 a:link,div.article-listing-main h4 a:visited {text-decoration:none;color:#701400;} 

div.article-listing-main h4 a:hover {text-decoration:none;color:#444444;} 

/* Case Studies
--------------------------------------------------*/
.panel-case-studies {width: 400px;height: auto;margin: 0px;padding: 0px;}

.panel-case-studies ul.thumbs  {  width: auto; height: auto;list-style: none;margin: 0 0 0 0; padding: 12px 0 0 8px; }

.panel-case-studies ul.thumbs li { float:left;margin: 0 15px 12px 0px;padding: 0 0 0 0; }

.panel-case-studies ul.thumbs img {width:85px;height:85px; border: 1px solid #CECECE;padding: 2px;}

.panel-case-studies ul.thumbs a:hover img{border: 1px solid #999;padding: 2px;}

.panel-case-studies ul.thumbs a.active img{border: 1px solid #000;padding: 2px;}

.panel-case-studies ul.thumbs a:hover { }

/* Sub Nav
--------------------------------------------------*/

#subnav{width: 952px;height:25px;background-color: #FFF;margin: 0px auto;padding:4px;}

#subnav ul { width: 940px;height: 1.4em;padding:6px 0 0 10px;;margin: 0px;display: block;font: 0.9em  "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;}

#subnav ul li {width: auto;height: 1em;list-style-type: none;padding: 0 0 0 0;margin: 0 14px 0 0; display: block;float: left;text-align: left;}

#subnav ul li a:link, #subnav ul li a:visited {color: #666;text-decoration: none;display: block;width: auto;height: auto;margin: 0 ;padding: 0;}

#subnav ul li a:hover {color: #000;}
#subnav ul li a.active {color: #000;}
#subnav ul li a:active {color: #000;}

/* Members Carousel
--------------------------------------------------*/

#client-carousel { width: 960px;height:125px;background-color: #FFF;margin:  0 0 0 0;}

.jcarousel-list li img {border:none;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}

.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}

.jcarousel-list {z-index: 1;overflow: hidden; position: relative;top: 0;left: 0; margin: 0; padding: 0;}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 85px;
    height: 85px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3; display: none;}

.jcarousel-skin-tango .jcarousel-container {background: none;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 877px;padding: 20px 40px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  877px;height: 90px;}

.jcarousel-skin-tango .jcarousel-item {width: 85px;height: 85px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: 28px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute;top: 0px;right: 0px;width: 32px;height: 120px; cursor: pointer;background: transparent  url(../images/next-horizontal.png) no-repeat 0 48px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 48px;}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 48px;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 48px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 0px;width: 32px;height: 120px;cursor: pointer;background: transparent url(../images/prev-horizontal.png) no-repeat 0 48px;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 48px;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 48px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default; background-position: -96px 48px;}

/* Accordion
------------------------------------------------ */
/* hide container until all is ready */
.accordion {display: none;background:#FFF;}

/*Main Container*/
.container {width:972px;height:310px;background-color:#FFF;}
.container-home {width:969px;height:310px;background-color:#FFF;}

.container ul, .container-home ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li, .container-home li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
.contentWrapper{	}

.contentInnerWrapper{padding: 0px;overflow:hidden;}

/* Handle*/
.handle {
	float: left;
	width: 20px;
	height: 310px;
        border-right:1px solid #fff;
	background: #666;
}

.handleOver{background: #D3E0AB;}

.handleSelected{background: #000;}

div#accordionHandle0 {background: #666  url(../images/0-normal.gif) no-repeat 0px 0px;}
div#accordionHandle0.handleOver {background: #D3E0AB  url(../images/0-hover.gif) no-repeat 0px 0px;}
div#accordionHandle0.handleSelected {background: #000  url(../images/0-active.gif) no-repeat 0px 0px;}

div#accordionHandle1 {background: #666  url(../images/1-normal.gif) no-repeat 0px 0px;}
div#accordionHandle1.handleOver {background: #D3E0AB  url(../images/1-hover.gif) no-repeat 0px 0px;}
div#accordionHandle1.handleSelected {background: #000  url(../images/1-active.gif) no-repeat 0px 0px;}

div#accordionHandle2 {background: #666  url(../images/2-normal.gif) no-repeat 0px 0px;}
div#accordionHandle2.handleOver {background: #D3E0AB  url(../images/2-hover.gif) no-repeat 0px 0px;}
div#accordionHandle2.handleSelected {background: #000  url(../images/2-active.gif) no-repeat 0px 0px;}

div#accordionHandle3 {background: #666  url(../images/3-normal.gif) no-repeat 0px 0px;}
div#accordionHandle3.handleOver {background: #D3E0AB  url(../images/3-hover.gif) no-repeat 0px 0px;}
div#accordionHandle3.handleSelected {background: #000  url(../images/3-active.gif) no-repeat 0px 0px;}

div#accordionHandle4 {background: #666  url(../images/4-normal.gif) no-repeat 0px 0px;}
div#accordionHandle4.handleOver {background: #D3E0AB  url(../images/4-hover.gif) no-repeat 0px 0px;}
div#accordionHandle4.handleSelected {background: #000  url(../images/4-active.gif) no-repeat 0px 0px;}

div#accordionHandle5 {background: #666  url(../images/5-normal.gif) no-repeat 0px 0px;}
div#accordionHandle5.handleOver {background: #D3E0AB  url(../images/5-hover.gif) no-repeat 0px 0px;}
div#accordionHandle5.handleSelected {background: #000  url(../images/5-active.gif) no-repeat 0px 0px;}

div#accordionHandle6 {background: #666  url(../images/6-normal.gif) no-repeat 0px 0px;}
div#accordionHandle6.handleOver {background: #D3E0AB  url(../images/6-hover.gif) no-repeat 0px 0px;}
div#accordionHandle6.handleSelected {background: #000  url(../images/6-active.gif) no-repeat 0px 0px;}

div#accordionHandle7 {background: #666  url(../images/7-normal.gif) no-repeat 0px 0px;}
div#accordionHandle7.handleOver {background: #D3E0AB  url(../images/7-hover.gif) no-repeat 0px 0px;}
div#accordionHandle7.handleSelected {background: #000  url(../images/7-active.gif) no-repeat 0px 0px;}

div#accordionHandle8 {background: #666  url(../images/8-normal.gif) no-repeat 0px 0px;}
div#accordionHandle8.handleOver {background: #D3E0AB  url(../images/8-hover.gif) no-repeat 0px 0px;}
div#accordionHandle8.handleSelected {background: #000  url(../images/8-active.gif) no-repeat 0px 0px;}

/* Link styles
------------------------------------------------ */
a:link, a:visited {color: #444; text-decoration: underline;outline: none;}
a:hover   {color: #000; text-decoration: underline;}
a:active  {color: #000; }

/* Container
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center;
background-color: #151515;}

#all {margin: 0px auto;width: 1024px;height:auto;text-align: center;padding: 0 0 32px 0;background-color: #EDEFF0; }

#main {width: 960px;margin: 0px auto 0px auto;text-align: left;background-color: #EDEFF0;}

#content {width: 960px;background: #FFF url(../images/bkgd_content_split.gif) no-repeat top center;float:left;margin:  2px 0 0 0;}


/* Header
------------------------------------------------ */

#header {height: 160px;width: 960px;margin: 0px auto;padding: 0;text-align: right;}

.header-left{height: 50px;width: 738px;margin: 36px auto 0px auto;padding: 0 0 0 0;text-align: left;float:left;}

.header-right{height: 100px;width: 217px;margin: 0px auto;padding: 0px;text-align: right;float:right;}

#header .header-right h1 { margin:  20px 0 0 0;padding-bottom: 0px;}

#header .header-right h1 span {position:absolute;left:-20000px;}


/* Banner
------------------------------------------------ */

#accordion {padding: 2px;margin:5px auto 20px auto ;height: 310px;width:956px;background-color: #FFF;overflow:hidden;}

#slideshow {border: 2px solid #FFF;margin:5px auto 20px auto ;height: 310px;width:956px;background-color:#FFF;overflow:hidden;}

#static {border: 2px solid #FFF;margin:5px auto 20px auto ;height: 310px;width:956px;background-color: #FFF;overflow:hidden;}

/* Footer
------------------------------------------------ */

#footer {margin: 0px auto;width: 960px;height:170px;padding: 0px;background-color: #FFF;background-image: url('../images/footer.gif');background-repeat:no-repeat;background-position:bottom right;color:#FFF;}

.footer-lhs{float:left;width:550px;padding:84px 16px 16px 16px;}
.footer-rhs{float:right;width:265px;padding:52px 16px 16px 16px;}

.footer-lhs a:link, .footer-lhs a:visited, .footer-rhs a:link, .footer-rhs a:visited {color: #FFF;margin: 0 ;padding: 0;}

.footer-lhs a:hover, .footer-rhs a:hover  {color: #000;}
.footer-lhs a.active, .footer-rhs a.active {color: #000;}
.footer-lhs a:active, .footer-rhs a:active {color: #000;}

.footer-rhs p.small {margin:  0 0 0.5em 0;padding-bottom: 0px;}
.footer-rhs p span{font-size:1.5em;line-height:0.9em;}
.footer-lhs p span{font-size:1.2em;line-height:0.9em;}

/* Nav
------------------------------------------------ */

#nav { width: 732px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px; position: relative;z-index:2;top:67px;left:0px;text-align:left;}


/* Sitemap
--------------------------------------------------*/

ul.sitemaplist {padding: 0 0 6px 0;margin:0 0 0 0;list-style-type: none;}

ul.sitemaplist li{list-style-type: none;padding: 0 0 4px 8px;margin-left:0px;}

ul.sitemaplist li a{ height:auto;padding:0px 0 5px 0; margin: 0 0 0 0;font-size:0.9em;line-height:0.9em;}

/* Layout
------------------------------------------------ */

.col-1-wide {height: auto;float: left;width: 890px; padding: 0px;margin: 0px;overflow:hidden;}
.col-1 {height: auto;float: left;width: 460px; padding: 0px;margin: 0px;overflow:hidden;}
.col-2 {height: auto;float: right;width: 470px;padding: 0 0 16px 0;margin: 0px;}

.col-1-client {height: auto;float: left;width: 220px; padding: 0px;margin:16px 0 0 16px;overflow:hidden;}
.col-2-client {height: auto;float: left;width: 220px;padding: 0 0 16px 0;margin:0 0 0 2px;}
.col-3-client {height: auto;float: right;width: 470px;padding: 0 0 16px 0;margin: 0px;}

.col-1-client img {border: 1px solid #CECECE;margin:0 0 0 4px;}

.home {background-image: url('../images/bkgd_home_rhs.gif');background-repeat:no-repeat;background-position:100% 16px;}

.services {background-image: url('../images/bkgd_services_rhs.gif');background-repeat:no-repeat;background-position:100% 16px;}

#content-main, #content-main-client {width: auto;height: auto;margin: 0px; padding: 16px;overflow:hidden;color: #161616;}
#content-sidebar, #content-sidebar-client{width: auto;height: auto;margin: 0px;padding: 16px;color: #161616;}


/* Images
------------------------------------------------ */
img{border:none;}

.image-right { float: right;position: relative; margin: 0px 0 0px 0px; border:none;}
.image-left {float: left; position: relative;margin: 0px 0px 0px 0; border:none;}

/* Headers and Paragraphs:
------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {margin:  .4em 0 .2em 0;line-height: 1.2em;padding-bottom: 0px;}

h1 { font-family: Georgia,Helvetica,Arial,sans-serif; font-size: 180%; font-weight: normal; color: #000; }
h2 { font-family: Georgia,Helvetica,Arial,sans-serif; font-size: 150%; font-weight: normal; color:#000;margin:  0 0 0 0; line-height: 1em;}
h3 { font-family: Georgia,Helvetica,Arial,sans-serif; font-size: 120%; font-weight: normal; color: #000; line-height: 1em; margin:  .4em 0 0.2em 0em;}
h3.sifr { font-family: Georgia,Helvetica,Arial,sans-serif; font-size: 120%; font-weight: normal; color: #000; padding-bottom:0px; line-height: 1em; margin:  0 0 0.2em 0em;}
h4 { font-size: 110%; font-weight: normal; color: #e43a45; }
h5 { font-size: 80%; font-weight: bold; color: #000; }

p {line-height: 1.5em;margin:  0 0 0.5em 0;padding-bottom: 4px;}
p.study {line-height: 1.5em;margin: 1em 0 0.5em 0;padding-bottom: 4px;}

/* The Basics
------------------------------------------------ */
html, body, form, fieldset { margin: 0;padding: 0; font: normal 100.01%/1.3em Georgia,Helvetica,Arial,sans-serif;}

html { font-size: 80%; } /* 1em = 10px */
html { font-size: 90%; } /* override it ... go bigger */

/* Misc
------------------------------------------------ */
form label{cursor: pointer;}
fieldset {border: none;}
input, select, td {font-size: 100%;}
textarea {font: normal 11px/12px Georgia,Helvetica,Arial,sans-serif;}
.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; background-color:#FFF;}
input.blur {color: #999;}
#atff {display: none;}

/* Pagination
------------------------------------------------ */

div.pagination{width: 518px;margin-top:36px;font: normal 90% Verdana, Arial, Helvetica, sans-serif;line-height:1.1em;}
.pagination ul{margin: 0;padding: 0;text-align: left;height:20px;}
.pagination li{list-style-type: none;display: block;float: left;padding-bottom: 1px;margin-right:0px;}
.pagination li.paginationCurrent {color:#000; background-color:#F8F8F8;display: block;float: left;}
.pagination li.paginationEmpty {background-color: #F8F8F8;padding: 4px 8px;display: block;float: left;}
.pagination a:link, .pagination a:visited{text-decoration: none; color: #000;background-color: #e2e2e2;padding: 4px 8px 4px 8px;border:none;display: block;}
.pagination a:hover, .pagination a:active{color: #fff;background-color: #FF6B00;border:none;}
.pagination a.prevnext{font-weight: bold;border:none;}