/***********************************************************************************/
/*                                                                                 */
/* e-scape basic css | LM | 17/08/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: 100.01%;
}

ul, li, blockquote, cite { font-family: Arial, Helvetica, sans-serif; }

/* HTML Styles ---------------------------------------------------------- */
body
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 70%;
   background: url("../images/pageBgOrange.jpg");
   background-repeat: repeat-x;
   background-color: #FF9900;
   /* IE5 hack to center the page (IE5 misinterprets this and 
  centers everything, rather than just the text), consequently 
  in ibs.css, #container overides this and left aligns the 
  text as it should be */
  text-align: center;
  color: #727B81;
}

#mainPage
{
  width: 750px;
  background: none;
  background-color: #D2DBE3;
  margin: 0 auto;
  padding: 25px 15px;
  border-left: solid 3px #BB6C0A;
  border-right: solid 3px #BB6C0A;
  /* Attribute to overide the IE5 hack to center the page in basic.css */
  text-align: left;
}

p
{
   font-family: Arial, Verdana, Helvetica, sans-serif;
   margin-bottom: 0.8em;
   line-height: 1.25em;
}

ul
{
  font-family: Arial, Helvetica, sans-serif;
  color: #727B81;
  list-style-type: none;
  line-height: 2em;
  font-size: 100%;
}

a 
{ 
  color: #EF841C;
  font-weight: bold;
  text-decoration: none;
}

a:link { color: #EF841C; }

a:visited { color: #EF841C; }

a:hover
{ 
  /*text-decoration: underline;*/
  color: #C11909;
}

a:active { color: #C11909; }

h1
{
   font-size: 250%;
   font-weight: normal;
}

h2
{
   font-size: 110%;
   font-weight: normal;
}

h3 { font-size: 100%; }

h4 {
font-size: 100%;
color: #79848C;
margin-bottom: 6px;
}

.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;
}

p.white a
{ 
  color: #fff;
  font-weight: bold;
}

p.white a:visited
{ 
  color: #fff;
}

h1#strapline
{
  color: #A3AEB7;
  margin: 40px 0 20px 0;
  font-family: Arial, Helvetica, sans-serif;
}

.caseStudy
{
  width: 218px;
  margin-right: 13px;
  /*display: inline-table;*/
  float: left;
}

.caseStudyHeader1
{
  display: block;
  padding: 6px 10px;
  background: url("../images/csHeader1.jpg");
  background-repeat: no-repeat;
  background-color: #BF0072;  
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.caseStudyHeader1:hover
{
  background: url("../images/csHeaderOver.jpg");
  background-repeat: no-repeat;
  background-color: #C26217;
}

.cs2
{
  background: url("../images/csHeader2.jpg");
  background-repeat: no-repeat;
  background-color: #00B6CC;
}

.cs3
{
  background: url("../images/csHeader3.jpg");
  background-repeat: no-repeat;
  background-color: #6EC71E;
}

.caseStudyContent
{
  width: 216px;
  border-right: solid 2px #CFCFCF;
  border-bottom: solid 2px #CFCFCF;
  background-color: #CFCFCF;
  color: #647583;
  font-family: Arial, Helvetica, sans-serif;
}

p.caseStudyText
{
padding: 6px 10px;
background-color: #F0F0F0;
font-size: 90%;
font-weight: normal;
margin-bottom: 0;
min-height: 80px;
}

.caseStudyLink
{
  display: block;
  padding: 3px 10px;
  background-color: #C4CED7;
  color: #647583;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.caseStudyLink:hover
{
  background-color: #647583;
  color: #C4CED7;
}

.clearAll { clear:both; }