* {
  margin: 0;
  padding: 0;
}

html,body
{
	height: 100.1%;
}

body
{
	font: 62.5%/1.5 "Lucida Grande" , "Lucida Sans" , "Lucida Sans Unicode" , Verdana, sans-serif;
	text-align: center;
	min-width: 760px;
}

#branding 
{
  height: 140px; /* hack to make image the same size in IE */
  max-height: 100px;
  width: 750px;
  padding: 20px;
  background: url(../images/masthead.jpg) no-repeat top left;
}

#footer 
{
  clear: both; 
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}

#footer hr
{
  color: #169cac;
  background-color: #169cac;
}

#footer p
{
  font-size: 1.1em;
}

#oneColumnLayout, #twoColumnLayout, #threeColumnLayout 
{
  width: 75em;
  margin: 0 auto; 
  text-align: left;
}

#content
{
}

#oneColumnLayout #leftContent, #oneColumnLayout #rightContent 
{
  display: none;
}

#oneColumnLayout #content
{ 
  width: 100%;
}

#threeColumnLayout #leftContent 
{ 
  width: 18em; 
  float: left; 
}

#twoColumnLayout #leftContent 
{
  display: none;
}

#threeColumnLayout #content 
{ 
  width: 55em;
  float: right;
}

#twoColumnLayout #content
{ 
  width: 100%;
}

#threeColumnLayout #content
{
  /*width: 100%; */
}

#threeColumnLayout #content #mainContent
{ 
  width: 32em;
  float: left;
}

#twoColumnLayout #content #mainContent
{
  width: 50em;
  float: left;
}

#threeColumnLayout #content #rightContent
{
  width: 18em;
  float: right; 
}

#twoColumnLayout #content #rightContent
{
  width: 22em;
  float: right; 
}

/* add some padding to content areas */
#mainContent, #leftContent, #rightContent
{
  margin-top: 1.0em;
}
/*
#leftContent, #rightContent
{
  padding-top: 20px;
  padding-bottom: 20px;
}
*/
/*
#leftContent *, #rightContent *
{
  padding-left: 0px;
  padding-right: 0px;
}
*/
/*
#leftContent * *, #rightContent * *
{
  padding-left: 0px;
  padding-right: 0px;
}
*/
.twoColumns .column1
{
  float: left;
  width: 48%;
}

.twoColumns .column2
{
  float: right;
  width: 48%;
}

.clearall
{
  clear:both;
}

p
{
  font-size: 1.2em;
}

a[href^="mailto:"] 
{
  background: url(../images/email.png) no-repeat right top;
  padding-right: 15px;
}

a[href^="http:"] 
{
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.componentx.co.uk"]
{
  background-image: none;
  padding-right: 0;
}

a.download
{
  background: url(../images/download.jpg) no-repeat right top;
  padding-right: 15px;
}