html { overflow-y:scroll; overflow-x: auto }
html,body { padding:0; margin:0; width: 100%; height: 100%; }
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:8pt;
	line-height: 1.3em;
	background: #FEFEFE url(../img/bg1.jpg) top repeat-x; 
}

a { outline:none; }
h1, h2 { font: bold 14px Myriad, Helvetica, sans-serif; color: #455779;  }
h1 a { color: #455779; text-decoration: none; }
h1 span { font-size: 1.4em; line-height: 100%; }
h2 { color : #5D75A3;}

.morelink { color: #02A6E3; font-size: 8pt; float:right; text-decoration:none; padding-right: 15px; background:url(../img/icons/icon_more.jpg) right 4px no-repeat;  }


#head { height:104px; width:946px; margin:0 auto; background:url(../img/header.png) 20px top no-repeat; }
#head #logo {width:85px;height:105px;position:relative;display:block;left:20px;}
#footer { background:#3E5056; color: #F6F6F7; text-align:center; padding: 7px 0 10px; font-size: 8pt; border-top:1px solid #D6D6D6;}
#footerleft { background:url(../img/footerleft.png) right repeat-y; }
#footerright { background:url(../img/footerright.png) left repeat-y; }


#wrapper { width:946px; margin: 0 auto; border-collapse:collapse; }
#wrapper td { vertical-align:top; }

#leftborder{ width: 20px; background:url(../img/bg_left2.png) right repeat-y; }
#rightborder{ width: 20px; background:url(../img/bg_right2.png) left repeat-y; }

#main { background:#fff url(../img/bg_content.png) left 38px repeat-x; padding-bottom:20px; }

#menu { padding-top:1px; height: 37px; background:url(../img/bg_menu1.jpg) left top no-repeat; }
#menu ul { list-style:none; float:left; }
#menu ul li { float:left; }
#menu ul li.separator { background:url(../img/menu/mn_seperator.png); width:1px; height:23px; margin-top: 8px; }
#menu ul li a { float:left; background-position: left top; background-repeat:no-repeat; height: 36px;}
#menu ul li a:hover { background-position: left -36px; }
#menu ul li a:active { background-position: left -36px; }
#menu ul li.active a { background-position: left -72px !important; }

#menu ul li a.home { background-image:url(../img/menu/mn_home.png); width: 68px; }
#menu ul li a.about { background-image:url(../img/menu/mn_about.png); width: 86px; }
#menu ul li a.people { background-image:url(../img/menu/mn_people.png); width: 93px; }
#menu ul li a.experience { background-image:url(../img/menu/mn_experience.png); width: 71px; }
#menu ul li a.services { background-image:url(../img/menu/mn_services.png); width: 102px; }
#menu ul li a.careers { background-image:url(../img/menu/mn_careers.png); width: 73px; }
#menu ul li a.contact { background-image:url(../img/menu/temp-contact.png); width: 97px; }
#menu ul li a.blog { background-image:url(../img/menu/mn_blog.png); width: 54px; }






/*** SIDEBAR ****/
#sidebar { width: 284px; background: url(../img/bg_sidebar.png) right top no-repeat; }
#sidebar .content { margin: 10px 16px 10px 16px; background-color:#FBFBFB; }
#sidebar .content p { color:#586871; margin: 0 20px 10px; line-height: 170%; }
#sidebar .content h1 { background:url(../img/bg_h2.png) bottom repeat-x; padding: 15px 0 8px 20px; margin:0; } 
#sidebar .content .news_date { color:#96CA4B; margin: 5px 0 2px 20px; } 
#sidebar a { margin: 3px 30px 0 20px; text-decoration:none; } 
#sidebar h1 a { margin: 0; } 
#sidebar h1 a:hover { text-decoration:underline; } 

#sidebar .people h1 { padding: 5px 0 5px 17px;}
#sidebar .people h1.people { color: #5D75A3; background:0; padding: 5px 0 5px 17px;}
#sidebar .people .person { display:block; margin:0; overflow:auto; padding: 0 0 0 15px; height: 74px; background:url(../img/photos/bg_photo.png) left top no-repeat; position:relative; }
#sidebar .people .person:hover { background:url(../img/photos/bg_photo-high.png) left top no-repeat; cursor:pointer;}
#sidebar .people .person img { float:left; margin: 0 0 0 3px; cursor:pointer; }
#sidebar .people .person span { float:left; color: #6BA3B9; font-size:12px; font-weight:bold; padding: 25px 0 0 15px; cursor:pointer;}
#sidebar .people .person span span{ padding : 0; margin-top : -7px;}
#sidebar .people .person .other { float:left; color: #6BA3B9; font-size:12px; font-weight:bold; padding: 10px 0 0 15px; cursor:pointer; }
#sidebar .profile { float:left; color: #5D75A3; font-size:9px; padding: 0 0 0 15px;  }
#sidebar .people .person.active { background:url(../img/photos/bg_photo-high.png) left top no-repeat; cursor:pointer; }



#sidebar .people .case_study { display:block; margin:0; overflow:auto; padding: 0 0 0 15px; height: 74px; background:url(../img/photos/bg_photo.png) left top no-repeat; position:relative; }
#sidebar .people .case_study img { float:left; margin: 0 0 0 3px;}
#sidebar .people .case_study span { float:left; color: #6BA3B9; font-size:12px; font-weight:bold; padding: 25px 0 0 15px;}
#sidebar .people .case_study .other { float:left; color: #6BA3B9; font-size:12px; font-weight:bold; padding: 10px 0 0 15px;}



#sidebar .services h1 { padding: 5px 0 5px 17px; margin-bottom: 20px;}
#sidebar .services .item { display:block; margin:0; padding: 15px; background:url(../img/bg_service.png) bottom repeat-x; color: #6BA3B9; 
	line-height:150%; font: bold 13px Tahoma, Helvetica, sans-serif; }
#sidebar .services .last { background:0;}
#sidebar .services .item:hover { background:url(../img/bg_service-high.png) left top no-repeat; }
#sidebar .services .active { background:url(../img/bg_service-high.png) left top no-repeat; }

#sidebar .services #aboutside {margin : 0 auto; padding : 0; height:600px;overflow:hidden;}
#sidebar .services #aboutside img {margin : 0 auto; display : block; padding : 0 0 10px 0;}

#sidebar .clientwork h1 { padding: 5px 0 5px 17px; }
#sidebar .clientwork .item { display:block; margin:0; padding: 10px 0 15px 15px; background:url(../img/bg_service.png) bottom repeat-x; color: #6BA3B9; 
	line-height:150%; font: 13px Tahoma, Helvetica, sans-serif; }
#sidebar .clientwork .item span { font-weight: bold; } 
#sidebar .clientwork .last { background:0;}
#sidebar .clientwork .item:hover { background:url(../img/bg_service-high.png) left top no-repeat; }
#sidebar .clientwork .active { background:url(../img/bg_service-high.png) left top no-repeat; }

#sidebar a.email { margin: 0; text-decoration: underline; color: #586871;}
#sidebar a.email:hover {text-decoration : none;}

.hpImage { height:143px; width:100%; margin: 10px 0 !important; display:block; background-position: center top; background-repeat: no-repeat; }

#news { height:120px; overflow:hidden; }
#news .newsbox { float:left; clear:both; height:100px; }

/****************/




#content { background:#fff url(../img/bg_content.jpg) left top repeat-x; padding: 10px 0px 10px 10px;  }
#content p { color:#586871; margin: 12px 0 5px; line-height: 170%;}
#content h1 { margin: 0 0 10px 0; text-transform: uppercase;}
#content h1.people { color: #5D75A3;  text-transform: uppercase;}

#content a { color : #586871;}
#content a:hover, #content a:active {text-decoration : none;}

.homeboxes { width:615px; table-layout:fixed; border-collapse:collapse; }
.homeboxes .shadows td { background:url(../img/bg_shadow.png) left top no-repeat; height:145px; padding: 7px 0 0 8px;}
.homeboxes .textboxes td { padding: 20px 5px 15px 8px; }
.homeboxes h2 { color: #3C484F; font-weight:normal; font-size:11pt; background:url(../img/bg_h2.png) bottom repeat-x; padding-bottom: 16px;  } 
.homeboxes a { margin-right: 12px;} 

.arc-top { background:url(../img/arc-top.png) center top no-repeat; height:18px; clear:both; }
.arc-bot { background:url(../img/arc-bot.png) center top no-repeat; height:13px; margin: 5px 0; clear:both; }



/*** Page Elements ****/

/*** Home ***/
a.affiliation { margin: 0; padding: 0; }
a.affiliation img{ margin: 10px -20px; padding: 0; }


/*** People ****/
#photobox { float:left; background-image:url(../img/photos/back.gif); background-repeat:no-repeat; width:239px; height:313px; padding-right:0px;}

#photobox2 { padding:0; margin: 0; float: left;}
#photobox3 { width:200px; margin: 0 0 10px 22px;}
#photobox .imgpos { margin:0; padding:0; margin: 1px 0 0 24px;}
#photobox2 img { background: url(../img/photos/shadow.png) center bottom  no-repeat; padding: 0 21px 8px 21px; margin: 0 -3px 5px 0; }
#peopletext { float:left; margin-top: 0; width:350px;}

ul.people_list2 { clear:both; width: 100%;  float:left; }
ul.people_list2 li { float: left; text-align: center; padding: 0 0 25px 0; height: 200px; }
ul.people_list2 li img { width: 100px; height: 143px; padding: 10px 20px 10px 20px; margin: 0; background: url(../img/photos/shadow.png) center top no-repeat; }
ul.people_list2 li p { margin: 0 !important; line-height: 130% !important; padding: 0; color: #000; }

a.tooltip { text-decoration:none; cursor:default; }
/****************/

/*** About ****/
#logosbox { float:left; margin-left:60px; background-image:url(../img/logos.png); background-repeat:no-repeat; width:131px; height:535px;}
#aboutside { margin-left:3px; padding-left : 57px;}
#abouttext { padding:0; border:none; float:left; margin:15px 20px 50px 15px; width:380px;}

/****************/



/*** Experience ****/
#experiencelist { margin:10px 0; float:left; width:560px; }
#experiencelist ul{ float:left; list-style-image: url(../img/bullet.gif);}
#experiencelist ul li{ color:#586871; margin:0 0 15px 30px; line-height:2em; }
/*#experiencelist ul li a { }
#experiencelist ul li a:hover {  }
#experiencelist ul li a:active {  }
#experiencelist ul li.active a {  }*/
/****************/



/*** Services ****/
#serviceslist { margin:10px 0; width:560px; }
#serviceslist ul{ list-style-image: url(../img/bullet.gif);}
#serviceslist ul li{ color:#586871; margin:0 0 15px 30px; line-height:2em; }
/****************/



/*** Contact ****/
#contact_form { color:#586871; }
#contact_form input.contactText, #contact_form textarea { width:270px; border:1px inset #586871; padding:2px; margin-bottom:5px; }
#contact_form #submit_contact_form { font-fanily:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; bold; width: 80px; }
a.findus { margin:0 !important; }

#lightwindow_contents .gmnoprint div {  }
/****************/



/*** news ****/
#newsPage { margin:15px 20px 50px 15px; }
#newsPage h1 a:hover { text-decoration:underline; }
#newsPage p a { color: #02A6E3; font-size: 8pt; padding-right: 15px; background:url(../img/icons/icon_more.jpg) right 4px no-repeat;   }
#newsPage p a:hover { color: #5D75A3; }

#newsPage .newsBlock { margin: 5px -5px; padding: 5px; cursor:pointer; }
#newsPage .newsBlock:hover { margin: 0px -6px; border-left:1px dotted #999; }
/****************/




/*** Footer ****/
td#footer a { color : #fff;}
td#footer a:hover, td#footer a:active {text-decoration : none;}


/*** End of Page Elements ***/



.cw-actionpanel { float:right; background: #c3c4c4 url(../img/actionpanel.png) left bottom repeat-x; margin:-2px 0 50px 10px; width:205px; padding:10px; }
.cw-actionpanel .attach { float:left; clear:both; width:100%; margin-bottom: 8px; text-decoration:none; }
.cw-actionpanel .attach img { float:left; clear:left; opacity: .8; }
.cw-actionpanel .attach div { float:right; clear:right; text-align:right; line-height:160%; color:#45577A; font-size:10px; cursor:pointer; }
.cw-actionpanel .attach:hover, .cw-actionpanel .attach:hover div  { color: #000; font-weight:bold;  }
.cw-actionpanel .attach:hover img  { opacity:1; }