* { margin: 0; padding: 0; }
.hide { display: none; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

body { font-family: arial, helvetica, verdana; background: #fff url(../images/ink-bg.jpg) no-repeat top left; padding-top: 17px; }
a { font-size: 12px; text-decoration: none; color: #3399CC; background: url(../images/learnmore_bg.gif) repeat-x bottom left; cursor: pointer !important; }
p.twitter a {background:none;}
a:hover { background: none }
div#frame { width: 960px; margin-left: 20px; background: url(../images/frame_top.png) no-repeat top left; padding-top: 10px; }

/*************************************************
Top
/***********************************************/
div#top { width: 960px; }
div#logo { width: 95px; float: left; display: inline; }
div#logo h1 a { width: 95px; height: 69px; display: block; overflow: hidden; text-indent: -9999px; }
div#logo h1#home a { background: url(../images/logos/logo_home.png) no-repeat top left; }
div#logo h1#approach a { background: url(../images/logos/logo_approach.png) no-repeat top left; }
div#logo h1#work a { background: url(../images/logos/logo_work.png) no-repeat top left; }
div#logo h1#services a { background: url(../images/logos/logo_services.png) no-repeat top left; }
div#logo h1#team a { background: url(../images/logos/logo_team.png) no-repeat top left; }
div#logo h1#contact a { background: url(../images/logos/logo_contact.png) no-repeat top left; }
div#navigation { /*width: 727px;*/ width:777px; float: right; display: inline; }
div#navigation ul { list-style: none; padding-top: 60px; }
div#navigation ul li { float: left; display: inline; }
div#navigation ul li a { height: 18px; display: block; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

div#navigation ul li a#hm { width: 45px; background-image: url(../images/home_nav.png); margin-right: 30px; }
div#navigation ul li a#hm:hover, div#navigation ul li.active a#hm { border-bottom: 5px solid #FE5457; }

div#navigation ul li a#srv { width: 105px; background-image: url(../images/services_nav.png); margin-right: 30px; }
div#navigation ul li a#srv:hover, div#navigation ul li.active a#srv { border-bottom: 5px solid #FE8A3D; }

div#navigation ul li a#app { width: 118px; background-image: url(../images/approach_nav.png); margin-right: 30px; }
div#navigation ul li a#app:hover, div#navigation ul li.active a#app { border-bottom: 5px solid #B5B402; }

div#navigation ul li a#wrk { width: 85px; background-image: url(../images/work_nav.png); margin-right: 30px; }
div#navigation ul li a#wrk:hover, div#navigation ul li.active a#wrk { border-bottom: 5px solid #5BC18F; }

div#navigation ul li a#tm { width: 79px; background-image: url(../images/team_nav.png); margin-right: 30px; }
div#navigation ul li a#tm:hover, div#navigation ul li.active a#tm { border-bottom: 5px solid #61B4DC; }

div#navigation ul li a#ct { width: 96px; background-image: url(../images/contact_nav.png); margin-right: 20px; }
div#navigation ul li a#ct:hover, div#navigation ul li.active a#ct { border-bottom: 5px solid #B78BE2; }

div#navigation ul li a#fi { width: 79px; background-image: url(../images/fresh_nav.png); }
div#navigation ul li a#fi:hover, div#navigation ul li.active a#fi { border-bottom: 5px solid #FE5457; }


/************************************************************
Content
/***********************************************************/
div#content { width: 960px; padding-bottom: 44px; }
div#flash { width: 960px; height: 267px; overflow: hidden; margin-top: 13px; border: solid 1px #e7e7e7 }
div#threecolumn { width: 960px; }
div#columnone { float: left; display: inline; width: 320px; background: url(../images/glow_between.png) no-repeat top right; padding-top: 32px; }
div#columnone h3 { width: 124px; height: 11px; display: block; overflow: hidden; background: url(../images/doyou_header.png) no-repeat top left; text-indent: -9999px; margin-left: 8px; }
div#columnone img { margin-left: 2px; margin-top: 16px; margin-bottom: 14px; }
div#columnone div#doyou { margin-left: 2px; margin-top: 16px; margin-bottom: 14px; overflow: hidden; display: block; width: 237px; height: 121px; background: url(../images/doyou_image.png) no-repeat top left; }
div#threecolumn p { font-size: 12px; line-height: 22px; color: #868686; padding-right: 18px; }
div#threecolumn p.calltoaction { padding-top: 15px; }
div#threecolumn p.calltoaction a { color: #3399cc; font-size: 12px; text-decoration: none; background: url(../images/learnmore_bg.gif) repeat-x bottom left; }
div#threecolumn p.calltoaction a:hover { background: none }
div#columntwo { width: 322px; background: url(../images/glow_between.png) no-repeat top right; float: left; display: inline; }
div#columntwo img { margin-left: 15px; margin-top: 7px; margin-bottom: 15px; }
div#columntwo div#whatcan { background: url(../images/apples.png) no-repeat top left; width: 292px; height: 129px; display: block; overflow: hidden; margin-left: 15px; margin-top: 7px; margin-bottom: 15px; }
div#columntwo h3 { width: 207px; height: 11px; display: block; overflow: hidden; background: url(../images/whatcan_header.png) no-repeat top left; text-indent: -9999px; margin-left: 13px; margin-top: 32px; }
div#columntwo p { margin-left: 13px; }
div#columnthree { width: 318px; float: left; display: inline; padding-top: 32px; } 
div#columnthree h3 { width: 74px; height: 9px; display: block; overflow: hidden; background: url(../images/fresh_header.png) no-repeat top left; text-indent: -9999px; margin-left: 13px; margin-bottom: 35px; }
div#columnthree img { margin-left: 13px; margin-bottom: 46px; }
div#columnthree div#newsimage { background: url(../images/fresh_ink.png) no-repeat top center; display: block; overflow: hidden; width: 95px; height: 72px; margin-left: 13px; margin-bottom: 46px; }
div#columnthree p { margin-left: 13px; }
div#columnthree p.twitter img { margin:0; border:0; }
div#approach_content { width: 960px; margin-top: 55px }
div#approach_content div#puzzle_bg { background: url(../images/puzzle_bg.png) no-repeat top right; margin-top: 60px; width: 309px; height: 235px; display: block; overflow: hidden; float: right; }
div#approach_content div#approach_text {  background: url(../images/glow_beneath.png) repeat-y top right; width: 578px; padding-right: 58px; float: left; }
div#approach_content div#approach_text h3 { font-size: 16px; line-height: 22px; color: #B4B402; padding-bottom: 13px; font-family: georgia; }
div#approach_content div#approach_text p { font-size: 12px; line-height: 22px; color: #999; padding-bottom: 15px; }
div#contact_content { border: 1px solid #E2DFD6; width: 958px; margin-top: 13px; background: url(../images/contact_image.jpg) no-repeat right #fff; padding: 30px 0 30px 30px}
div#services_content { width: 960px; margin-top: 50px; }
div#contact_content h3 { font-size: 22px; color: #B68BE1; font-family: georgia; padding-bottom: 12px; }
div#contact_content p#address { font-size: 12px; line-height: 22px; color: #999; padding-bottom: 5px; }
div#contact_content p#map a { font-size: 12px; line-height: 22px; text-decoration: none; color: #3399CC; }
div#contact_content p#map a span#maptext { background: url(../images/learnmore_bg.gif) repeat-x bottom left; float: left; display: inline; cursor: pointer; padding-top: 5px; }
div#contact_content p#map a:hover span#maptext { background: none }
div#contact_content p#map a span#mapimage { display: block; width: 37px; height: 37px; overflow: hidden; background: url(../images/map_bg.jpg) no-repeat top left; float: left; cursor: pointer; margin-left: 3px; }
div#contact_content p#phone { clear: left; padding-top: 10px; font-size: 12px; line-height: 22px; color: #999; }
div#contact_content p#email { font-size: 12px; line-height: 22px; color: #999; }
div#contact_content p#email a { font-size: 12px; line-height: 22px; text-decoration: none; color: #3399CC;  background: url(../images/learnmore_bg.gif) repeat-x bottom left; } 
div#contact_content p#email a:hover { background: none; } 
div#team_content { margin-top: 50px; width: 960px; }
div#work_content { margin-top: 26px; width: 960px; background: url(../images/books_bg.gif) no-repeat 755px 0; }
div#press { font-size: 12px; }
div#quote { width: 588px; margin-left: 10px; background: url(../images/right_quote.gif) no-repeat bottom right; padding-top: 52px; }
div#end { width: 588px; background: url(../images/quote_left.gif) no-repeat top left; }
div#quote p { font-size: 13px; line-height: 20px; color: #666; padding-right: 29px; padding-left: 40px; padding-top: 3px; }
div#quotee { width: 588px; margin-left: 10px; }
div#quotee p { font-size: 13px; line-height: 20px; color: #666; padding: 20px 29px 50px 40px; }
div#work_bottom { width: 960px; }
div#work_bottom ul#tabs { list-style: none; padding-top: 10px; }
div#work_bottom ul#tabs li { list-style: none; font-size: 12px; float: left; display: inline; margin-right: 3px; }
div#work_bottom ul#tabs li a { display: block; float: left; padding-bottom: 4px; background: transparent; text-decoration: none; color: #666; }
div#work_bottom ul#tabs li a span { background: #ddd; display: block; padding: 8px 17px; }
div#work_bottom ul#tabs li a.active-tab, div#work_bottom ul#tabs li a:hover  { background: url(../images/arrow_bottom.gif) no-repeat bottom center; color: #fff; padding-bottom: 4px; }
div#work_bottom ul#tabs li a.active-tab span, div#work_bottom ul#tabs li a:hover span { background: #66cc99; } 
div.panel { display: none; clear: left; width: 960px; padding-top: 25px; background: url(../images/glow_beneath3.png) no-repeat top; }
div.panel.active-tab-body { display: block; }
div.work_columns { width: 320px; float: left; display: inline; background: url(../images/glow_between.png) no-repeat top right; }
div.work_columns h3 { display: block; text-indent: -9999px; overflow: hidden; height: 11px; margin-bottom: 31px; margin-top: 10px; margin-left: 8px; }
div.work_columns h3#cont { width: 184px; background: url(../images/consumertechnology_header.gif) no-repeat top left; }
div.work_columns h3#b2b { width: 130px; background: url(../images/b2btechnology_header.gif) no-repeat top left; }
div.work_columns h3#cne { width: 107px; background: url(../images/cleanenergy_header.gif) no-repeat top left; }
div.work_columns p.underimage { font-size: 12px; line-height: 18px; font-family: georgia; color: #868686; font-weight: bold; margin-left: 8px; padding-top: 4px; }
div.work_columns p { font-size: 12px; line-height: 22px; color: #868686; padding-right: 28px; padding-top: 40px; margin-left: 8px; }
div.work_columns p#changepad { padding-top: 23px; }
div.work_columns img { margin-left: 8px; }
div.work_columns.nobg { background: none; }
div.news { padding-top: 12px; }
div.news h3 { color: #3AA2D5; font-size: 13px; line-height: 21px; }
div.news p { color: #646263; font-size: 12px; line-height: 16px; }
div#work_logos { border: 1px solid #E2E2E2; padding: 20px; margin-top: 40px; }
div#work_logos a img{ border:0; background:none; }
div#row, div#row2, div#row3 { height: 80px; display: block; }
div#row img { display: inline; margin-right: 25px; vertical-align: middle; }
div#row2 img { display: inline; margin-right: 30px; vertical-align: middle; }
div#row3 img { display: inline; margin-right: 20px; vertical-align: middle; }
div#row img.finalone, div#row2 img.finalone, div#row3 img.finalone { margin-right: 0; }


div#teamimages { width: 644px; background: url(../images/glow_beneath.png) repeat-y top right; }
div#teamtext p { font-size: 12px; line-height: 18px; color: #999; padding-right: 30px; padding-top: 15px; padding-left: 6px; }
div#teamtext ol { margin: 7px 0 4px 33px; padding: 0 0 0 0; }
div#teamtext ol li { font-size: 12px; line-height: 18px; color: #999; padding: 4px 25px 2px 0px; margin: 0;}
div#teamtext { width: 303px; float: right; display: inline; }
div.teaminfo { /*width: 303px;*/ text-align: center; padding-bottom: 16px; 
/*to make the div float*/
float:left;
padding-left:7px;
padding-top:16px;
}
div.teaminfo h4 { height: 29px; display: block; overflow: hidden; text-indent: -9999px; margin: 6px auto 0 auto; }
div.teaminfo h4#star { background: url(../images/team/starrbaker_text.png) no-repeat top left; width: 222px; }
div.teaminfo h4#blair { background: url(../images/team/blairpoloskey_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#micaela { background: url(../images/team/micaelawhalen_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#kari { background: url(../images/team/karihernandez_text.png) no-repeat top left; width: 218px; }
div.teaminfo h4#beth { background: url(../images/team/bethwilliams_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#cari { background: url(../images/team/carivincent_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#julie { background: url(../images/team/juliezellman_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#helen { background: url(../images/team/helenrodriguez_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#jennifer { background: url(../images/team/jenniferlopez_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#allison { background: url(../images/team/allisonglass_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#candice { background: url(../images/team/candiceeng_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#jessica { background: url(../images/team/jessicawarren_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#rachael { background: url(../images/team/rachaelgenson_text.png) no-repeat top left; width: 217px; }
div.teaminfo h4#adrienne { background: url(../images/team/adriennehuebner_text.png) no-repeat top left; width: 217px; }
h3#austin { text-indent: -9999px;font-size: 1%;overflow: hidden;display: block;background: url(../images/team/title-austin.png);width: 143px;height: 12px;margin-left: 5px; }
div.teaminfo img {border: none}
div#services_content p { font-size: 12px; line-height: 22px; color: #999; }
div#services_threecolumn { width: 960px; background: url(../images/glow_beneath3.png) no-repeat top left; margin-top: 32px; padding-top: 14px; }
div.columns { width: 310px; float: left; display: inline; margin-right: 10px; }
div.columns h3 { display: block; text-indent: -9999px; overflow: hidden; height: 11px; margin-bottom: 16px; }
div.columns h3#consumer { width: 184px; background: url(../images/consumertechnology_header.png) no-repeat top left; }
div.columns h3#b2b { width: 130px; background: url(../images/b2btechnology_header.png) no-repeat top left; }
div.columns h3#clean { width: 107px; background: url(../images/cleanenergy_header.png) no-repeat top left; }
div.columns p { font-size: 12px; line-height: 22px; color: #868686; padding-top: 15px; }
div.columns p.calltoaction a { color: #3399cc; font-size: 12px; text-decoration: none; background: url(../images/learnmore_bg.gif) repeat-x bottom left; }


/****************************************************************
Footer
/***************************************************************/
div#footer { width: 960px; background: url(../images/footer_bg.png) no-repeat top center; padding-top: 19px; padding-bottom: 30px; }
div#footerholder { width: 960px; }
div#footer p#copy { width: 188px; height: 9px; display: block; overflow: hidden; background: url(../images/copyright.png) no-repeat top left; text-indent: -9999px; float: left; }
div#footer div#footerlinks { width: 500px; float: right; display: inline; text-align: right; }
div#footer div#footerlinks p span { font-size: 11px; color: #ceced0; padding-left: 7px; padding-right: 7px; }
div#footer div#footerlinks p a { font-size: 11px; text-decoration: none; color: #3399CC; background: url(../images/learnmore_bg.gif) repeat-x bottom left; }
div#footer div#footerlinks p a:hover { background: none; }

/****************************************************************
Team
/***************************************************************/
body#team {padding:5px 20px 20px 20px; text-align: left;}
body#team p {line-height: 17pt; padding: 5px 0 5px 0; font-size: 12px; color: #666}
body#team h1 {color: #61b2dd; font-size: 14pt}
body#team a { font-size: 12px; text-decoration: none; color: #3399CC; background: url(../images/learnmore_bg.gif) repeat-x bottom left; }
body#team a:hover { background: none }