html
{
  margin:0;
  padding:0;
  border:0;
}

body
{
  color: #FFFFFF;
  background-color: #222222;
  font-family: Arial, Tahoma, Verdana;
  font-size:small;
  /** To centre the page in IE */
  text-align:center;
}

hr
{
  color:#FFFFFF;
  height:1px;
  background-color:#FFFFFF;
}

h1, h2, h3
{
  color: #FF0000;
  font-size:medium;
}

a
{
  margin-right:5px;
}

a:link
{
  color: #FFFFFF;
  text-decoration:none;
}

a:visited
{
  color: #FFFFFF;
  text-decoration:none;
}

a:active
{
  color: #FFFFFF;
  text-decoration:none;
}

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

/** Custom */

#content
{
  /** As body is centreded, we need to override*/
	text-align:left;
  background-color: #111111;
  width:70%;
  padding: 5px;
  margin:auto;
}

#links
{
  position:relative;
  height:35px;
  margin-bottom: 10px;
}

#linksLeft
{
  float:left;
  width:20%;
}

#linksRight
{
  float:right;
  width:77%;
  text-align:right;
}

#footer
{
  margin-top:10px;
  margin-bottom:10px;
  font-size:smaller;
  text-align:left;
}

.contactLeft
{
  float:left;
  width:40%;
}

.contactRight
{
  float:right;
  width:60%;
}

.container
{
  position:relative;
  min-height:100%;
  height:auto;
  height:100%;
}

.servicesLeft
{
  float:left;
  width:50%;
}

.servicesRight
{
  float:right;
  width:45%;
  padding-right:10px;
}

.formWidth
{
	width:400px;
}
.formLeft
{
	float:left;
	color:#FFFFFF;
  width:20%;
  padding-top:5px;
}

.formRight
{
	float:right;
  width:79%;
  padding-top:5px;
}

.formError
{
  color:#FF0000;
}

.footerLeft
{
	float:left;
  width:90%;
}

.footerRight
{
	float:right;
  width:9%;
  text-align:right
}