p, h1, h2, h3, h4, h5, h6, img, a {
margin: 0;
padding: 0;
} /* sets all padding and margins to zero */

body {
  font-size: 12px;
}

/*/*/a{}
body {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body {
    font-size: small;
}
/* */

body {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding-top: 23px;
text-align: center;
background: #555666 url(/images/interface/grey_background.gif) top left repeat-x;
padding-bottom: 40px;
}

body#page-whatpeoplesay {
background: #CC6633 url(/images/interface/orange_background.gif) top left repeat-x;
}

body#page-books {
background: #006699 url(/images/interface/blue_background.gif) top left repeat-x;
}

body#page-training {
background: #993333 url(/images/interface/burgundy_background.gif) top left repeat-x;
}

body#page-casestudies {
background: #B2B9C3 url(/images/interface/lightgrey_background.gif) top left repeat-x;
}

body#page-therunninghead {
background: #BD9700 url(/images/interface/gold_background.gif) top left repeat-x;
}

body#page-contact {
background: #663366 url(/images/interface/purple_background.gif) top left repeat-x;
}


.hidden {
display: none;
}

.clear {
clear: both;
height: 0;
font-size: 0px;
}

.clear-copyright {
clear: both;
height: 17px;
font-size: 0px;
}

a:link {
color: #656560;
}

a:visited {
color: #656560;
}

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


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

#container {
width: 752px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
background: #F2F2E6;
}

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

#top {
padding: 0;
height: 52px;
margin-bottom: 0;
}

#top h1 {
height: 52px;
background: transparent url(/images/interface/top_background.jpg) top left no-repeat;
}

#top h1 a {
height: 52px;
text-indent: -9999px;
display: block;
}

/* Navigation stuff */

div#mainnavigation	{
position: relative;
	height: 32px;
	width: 752px;
	margin: 0;
	padding: 0;
	border: 0;
z-index: 2;
	}

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

#mainnavigation h2 {
display: none;
}

div#mainnavigation ul#mainnavigation-menu	{
	height: 32px;
	width: 752px;
	background: transparent url(/images/interface/navigation.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#mainnavigation ul#mainnavigation-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#mainnavigation-menu a {
	height: 32px;
	display: block;
	}
	
div#mainnavigation ul#mainnavigation-menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#mainnavigation #home	{left: 0; width: 54px;}
#mainnavigation #books	{left: 54px; width: 241px;}
#mainnavigation #training	{left: 295px; width: 63px;}
#mainnavigation #whatpeoplesay {left: 358px; width: 113px;}
#mainnavigation #casestudies	{left: 471px; width: 90px;}
#mainnavigation #info {left: 561px; width: 124px;}
#mainnavigation #contact	{left: 685px; width: 67px;}

#mainnavigation #home a:hover {background: transparent url(/images/interface/navigation.jpg) 0 -32px no-repeat;}
#mainnavigation #books a:hover {background: transparent url(/images/interface/navigation.jpg) -54px -32px no-repeat;}
#mainnavigation #training a:hover {background: transparent url(/images/interface/navigation.jpg) -295px -32px no-repeat;}
#mainnavigation #whatpeoplesay a:hover {background: transparent url(/images/interface/navigation.jpg) -358px -32px no-repeat;}
#mainnavigation #casestudies a:hover {background: transparent url(/images/interface/navigation.jpg) -471px -32px no-repeat;}
#mainnavigation #info a:hover {background: transparent url(/images/interface/navigation.jpg) -561px -32px no-repeat;}
#mainnavigation #contact a:hover {background: transparent url(/images/interface/navigation.jpg) -685px -32px no-repeat;}

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

.menu .options {
margin-right: 0;
margin-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
background: #FFFFFF url(/images/interface/options_background.gif) top left repeat-x;
border-left: 1px solid #ACB0A6;
border-right: 1px solid #ACB0A6;
border-bottom: 1px solid #ACB0A6;
border-top: 0;
}

.options h2 {
display: none;
}

.options ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.menu a:link, .menu a:visited {
color: #000000;
display: block;
text-decoration: none;
padding: 3px 8px 4px 7px;
}

.menu a:hover {
background: #CFCEC6;
}

#menu1Container .menu .options {
background: #CDE1EB url(/images/interface/blue_subnav_background.gif) top left repeat-x;
}

#menu1Container .menu .options a:hover {
background: #006699;
color: #CDE1EB;
}

#menu2Container .menu .options {
background: #EBD7D7 url(/images/interface/burgundy_subnav_background.gif) top left repeat-x;

}

#menu2Container .menu .options a:hover {
background: #993333;
color: #EBD7D7;
}

#menu3Container .menu .options {
background: #F2EBCD url(/images/interface/gold_subnav_background.gif) top left repeat-x;

}

#menu3Container .menu .options a:hover {
background: #BD9700;
color: #F2EBCD;
}


/* Main image */

#mainimage {
margin: 1px 1px 0 1px;
padding: 0;
}

#mainimage a img {
border: 0;
}


/* Content */

#content {
float: left;
width: 501px;
padding-top: 20px;
}

#content a:link {
/*color: #8A8A83;*/
color: #111111;
}

#content a:visited {
color: #656560;
}

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

#content p {
padding: 0 37px .5em 17px;
font-size: 1.1em;
line-height: 1.5em;
}

#content h2 {
padding: 0 17px .5em 17px;
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
}

#content a {
text-decoration: none
}

#content-flash {
/*height: 420px;*/
}

#content-flash p {
font-family: Arial, Helvetica, sans-serif;
padding: 0 237px .5em 17px;
font-size: 0.9em;
line-height: 1.3em;
color: #9C9C96;
}

#content-flash a {
text-decoration: none;
color: #666666;
}

#content ul {
padding: 0 37px 0 0;
margin: 0 0 0 29px;
font-size: 1.1em;
list-style-type: none;
}

#content li {
padding: 0 0 .5em 17px;
margin: 0;
line-height: 1.5em;
background: transparent url(/images/interface/bullet.gif) 0 6px no-repeat;
}

#content ul.sitemap {
padding: 0 0 1em 0;
}

#content ul.sitemap li {
font-weight: bold !important;
}

#content ul.sitemap li ul {
font-size: 1em;
}

#content ul.sitemap li ul li {
background: none;
font-weight: normal !important;
line-height: 1.3em;
padding: 0 0 0 17px;
}

#content ul.sitemap li ul li ul li {
padding: 0 0 0.5em 0;
font-style: italic;
}


#content h3 {
padding: 1em 17px 0 17px;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
font-style: italic;
}

#content p.author, #casestudy-left p.author {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
font-style: normal;
line-height: 1.3em;
font-weight: bold;
}

#casestudy-left p.quote {
font-style: italic;
}

#content img.office {
float: left;
margin: 5px 0 12px 17px;
padding: 7px;
background-color: #FFFFFF;
}

#training-quotes, #training-quotes h2, #training-quotes p {
color: #336699;
}

#popup { /* for Google Maps */
font-family: Arial, Helvetica, sans-serif;
background: #EFEFEF;
border: 1px solid #999999;
margin: 0px;
padding: 7px;
width: 270px;
}

#map {
width: 450px;
height: 450px;
clear: both;
margin: 20px 0 0 17px;
border: 1px solid #666;
}

#content .copyright-left {
float: left;
width: 270px;
font-size: 0.9em;
}

#content .copyright-left p {
line-height: 1.4em;
padding: 0 17px 0 0;
margin: 0 0 0 17px;
}

#content .copyright-right {
float: right;
width: 231px;
}


/* case studies */

#casestudies-fullwidth {
float: left;
width: 752px;
padding-top: 20px;
z-index: -2;
}

#cs_left {
float: left;
width: 376px;
}

#cs_right {
float: right;
width: 376px;
}

/*#casestudies-right {
float: right;
width: 352px;
padding-top: 8px;
z-index: -1;
}*/

#casestudies-fullwidth p {
padding: 0 376px .5em 17px;
font-size: 1.1em;
line-height: 1.5em;
}

#casestudy-left p {
padding: 0 17px .5em 17px;
font-size: 1.1em;
line-height: 1.5em;
}

/*#casestudies-right p {
padding: 0 37px 0 107px;
font-size: 0.9em;
line-height: 1.3em;
}*/

#cs_left p, #cs_right p {
padding: 0 37px 0 117px;
font-size: 0.9em;
line-height: 1.3em;
}

#casestudies-fullwidth h2, #casestudy-left h2 {
padding: 0 17px .5em 17px;
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
}

/*#casestudies-right h3 {
padding: 12px 17px 0 107px;
font-size: 0.9em;
line-height: 1.3em;
font-weight: bold;
}*/

#cs_left h3, #cs_right h3 {
padding: 12px 17px 0 117px;
font-size: 0.9em;
line-height: 1.3em;
font-weight: bold;
}

/*#casestudies-right img {
float: left;
padding: 12px 0 0 0;
}*/

#casestudies-fullwidth #cs_left img, #casestudies-fullwidth #cs_right img {
float: left;
padding: 12px 0 0 17px;
}

/*#casestudies-right a {
text-decoration: none
}*/

#cs_left a, #cs_right a {
text-decoration: none
}

#casestudy-left {
float: left;
width: 308px;
padding-top: 20px;
z-index: -2;
}

#casestudy-right {
float: right;
width: 444px;
padding-top: 20px;
z-index: -2;
}

#casestudy-right img {
border: 1px solid #C6C8B9;
display: block;
margin: 0 0 12px 0;
}

#casestudy-right img.singlepage-right {
margin-left: 204px;
}

#casestudy-left p.download {
padding: 0 17px .5em 17px;
margin-top: 1.5em;
font-size: 0.9em;
}

#casestudy-left p.download a:link, #casestudy-left p.download a:visited {
text-decoration: none;
background: transparent url(/images/interface/acrobat.gif) top left no-repeat;
padding-left: 27px;
padding-top: 3px;
padding-bottom: 10px;
}


/* Side panel */

#sidepanel {
float: right;
width: 251px;
padding-top: 20px;
z-index: -1;
}

#sidepanel p {
padding: 0 20px .5em 0;
font-size: 1.1em;
line-height: 1.5em;
}

#sidepanel h2 {
padding: 0 20px .5em 0;
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
}

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

#sidepanel ul#homepage-buttons	{
	height: 294px;
	width: 230px;
	background: transparent url(/images/homepage/homepage_buttons.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

div#sidepanel ul#homepage-buttons li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 230px;
	height: 98px;
	display: inline;
	}
	
div#sidepanel li, ul#homepage-buttons a {
	height: 98px;
	width: 230px;
	margin: 0;
	padding: 0;
	display: block;
	}
	
div#sidepanel ul#homepage-buttons li a {
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
#sidepanel #homepage-books	{width: 230px;}
#sidepanel #homepage-training	{top: 98px; width: 230px;}
#sidepanel #homepage-whatpeoplesay	{top: 196px; width: 230px;}

#sidepanel #homepage-books a:hover {background: transparent url(/images/homepage/homepage_buttons.jpg) -230px 0 no-repeat;}
#sidepanel #homepage-training a:hover {background: transparent url(/images/homepage/homepage_buttons.jpg) -230px -98px no-repeat;}
#sidepanel #homepage-whatpeoplesay a:hover {background: transparent url(/images/homepage/homepage_buttons.jpg) -230px -196px no-repeat;}

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

#sidepanel ul#splash-button	{
	height: 245px;
	width: 248px;
	background: transparent url(/images/homepage/splash.gif) top left no-repeat;
	margin: 0 0 0 3px;
	padding: 0;
	position: relative;
	list-style-type: none;
}

div#sidepanel ul#splash-button li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 248px;
	height: 245px;
	display: inline;
	}
	
div#sidepanel li, ul#splash-button a {
	height: 245px;
	width: 248px;
	margin: 0;
	padding: 0;
	display: block;
	}
	
div#sidepanel ul#splash-button li a {
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
#sidepanel #splash	{width: 248px;}

#sidepanel #splash a:hover {background: transparent url(/images/homepage/splash.gif) -248px 0 no-repeat;}

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

#homepage-casestudies, #homepage-wps {
width: 230px;
background: #DADACF url(/images/homepage/homepage_casestudies_background.gif) bottom left no-repeat;
padding-bottom: 15px;
position: relative;
}

#homepage-casestudies h3 {
background: transparent url(/images/homepage/homepage_casestudies.gif) top left no-repeat;
height: 49px;
text-indent: -9999px;
}

#homepage-wps h3 {
background: transparent url(/images/homepage/homepage_wps.gif) top left no-repeat;
height: 49px;
text-indent: -9999px;
}

#homepage-wps p a {
display: block;
position: absolute;
left: 10px;
top: 49px;
width: 206px;
height: 114px;
background: #FFF;
opacity: 0;
cursor: pointer !important;
}

#homepage-wps p a:hover {
cursor: pointer !important;
}

#homepage-casestudies img {
margin: 0 0 .5em 10px;
border: 1px solid #ABAFA5;
}

#homepage-casestudies img:hover {
border: 1px solid #000000;
}

#homepage-casestudies h4 {
margin: 0 0 0.5em 10px;
font-size: 0.9em;
font-weight: normal;
line-height: 1.3em;
}

#homepage-casestudies p {
margin: 0 0 0 10px;
font-size: 0.9em;
line-height: 1.3em;
}

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

#sidepanel ul#subnavigation {
width: 230px;
list-style-type: none;
margin: 5px 0 20px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.85em;
}

#sidepanel ul#subnavigation li {
width: 230px;
height: 27px;
display: inline;
}

#sidepanel ul#subnavigation li a span {
/*padding: 0 10px 0 10px;*/
}

#sidepanel ul#subnavigation li a:link, #sidepanel ul#subnavigation li a:visited {
padding: 8px 10px 0 10px;
width: 210px;
height: 26px;
background: transparent url(/images/interface/subnavigation.gif) 0 0 no-repeat;
display: block;
text-decoration: none;
}

#sidepanel ul#subnavigation li a.twoline:link, #sidepanel ul#subnavigation li a.twoline:visited {
padding: 8px 0 0 10px;
width: 220px;
}


#sidepanel ul#subnavigation li a:hover, #sidepanel ul#subnavigation li a:active {
background: transparent url(/images/interface/subnavigation.gif) -230px 0 no-repeat;
}

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

#sidepanel #quote {
width: 200px;
background: transparent url(/images/interface/open_quote.gif) top left no-repeat;
padding: 47px 0 0 0;
}

#sidepanel #quote p {
font-size: 0.9em;
font-style: italic;
color: #9C9C96;
line-height: 1.4em;
}

#sidepanel #quote p.caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
font-style: normal;
line-height: 1.3em;
margin: 0.7em 0 0 0;
padding: 0 0 47px 0;
background: transparent url(/images/interface/close_quote.gif) bottom left no-repeat;
}

#sidepanel #quote p em {
font-weight: bold;
}

#sidepanel #quote p.caption em {
font-weight: normal;
}

#content .equation {
text-align: center;
width: 440px;
margin: 0 17px 0 17px;
}

#content .equation p.second {
border-top: 1px solid #000;
width: 370px;
padding-top: 7px;
}

#content form {
margin: 0 37px 0 17px;	
}

#content form fieldset {
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#content form fieldset legend {
display: none;
}

#content form fieldset label {
display: block;
}

#content form fieldset input {
display: block;	
}

#content form fieldset input#emailname, #content form fieldset input#emailaddress {
margin-bottom: 1em;	
}


/* Footer */

#footer {
clear: both;
width: 752px;
height: 37px;
background: transparent url(/images/interface/footer_background.gif) bottom left repeat-x;
padding-top: 20px;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 13px 10px 0 17px;
font-size: 0.85em;
color: #8A8A83;
}

#footer p.left {
float: left;
}

#footer p.right {
float: right;
padding-right: 208px;
}