/* Global Elements */

body
{
  padding               : 0px;
  margin                : 0px;
  width                 : 100%;
  height                : 100%;
  text-align            : center;
  font-family           : Verdana, Arial, Helvetica, Sans-serif;
  font-size             : 0.7em;
  color                 : #6F6D6E;
  background-color      : #ffffff;
}

hr
{
  background-color      : #DAD9DD;
  border                : solid 1px #DAD9DD;
}

h1
{
  padding               : 0px;
  margin                : 0px;
  font-size             : 130%;
}

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

.Content a
{
  color                 : #000050;
  text-decoration       : none;
}

a:hover
{
  color                 : #DC7701;
  text-decoration       : none;
}

div
{
  width                 : auto;
  height                : auto;
}

/* Global Elements End */


/* Containg Elements */

#Container /* Contains the whole document */
{
  width                 : 762px;
  height                : 100%;
  padding               : 0px;
  margin                : 0 auto;
  text-align            : left;
}

#Border
{
  background-color      : #ffffff;
  border-left           : solid 1px gray;
  border-right          : solid 1px gray;
  border-bottom         : solid 1px gray;
  float                 : left;
}

#Backing /* Grey background colour for content area */
{
  background-color      : #EAE9EF;
  width                 : auto;
  height                : auto;
  float                 : left;
}

#FloatWrapper
{
  float                 : left;
  width                 : 589px;
}

#FullPageFloatWrapper
{
  float                 : left;
  width                 : 760px;
}

/* Containg Elements End */


/* Header Elements */

.Logo /* Style attributes for logo image */
{
  width                 : 68px;
  height                : 36px;
  background-image      : url(../imgs/IPLLogo.png);
  float                 : left;
  margin                : 12px 0px 0px 15px;
  display               : block;
}

#Header
{
  background-color      : #005AAB;
  width                 : 750px;
  height                : 60px;
  padding               : 0px 10px 0px 0px;
  background-image      : url(../imgs/headBG.gif);
  text-align            : left;
}

#HeaderBar
{
  height                : 17px;
  line-height           : 8px;
  display               : block;
  width                 : 745px;
  background-color      : #DC7701;
  margin                : 0px 0px 3px 0px;
  overflow              : hidden;
  padding               : 2px 10px 2px 5px;
  text-align            : right;
  color                 : #ffffff;
}

#HeaderBar a
{
  color                 : #ffffff;
  text-decoration       : none;
}

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

/* Header Elements End */


/* Page Content */

#LeftNav
{
  height                : 500px;
  width                 : 149px;
  margin                : 0px;
  float                 : left;
}

#RightNav
{
  height                : 94px;
  width                 : 171px;
  background-color      : #EAE9EF;
  float                 : right;
}

.TextField
{
  width                 : 100px;
  margin                : 5px 30px 5px 6px;
  font-size             : 95%;
}

#RightNav div
{
  border-bottom         : #ffffff 3px solid;
}

#LeftNav p, #RightNav p
{
  display               : block;
  background-color      : #006699;
  color                 : #ffffff;
  font-size             : 110%;
  font-weight           : bold;
  padding               : 2px 0px 3px 18px;
  margin                : 0px;
  background-image      : url(../imgs/ArrowHeader.png);
  background-repeat     : no-repeat;
  background-position   : 5px 6px;
}

#LeftNav p a, #RightNav p a
{
  color: #fff;
}

#LeftNav p a:hover, #RightNav p a:hover
{
  color: #DC7701;
}

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

ul.NewsMenu a
{
  color                 : #DC7701;
}

ul.NewsMenu a:hover
{
  color                 : #000000;
}

ul.Menu, ul.Menu li ul
{
  margin                : 0px;
  padding               : 0px 5px 0px 0px;
}
ul.Menu li, ul.NewsMenu li
{
  display               : block;
  border-bottom         : 1px dotted #CFCFCF;

}
ul.Menu li
{
  padding               : 6px 0px 8px 25px;
  background-image      : url(../imgs/ArrowButton.png);
  background-repeat     : no-repeat;
  background-position   : 7px 6px;
}

ul.Menu li ul li
{
  padding               : 6px 0 2px 8px;
  background-image      : url(../imgs/arrow_subnav.gif);
  background-repeat     : no-repeat;
  background-position   : 1px 10px;
  border                : 0;
}

ul.Menu li ul li a
{
  color                 : #666;
}

ul.NewsMenu li
{
  padding               : 6px 0px 8px 6px;
}

span.CompanyName
{
  font-style            : italic;
  text-decoration       : underline;
}

ul.AssistanceMenu
{
  margin                : 30px 0px 10px 0px;
  padding               : 0px;
  list-style-type       : none;
}

ul.AssistanceMenu li
{
  padding               : 3px 0px 3px 7px;
}

ul.CaseStudyList
{
  list-style            : none;
  margin                : 10px 10px 10px 10px;
  padding               : 10px 10px 10px 10px;
}
ul.CaseStudyList li
{
  background-image      : url(../imgs/IconPDF_sm.gif);
  background-repeat     : no-repeat;
  padding               : 0px 0px 20px 20px;
}

.ContentHeader
{
  position              : relative;
  height                : 94px;
  background-color      : #86B0C6;
  color                 : #ffffff;
  font-size             : 140%;
  font-weight           : bold;
  background-repeat     : no-repeat;
  background-position   : 182px;
  background-color      : #86B0C6;
}

.ContentHeader h1
{
  font-weight           : normal;
  position              : absolute;
  left                  : 16px;
  bottom                : 8px;
  width                 : 165px;
}

#ContentFullPage .ContentHeader h1
{
  width                 :320px;
}

.ContentHeader#ContentHeaderSoftwareServices
{
  background-image      : url(../imgs/header_SoftwareServices.jpg);
}

.ContentHeader#ContentHeaderAboutUs
{
  background-image      : url(../imgs/header_AboutUs.jpg);
}

.ContentHeader#ContentHeaderMarketSectors
{
  background-image      : url(../imgs/header_MarketSectors.jpg);
}

.ContentHeader#ContentHeaderClients
{
  background-image      : url(../imgs/header_Clients.jpg);
}

.ContentHeader#ContentHeaderPapers
{
  background-image      : url(../imgs/header_CaseStudies.jpg);
}

.ContentHeader#ContentHeaderProducts
{
  background-image      : url(../imgs/header_RoyalCrescent.jpg);
  background-position   : 356px;
}

.Content
{
  height                : auto;
  float                 : right;
  background-color      : #ffffff;
}

.Content p
{
  margin                : 10px 0px 10px 0px;
  padding               : 0px;
}

#Content, #CHeaderFullPage, #ContentFullPage
{
  width                 : 434px;
  padding               : 0px 3px 20px 3px;
}

#Content2
{
  width                 : 605px;
  padding               : 0px 0px 20px 3px;
}

#CHeaderFullPage
{
  padding-bottom        : 3px;
  margin-bottom         : 0px;
}

#ContentFullPage
{
  width                 : 608px;
  margin-top            : 0px;
  padding-top           : 0px;
  padding-right         : 0px;
}

.CHeader, .CHeader2
{
  padding               : 65px 15px 7px 15px;
  background-color      : Gray;
  color                 : #ffffff;
  font-size             : 140%;
  float                 : left;
}

.CHeader
{
  width                 : 578px;
}

.CHeader2
{
  width                 : 404px;
}

h2
{
  color                 : #DC7701;
  font-size             : 130%;
  padding               : 0px;
  margin                : 0px;
}

h3
{
  font-size             : 120%;
}

.Padding
{
  min-height            : 355px;
  padding               : 15px;
  clear                 : both;
  /* text-align            : justify; */
}

.BlueBox
{
  font-family           : Verdana, Arial, Helvetica, Sans-serif;
  font-size             : 110%;
  color                 : #E2E7EB;
  padding               : 10px 20px 12px 20px;
  background-color      : #0059AD;
  background-image      : url(../imgs/headBG.gif);
}

.ImgFloat
{
  float                 : left;
}

ul.HomeList
{
  list-style-type       : none;
  display               : block;
  margin                : 0px;
  padding               : 0px;
}

ul.HomeList li
{
  height                : auto;
  width                 : 100%;
  float                 : none;
  clear                 : both;
  display               : block;
  border-bottom         : dotted 1px #CFCFCF;
  padding               : 0px 0px 0px 0px;
  margin                : 6px 0px 6px 0px;
  line-height           : normal;
  vertical-align        : top;
  float                 : left;
}

ul.HomeList li h1
{
  line-height           : normal;
  vertical-align        : top;
  font-family           : Verdana, Arial, Helvetica, Sans-serif;
  font-size             : 150%;
  color                 : #DC7701;
  margin                : 0px 0px 10px 0px;
  padding               : 0px 0px 0px 0px;
}

ul.HomeList li p
{
  width                 : 300px;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
  float                 : left;
}

ul.HomeList li img
{
  float                 : left;
  display               : block;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
}

/* Page Content Elements End */


/* Footer Elements */

#Footer
{
  margin                : 0px 0px 0px 0px;
  border-top            : solid 1px gray;
  padding               : 5px 5px 5px 5px;
  background-color      : #AAA9AC;
  width                 : 750px;
  height                : 12px;
  float                 : left;
}

#Footer a
{
  color                 : #ffffff;
  margin                : 0px 10px 0px 10px;
}

#Footer a:hover
{
  color                 : #000000;
}

/* Footer Elements  End*/

/* Print Footer Elements */

#PrintFooter
{
  display               : none;
}
/* Print Footer Elements End */