/******************************************************************************/
/*                                                                            */
/*                  e-scape print css | AS | 19/09/2005                       */
/*                                                                            */
/******************************************************************************/

/* Initialise padding and margins and font sizes */
html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img
{
  margin: 0;
  border: 0px none;
  padding: 0;
  font-size: 9pt;
}

ul, li, blockquote, cite { font-family: Arial, Helvetica, sans-serif; }

/* HTML Styles ---------------------------------------------------------- */
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #ffffff;
  color: #000000;
  margin: 20px;
}

p
{
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 0.8em;
   line-height: 1.25em;
}

ul
{
  font-family: Arial, Helvetica, sans-serif;
  list-style-type: none;
  line-height: 2em;
  font-size: 9pt;
}

a
{
  color: #000;
  font-weight: normal;
  text-decoration: underline;
  cursor: default;
}

a:link { color: #000; }

a:visited { color: #000; }

a:hover { color: #000; }

a:active { color: #000; }

h1, h2, h3, h4
{
  page-break-after: avoid;
}

h1
{
   font-size: 20pt;
   font-weight: normal;
   margin-bottom: 10px;
}

h2
{
   font-size: 16pt;
   font-weight: normal;
   margin-bottom: 5px;
}

h2#caseStudyHeader
{
   font-size: 11pt;
   font-weight: bold;
   margin-bottom: 10px;
   color: #c11909;
}

h3 
{
  font-size: 14pt;
  margin-bottom: 5px;
}

.caseStudyText h3
{
  font-size: 11pt;
}

h4 
{
  font-size: 12pt;
  color: #79848C;
  margin: 15px 0 6px 0;
}

.orange 
{ 
  color: #EF841C;
  font-weight: bold;
}

.orangeSerp
{ 
  color: #EF841C;
  font-family: Serpentine, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.white 
{ 
  color: #fff;
  font-weight: bold;
}

/* Tweak this ----------------------------------------------------------- */

#mainPage
{
  width: 100%;
  background-color: #ffffff;
  margin-left: 0;
  padding-bottom: 60pt;
}

#mainPagePadding #words
{
  margin-left: 10px;
  width: 98%;
}

#mainPagePadding div #contentPage #words
{
  margin-top: 0px;
  padding-left: 0px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#contentPage
{
  width: 100%;
}

#address
{
  position: relative;
  top: 0px;
  right: 0px;
  margin: -15px -15px 20px 5px;
  float: right;
  width: 160px;
  z-index: 3;
}

#words
{
  width: 100%;
  margin-bottom: 20px;
}

#words p
{
  font-size: 10pt;
  line-height: 1.35em;
}

#words ul
{
  line-height: 1.5em;
  margin: 0 0 10px 0;
  list-style-type: circle;
  font-size: 9pt; 
}

#testimonial
{
  font-size: 8pt;
  margin-top: 20px;
  margin-bottom: 20px;
}

#testimonial p
{
  color: #EF841C;
  font-weight: bold;
}

#portfolioHolder a {
  color: #000;
  font-weight: normal;
}

#portfolioHolder  a:link { text-decoration: none; }

#portfolioHolder  a:visited { text-decoration: none; }

#portfolioHolder  a:hover { text-decoration: none; }

#portfolioHolder  a:active { text-decoration: none; }

.caseStudy  a:link { text-decoration: none; }

.caseStudy  a:visited { text-decoration: none; }

.caseStudy  a:hover { text-decoration: none; }

.caseStudy  a:active { text-decoration: none; }

h1#strapline
{
  font-size: 10pt;
  color: #000000;
  margin: -18px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
  border-bottom: medium double #999;
  padding-bottom: 5px;
}

.tName
{
  color: #A3AEB7;
  display: block;
  font-weight: bold;
}

.caseStudy
{
  width: 98%;
  margin-bottom: 10px;
}

.caseStudyHeader1
{
  display: block;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11pt;
  margin: 15px 0 5px 0;
}

.caseStudyContent
{
  width: 98%;
  border-bottom: 0;
  color: #647583;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.caseStudyContentHolder
{
  border-bottom: solid 1px #CFCFCF;
  width: 98%;
}

p.caseStudyText
{
  padding: 6px 10px;
  font-size: 8pt;
  font-weight: normal;
  margin-bottom: 0;
  border-left: solid 1px #CFCFCF;
}

.clearAll { clear:both; }

.contactAddress
{
  margin: 20px 0 20px 0;
}

#footer, #footerWide, #footerNarrow
{
  display: block; 
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: medium double #999;
  padding-top: 5px;
  margin-top: 20px;
  padding-left: 0;
  clear: both;
  font-size: 9pt;
  background-color: #fff;
}

* html #footer, * html #footerWide, * html #footerNarrow
{
  position: static;
}

/* Hide this ------------------------------------------------------------ */

/* frontline display flash */
#mainPage object
{
  display: none;
}

#strap
{
  display: none;
}

#mainPage #nav
{
  display: none;
}

#clientLogos
{
  display: none;
}

#accessFloat
{
  display: none;
}

#threeThings
{
  display: none;
}

#internalLogo
{
  display: none;
}

#testimonial
{
  display: none;
}

#stickerDiv
{
  display: none;
}

#footerHome
{
  display: none;
}

#footer .white, #footerWide .white, #footerNarrow .white
{
  display: none;
}

.badge
{
  display: none;
}

#caseStudy
{
  display: none;
}

.caseStudy img
{
  display: none;
}

.caseStudyLink
{
  display: none;
}

/* General items that need to be hidden for 
printing are given the following class */
.printHide
{
  display: none;
}

/* Show this ------------------------------------------------------------ */

/* Everything that needs to be hidden unless 
printed is given the following class */
/*.screenHide
{
  display: normal;
}*/


/* ------------------------------------------------------------- HACKING AREA */
* html body #words ul { margin-left: 40px; }