body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
area, fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;}
ul, ol {list-style: none;}
caption {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
q:before, q:after {content: ' ';}
a { outline: none; }


body {
     background-color: #fff;
	 background: url(../images/background.jpg) top left repeat-x scroll;
     padding: 0;
     margin: 0;
     font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";
     font-size: 65%;
     line-height: 1.8em;
     font-weight: normal;
	 min-width:800px;
	 width:expression(document.body.clientWidth < 800? "800px": "auto" );
}

#pageTabs {
	margin: 0 auto;
	width: 850px;
	height: 31px;
	margin-top: 24px;
	padding-left: 0px;
	position: relative;
}

#pageTabs li {
	float: left;
	margin-right: 6px;
	text-indent: -9999px;
	background: url(../images/tab-background.png) no-repeat;
	height: 31px;
	display: block;
	position: absolute;
}

#pageTabs #page-promise {
	width: 86;
	left: 0;
}

#pageTabs #page-communities {
	width: 124px;
	background-position: -86px -62px;
	left: 86px;
}

#pageTabs #page-blog {
	width: 62px;
	background-position: -210px 0px;
	left: 210px;
}

#pageTabs li a {
	display: block;
	height: 31px;
	width: 80px;
	border: none;
	outline: none;
	text-decoration: none;
	background: url(../images/tab-background.png) no-repeat;
}

#pageTabs li a:hover {
	border: none;
	outline: none;
	text-decoration: none;
}

#pageTabs #page-promise a {
	width: 86px;
	background-position: 0 0;
}
#pageTabs #page-promise a:hover { background-position: 0 -31px; }

#pageTabs #page-blog a {
	width: 124px;
	background-position: -210px 0;
}
#pageTabs #page-blog a:hover { background-position: -210px -31px; }

#wrapper {
     text-align: center;
	 position: relative;
     width: 850px;
     margin: 0 auto;
     padding: 0;
	 max-width:1024px;
	 width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
}

#header {
	width: 850px;
	padding: 0;
	margin: 0;
	position: relative;
}

#logo a {
	 width: 262px;
	 height: 60px;
     margin: 15px 20px 17px 0;
     padding: 0;
     float: left;
	 background: url(../images/promise_logo.png) top left no-repeat;
	 text-indent: -9999px;
	 outline: none;
} 

#logo a:hover { text-decoratoin: none; border: none; }

/* navigation area */

ul#navigation { position: absolute; right: 473px; float: right; backgound: url(../images/nav-background.png) no-repeat top left; }
ul#navigation li { list-style: none; float: left; }
ul#navigation li a { position: absolute; height: 40px; margin: 0; padding: 0; text-indent: -9999px; display: block; text-decoration: none; border: none; outline: none; }

#nav-home a, #nav-what a, #nav-how a, #nav-work a, #nav-people a, #nav-contact a { background: url(../images/nav-background.png); }

#nav-home a { width: 54px; left: 0px; background-position: 0 0; }
#nav-home a:hover { background-position: 0 -40px; }
#home #nav-home a { background-position: 0 -80px; }

#nav-what a { width: 90px; left: 54px; background-position: -54px 0; }
#nav-what a:hover { background-position: -54px -40px; }
#what #nav-what a { background-position: -54px -80px; }

#nav-how a { width: 94px; left: 144px; background-position: -144px 0; }
#nav-how a:hover { background-position: -144px -40px; }
#how #nav-how a { background-position: -144px -80px; }

#nav-work a { width: 72px; left: 238px; background-position: -238px 0; }
#nav-work a:hover { background-position: -238px -40px; }
#work #nav-work a { background-position: -238px -80px; }

#nav-people a { width: 80px; left: 310px; background-position: -310px 0; }
#nav-people a:hover { background-position: -310px -40px; }
#people #nav-people a { background-position: -310px -80px; }

#nav-contact a { width: 85px; left: 390px; background-position: -390px 0; }
#nav-contact a:hover { background-position: -390px -40px; }
#contact #nav-contact a { background-position: -390px -80px; }
 
/* panel area */

#feature {
     padding: 0;
     margin: 0;
     width: 590px;
     height: 320px;
     float: left;
	 position: relative;
	 left: 2px;
	 overflow: hidden;
	 background: url(../images/loading.gif) center center no-repeat;
} 

#techShowcase {
	padding: 0;
	margin: 0;
	width: 590px;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/loading.gif) center center no-repeat;
}

#techShowcaseCaption {
	padding: 0;
	margin: 0;
	width: 260px;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	overflow: hidden;
}
 
#panel {
	 background-color: #4a1d4b;
	 background-image: url(../images/purplepanel.png);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 260px;
     height: 320px;
     float: right;
	 position: relative;
} 
 
p.paneltext {
	 background-image:  url(../images/headings.png);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 230px;
	 position: absolute;
	 top: 15px;
	 left: 15px;
	 text-indent: -9999px;
}

#home p.paneltext { background-position: -472px -352px; height: 108px; }
#what p.paneltext { background-position: -708px -352px; height: 66px; }
#how p.paneltext { background-position: 0 -550px; height: 60px; }
#work p.paneltext { background-position: -708px -418px; height: 154px; }
#contact p.paneltext { background-position: 0 -330px; height: 210px; }
 
#content {
	width: 850px;
    padding: 0;
    margin: 10px 0 0 0;
	position: relative;
}

/* homepage columns */
.full {
     padding: 0;
     margin: 0;
     width: 850px;
     float: left;
}

.fullwidthhometop {
	 background-image:  url(../images/panel-background.jpg);
	 background-position: 0 0;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 856px;
     height: 15px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthhomemiddle {
	 background-image:  url(../images/fullwidth_panel_middle.jpg);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 0;
     margin: 0;
     width: 856px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthhomebottom {
	 background-image:  url(../images/panel-background.jpg);
	 background-position: 0 -15px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 856px;
     height: 20px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthtop {
	 background-image:  url(../images/panel-background.jpg);
	 background-position: 0 0;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 856px;
     height: 15px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthmiddle {
	 background-image:  url(../images/fullwidth_panel_middle_plain.jpg);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 0;
     margin: 0;
     width: 856px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthbottom {
	 background-image:  url(../images/panel-background.jpg);
	 background-position: 0 -15px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 856px;
     height: 20px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.homeleftcolumn {
     padding: 0 15px;
     margin: 0;
     width: 253px;
     float: left;
     text-align: left;
}

.homemiddlecolumn {
     padding: 0 15px;
     margin: 0;
     width: 253px;
     float: left;
     text-align: left;
}

.homerightcolumn {
     padding: 0 15px;
     margin: 0;
     width: 253px;
     float: left;
     text-align: left;
     /*border-left: 1px dotted #ccc;*/
}

/* regaular page columns */
#content .wide {
     padding: 0;
     margin: 0 5px 0 0;
     width: 585px;
	 left: 0;
     float: left;
}

.left2columntop {
	 background-image: url(../images/panel-background.jpg);
	 background-position: 0 -35px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 585px;
     height: 15px;
     float: left;
}

.left2column {
	 background-image: url(../images/wide_panel_middle.jpg);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 555px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.left2columnbottom {
	 background-image: url(../images/panel-background.jpg);
	 background-position: 0 -50px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 585px;
     height: 20px;
     float: left;
     text-align: left;
}

.top {
	float: right;
	margin: 0;
}

.top a, .top a:hover {
	font-weight: normal;
}

/* nested single columns inside two column box*/

.singleboxcolumnleft {
     padding: 0 10px 0 0;
     margin: 0;
     width: 265px;
     float: left;
     text-align: left;
}

.singleboxcolumnright {
     padding: 0 0 0 10px;
     margin: 0;
     width: 265px;
     float: left;
     text-align: left;
}

.small {
     padding: 0;
     margin: 0;
     width: 266px;
     float: right;
	 position: absolute;
	 right: -4px;
}

.rightcolumntop {
	 background-image: url(../images/panel-background.jpg);
	 background-position: -590px -35px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 266px;
     height: 15px;
     float: right;
     text-align: left;
}

.rightcolumn {
	 background-image: url(../images/small_panel_middle.jpg);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 236px;
     float: right;
     text-align: left;
}

.rightcolumnbottom {
	 background-image: url(../images/panel-background.jpg);
	 background-position: -590px -50px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0 0 5px 0;
     width: 266px;
     height: 20px;
     float: right;
     text-align: left;
}

.rightcolumnchart {
     padding: 0 0 0 15px;
     margin: 0;
     width: 245px;
     float: right;
     text-align: left;
     /*border-left: 1px dotted #ccc;*/
}

.rightpurplecolumntop {
	 background-image: url(../images/panel-background.jpg);
	 background-position: -590px -70px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 266px;
     height: 15px;
     float: right;
     text-align: left;
}

.rightpurplecolumn {
	 background-image: url(../images/small_purple_panel_middle.jpg);
	 background-repeat: repeat-y;
	 background-color: #4a1d4b;
     padding: 5px 15px;
     margin: 0;
     width: 236px;
     float: right;
     text-align: left;
}

.rightpurplecolumn p {
	color: #fcfcfc;
}

.rightpurplecolumnbottom {
	 background-image: url(../images/panel-background.jpg);
	 background-position: -590px -85px;
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0 0 5px 0;
     width: 266px;
     height: 20px;
     float: right;
     text-align: left;
}

/*  what we don't do  */

#what .rightcolumn p {
	text-align: justify;
}

#what .rightcolumn p.first {
	font-weight: bold;
	color: #4a1d4b;
	text-align: center;
}

.separator {
	margin: 0.5em 15px;
	padding: 0;
	color:#e4e4e4;
}

/*  showCase loading GIF  */

img.loading {
	width: 32px;
	height: 32px;
	margin: 144px 279px;
}

/* quote accordion */

#work .rightquotecolumn {
	 background-image: url(../images/small_panel_middle.jpg);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 0px;
     margin: 0;
     width: 266px;
     float: right;
     text-align: left;
/*	 overflow: hidden;*/
}

#work .rightquotecolumn ul.drawers {
	margin: 0;
	padding-left: 0;
	width: 266px;
	clear:both;
	list-style: none;
/*  IE6&7 */
/*	margin-left: -16px;*/
}

#work .rightquotecolumn li.drawer {
	list-style: none;
	margin: 0 4px 0 2px;
	width: 260px;
	padding: 0;
}

#work .rightquotecolumn li.drawer {	background-color: #fcfcfc; }

#work .rightquotecolumn li.open {
	color: #fcfcfc;
	background-color: #4a1d4b;
}

#work .rightquotecolumn .heading {
	padding: 0 15px;
	margin-bottom: 0.62em;
}

#work .rightquotecolumn H2 {
	margin: 0;
	padding: 0;
	width: 260px;
	height: 35px;
	text-indent: -9999px;
	background: #fcfcfc;
	color: #4a1d4b;
	border: none;
}

.rightquotecolumn .open H2 {
	color: #fcfcfc;
	background: #4a1d4b;
	border: none;
/*	height: 25px;*/
}

.rightquotecolumn H2#member, .rightquotecolumn H2#client, .rightquotecolumn H2#team { background: url(../images/quote-panel-background.jpg); }

.rightquotecolumn H2#member { background-position: 0 0; }
.rightquotecolumn .open H2#member { background-position: -260px 0; }

.rightquotecolumn H2#client { background-position: 0 -40px; }
.rightquotecolumn .open H2#client { background-position: -260px -40px; }

.rightquotecolumn H2#team { background-position: 0 -80px; }
.rightquotecolumn .open H2#team { background-position: -260px -80px; }

.experience {
	padding-bottom: 2em;
}

blockquote {
	margin: 0 25px;
	padding-top: 1em;
	font-style: italic;
	color: #4a1d4b	;
	text-align: left;
}

.open blockquote {
	color: #fcfcfc;
	padding-top: 0;
}

.quotefrom {
	text-align: right;
	font-size: 0.9em;
	margin: 1em 15px 0.5em 0;
	height: 1em;
	display: none;
}

.open .quotefrom { display: block; color: #999999; }


#footer {
	width: 850px;
    padding: 0;
    margin: 0;
}

#footer .copyright {
     margin: 0;
     padding: 20px 0;
     float: left;
} 
 
h1, H2, h3 {
 	margin: 0;
 	padding: 0;
	text-align: left;
}

th {
	margin: 0;
	padding: 3px 3px;
	background-color: #4a1d4b;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #fff;
 }
 
td {
	margin: 0;
	padding: 1px 3px;
	background-color: #f1edf1;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #4a1d4b;
	border-bottom: 1px solid #b7a5b7;
 }
 
th.large {
	margin: 0;
	padding: 7px 7px;
	background-color: #4a1d4b;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #fff;
 }
 
td.large {
	margin: 0;
	padding: 2px 7px;
	background-color: #f1edf1;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #4a1d4b;
	border-bottom: 1px solid #b7a5b7;
 }

#content ol { list-style-position: inside; list-style: decimal; }	

#content ul { list-style-position: inside; list-style: disc; }	
 
p, #content ul li, #content ol li {
	list-style-position: inside;
 	margin: 0 0 0 0;
 	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align: left;
 }
 
p.first {
 	margin: 0.5em 0 0 0;
 	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align: left;
	clear: both;
 }
 
p.panel {
	margin: 0;
	padding: 15px;
 	color: #fff;
 	text-align: left;
 }
 
a {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-weight: bold;
	text-decoration: none;
	border: none;
 }
 
a:hover {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #60c6b6;
 } 

.secondarynavselected {
 	margin: 0;
 	padding: 0;
 	color: #fff;
	font-weight: bold;
	text-decoration: none;
 }
 
.secondarynavselected2 {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
	font-weight: bold;
	text-decoration: none;
 }
 
a.heading {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
    font-family: "Myriad Pro", "Myriad", Arial, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: none;
	height: 22px;
	outline: none;
 }
 
a.heading:hover {
 	color: #60c6b6;
	font-size: 2.2em;
	text-decoration: none;
	outline: none;
	border: none;
 }
 
 
.heading {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
    font-family: "Myriad Pro", "Myriad", Arial, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2em;
 }
 
.subheading {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
 }
 
.sidebar {
 	margin: 0;
 	padding: 0;
	text-decoration: none;
 }
 
.highlight {
 	color: #4a1d4b;
 	font-weight: bold;
 }
 
a.image {
	text-decoration: none;
	border-bottom: none;
	}

a.image:hover {
	background-color: #fff;
	text-decoration: none;
	border-bottom: none;
	}
	
.number1 {
	background-color: #6e4a6f;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.number2 {
	background-color: #927793;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.number3 {
	background-color: #b7a5b7;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.line {
	color: #ccc;
	}
  
/* CSS Rollovers */

.formbutton{
	height: 38px;
	width: 85px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/form_btn.gif) top left no-repeat;
	display: block;
}

.formbutton:hover{
	background-position: bottom left;
	text-decoration: none;
	border-bottom: none;
}

.mapbutton{
	height: 50px;
	width: 112px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/pdf-map-buttons.jpg) top left no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.3em;
}

.mapbutton:hover{
	background-position: bottom left;
	text-decoration: none;
	border-bottom: none;
	margin-right: 10px;

}

.pdfbutton{
	height: 50px;
	width: 112px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/pdf-map-buttons.jpg) top right no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.3em;
}

.pdfbutton:hover{
	background-position: bottom right;
	text-decoration: none;
	border-bottom: none;
	margin-right: 10px;
}

#preview{
	position: absolute;
	border: 0px;
	background: none;
	padding: 0px;
	margin: 0px;
	display: none;
	color: #fff;
}

/*  headings  */

#onlinecocreation, #whycommunities, #specialblend, #whatwedo, #whattypes, #whojoins, #wedontdo, #howwedoit, #technology, #expertise, #processes, #successmodel, #ourwork, /* #coop, #dha,  #recent,*/ #proudof, #contactus, #london, #washington, #cocreator, #thanks, #careers, #formcocreator { display: block; background-image: url(../images/headings.png); background-repeat: no-repeat; height: 22px; overflow: hidden; text-indent: -9999px; }

#onlinecocreation { background-position: 0 0; width: 178px; }
#whycommunities { background-position: -236px 0; width: 237px; }
#specialblend { background-position: -500px 0; width: 170px; }

#onlinecocreation:hover { background-position: 0 -22px; width: 178px; }
#whycommunities:hover { background-position: -236px -22px; width: 237px; }
#specialblend:hover { background-position: -500px -22px; width: 170px; }

#whatwedo { background-position: 0 -44px; width: 115px; }
#whattypes { background-position: -236px -44px; width: 380px; }
#whojoins { background-position: 0 -88px; width: 330px; }
#wedontdo { background-position: -708px 0; width: 230px; }

#howwedoit { background-position: -708px -22px; width: 150px; }
#technology { background-position: -708px -44px; width: 160px; }
#expertise { background-position: -708px -66px; width: 150px; }
#processes { background-position: 0 -66px; width: 140px; }
#successmodel { background-position: -236px -176px; width: 230px; height: 44px; }

#ourwork { background-position: 0 -110px; width: 100px; }
#coop { background-position: -236px -66px; width: 450px; }
#dha { background-position: -350px -88px; width: 450px; }
#recent { background-position: -472px -110px; width: 200px; }
#proudof { background-position: -236px -110px; width: 200px; margin-left: 15px; }

#contactus { background-position: -236px -132px; width: 150px; }
#london { background-position: -472px -132px; width: 200px; }
#washington { background-position: -708px -132px; width: 250px; }
#cocreator { background-position: 0 -154px; width: 200px; }
#london:hover { background-position: -472px -154px; width: 200px; }
#washington:hover { background-position: -708px -154px; width: 250px; }
#cocreator:hover { background-position: 0 -176px; width: 200px; }
.rightcolumn #thanks { background-position: -236px -176px; width: 200px; }
.rightpurplecolumn #thanks { background-position: 0 -308px; width: 200px; }
#careers { background-position: -236px -154px; width: 150px; }
#formcocreator { background-position: -708px -572px; width: 200px; }

#mapSwitch { position: absolute; left: 15px; bottom: 15px; }
#panel a { border: none; text-decoration: none; outline: none; }
#panel #london { background-position: -472px -308px; width: 80px; }
#panel #washington { background-position: -708px -308px; width: 120px; margin-top: 7px; }
#panel #london.selected, #panel #london:hover { background-position: -472px -330px; width: 80px; }
#panel #washington.selected, #panel #washington:hover { background-position: -708px -330px; width: 120px; }

/*  our people  */

#panel { font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; 	text-align: left; }
h2.people {
	width: 180px;
	height: 22px;
	margin: 15px 0 4px 15px;
	background: url(../images/headings.png) no-repeat;
	background-color: none;
	text-indent: -9999px;
	padding: 0;
}

.small h2.people, .small ul.people {
	margin-top: 0;
	margin-left: 0;
}

h2#managingDirector { background-position: -236px -308px; }
h2#ourTeam { background-position: -236px -330px; }
h2#promiseTeam { background-position: -472px -176px; }

#panel ul.people { list-style: none; margin-left: 15px; padding: 0; }
#content ul.people li, #panel ul.people li { list-style: none; text-align: left; background-color: none; margin: 2px 0; }
#panel ul.people li a { background-color: #4a1d4b; }
.small ul.people li a { background-color: #fcfcfc; }
ul.people li a, ul.people li a.selected , ul.people li a:hover {
	background-image: url(../images/headings.png);
	background-repeat: no-repeat;
	background-color: none;
	height: 18px;
	list-style: none;
	list-style-position: outside;
	padding: 0;
	display: block;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
	outline: none;
}

#DM a { background-position: -236px -352px; width: 106px; }
#AP a { background-position: -236px -370px; width: 77px; }
#FK a { background-position: -236px -388px; width: 64px; }
#KPaul a { background-position: -236px -406px; width: 79px; }
#OG a { background-position: -236px -424px; width: 103px; }
#SS a { background-position: -236px -442px; width: 96px; }
#TH a { background-position: -472px -460px; width: 65px; }
#TW a { background-position: -236px -460px; width: 56px; }

#AL a { background-position: -708px -198px; width: 56px; }
#AT a { background-position: -708px -216px; width: 78px; }
#AK a { background-position: -708px -234px; width: 105px; }
#BH a { background-position: -708px -252px; width: 80px; }
#CV a { background-position: -708px -270px; width: 97px; }
#CT a { background-position: -708px -288px; width: 92px; }
#CF a { background-position: -472px -198px; width: 72px; }
#JK a { background-position: -472px -216px; width: 88px; }
#JKitchen a { background-position: -236px -616px; width: 107px; }
#JE a { background-position: -708px -176px; width: 71px; }
#KPinaev a { background-position: -472px -234px; width: 116px; }
#NC a { background-position: -708px -616px; width: 75px; }
#NF a { background-position: -472px -252px; width: 94px; }
#RL a { background-position: -472px -270px; width: 90px; }
#SC a { background-position: -472px -288px; width: 103px; }

#DM a.selected { background-position: -345px -352px; width: 106px; }
#AP a.selected { background-position: -345px -370px; width: 77px; }
#FK a.selected { background-position: -345px -388px; width: 64px; }
#KPaul a.selected { background-position: -345px -406px; width: 79px; }
#OG a.selected { background-position: -345px -424px; width: 103px; }
#SS a.selected { background-position: -345px -442px; width: 96px; }
#TH a.selected { background-position: -591px -460px; width: 65px; }
#TW a.selected { background-position: -345px -460px; width: 56px; }

#AL a.selected { background-position: -817px -198px; width: 56px; }
#AT a.selected { background-position: -817px -216px; width: 78px; }
#AK a.selected { background-position: -817px -234px; width: 105px; }
#BH a.selected { background-position: -817px -252px; width: 80px; }
#CV a.selected { background-position: -817px -270px; width: 97px; }
#CT a.selected  { background-position: -817px -288px; width: 92px; }
#CF a.selected  { background-position: -591px -198px; width: 72px; }
#JK a.selected  { background-position: -591px -216px; width: 88px; }
#JKitchen a.selected  { background-position: -345px -616px; width: 107px; }
#JE a.selected  { background-position: -817px -176px; width: 71px; }
#KPinaev a.selected  { background-position: -591px -234px; width: 116px; }
#NC a.selected { background-position: -817px -616px; width: 75px; }
#NF a.selected  { background-position: -591px -252px; width: 94px; }
#RL a.selected  { background-position: -591px -270px; width: 90px; }
#SC a.selected  { background-position: -591px -288px; width: 103px; }

#ourpeople, #adrian, #amy, #anna, #arunima, #ben, #cathy, #charles, #clare, #doron, #felix, #jacob, #jennifer, #john, #kannan, #konstantin, #nick, #nicky, #oliver, #roy, #sharen, #suzanne, #tom, #tony { display: block; background-image: url(../images/headings.png); background-repeat: no-repeat; height: 22px; overflow: hidden; text-indent: -9999px; }

#ourpeople { background-position: -708px -110px; width: 107px; }
#adrian  { background-position: 0 -198px; width: 85px; }
#amy  { background-position: 0px -220px; width: 119px; }
#anna  { background-position: 0px -242px; width: 115px; }
#arunima  { background-position: 0px -264px; width: 159px; }
#ben  { background-position: 0px -286px; width: 121px; }
#cathy  { background-position: -236px -220px; width: 176px; }
#charles  { background-position: -236px -242px; width: 176px; }
#clare { background-position: -236px -264px; width: 176px; }
#doron { background-position: -236px -286px; width: 176px; }
#felix { background-position: -236px -484px; width: 109px; }
#jacob { background-position: -236px -506px; width: 176px; }
#jennifer { background-position: 0 -616px; width: 176px; }
#john { background-position: -345px -484px; width: 108px; }
#kannan { background-position: -236px -528px; width: 176px; }
#konstantin { background-position: -236px -550px; width: 176px; }
#nick { background-position: -472px -616px; width: 112px; }
#nicky { background-position: -472px -484px; width: 158px; }
#oliver { background-position: -472px -506px; width: 158px; }
#roy { background-position: -472px -528px; width: 158px; }
#sharen { background-position: -472px -550px; width: 158px; }
#suzanne { background-position: -472px -572px; width: 158px; }
#tom { background-position: -236px -572px; width: 109px; }
#tony { background-position: -472px -594px; width: 158px; }

/*  form overlay  */
#overlay { margin: 0; padding: 0; text-indent: 0; position: absolute; width: 100%; background: #ffffff; top: 0; left: 0; }

#form { width: 527px; height: 500px; margin: 57px auto; background: #4a1d4b url(../image/purple.jpg) repeat; padding: 25px; display: none; position: absolute; top: 0; }
#form td { background: none; margin: 0; padding: 0; border: none; padding: 0.8em 0 0 15px; color: #fcfcfc; font-size: 1.2em; }
#form p { color: #fcfcfc; }
#form table p { margin-bottom: 1em; }
#form table { margin: 0 auto; }
td.label { text-align: right; vertical-align: top; width: 38%; }
td.submit { text-align: right; }

select, option, input, label, textarea { font-size: 1em; font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; }
input, textarea, select { border: thin inset #fcfcfc; }
label { color: #fcfcfc; }
input, select, textarea { vertical-align: baseline; }
.btn {
	color: #4a1d4b; 
	font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";
	border: none;
	width: 85px;
	height: 38px;
	background: url(../images/send-buttons.png) no-repeat;
	display: block;
	float: right;
	position: absolute;
}
#submit { font-weight: bold; background-position: top left;	right: 110px; }
#submit:hover { background-position: bottom left; }
#cancel { background-position: top right; right: 25px; }
#cancel:hover { background-position: bottom right; }