/* InsightMkt main site stylesheet */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-decoration: none;

}
.bg {
	height: 100%;
	min-height: 800px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}
#fact {
	position: fixed; 
	z-index: 5; 
	top: 30px; 
	left: 800px; 
	width: 180px;
	font-size: 115%; 
	color: #fff;
	line-height: 0.9em;
	font-weight: bold;
}

.clear { 
  clear: both; 
}

#pageContainer {

  width: 750px;

  margin-left: 20px;

  padding-bottom: 20px;
  z-index: 10;
  position: relative;

}

#pageContainer h1 {

  padding-top: 30px;

  padding-left: 30px;

  padding-right: 30px;

  padding-bottom: 30px;

  margin: 0px;

  font-size: 465%;

  line-height: 0.85em;

  overflow: visible;

  color: #FFFFFF;

  letter-spacing: -4px;

}

#pageContainer  h1  span  span {

  background-position: 100% 94%;

  background-repeat: repeat-x;

}



#leftContainer {

  float: left;

  width: 190px;

  background: url('../imgs/bgLeft.gif') top right no-repeat;
  padding-left: 35px;

}

#leftContainer div h2 {

  color: #FFFFFF;

  font-size: 160%;

  font-weight: normal;

  margin: 0px;
  letter-spacing: -1px;

}

#leftContainer div h2 span {

  text-decoration: underline;

}

#leftContainer div ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

  font-size: 70%;

  font-weight: bold;

}

#leftContainer a {

  text-decoration: none;

}

#leftContainer a:hover {

  text-decoration: underline;

}

#leftContainer div h3 {

  margin: 0px;

  padding: 0px;

  font-size: 70%;

  color: #FFFFFF;

}

#leftContainer div p {

  margin: 0px;

  padding: 0px;

  font-size: 70%;

  color: #FFFFFF;

  margin-bottom: 10px;

}

#leftContainer form input {  
  font-size: 60%;
}

.copy {
	font-size: 70%;
	padding-left: 35px;
}



#midContainer {

  float: left;

  width: 270px;

}

#midContainer h2 {

  color: #FFFFFF;

  font-size: 80%;

  font-weight: bold;

  margin: 0px;

}

#midContainer h2 span {

  text-decoration: underline;

}
#midContainer h3 {
  font-size: 100%;
  margin-bottom: 10px;
}

#midContainer a:hover {
	text-decoration: underline;
	

}

#midContainer a {
	text-decoration: none;
	

}

#midContainer td {
	text-decoration: none;
	font-size: 80%;

}

#midContainer div p {

  font-size: 70%;

  margin: 0px;

  margin-bottom: 0.5em;

}

#midStandfirst {

  font-weight: bold;

  font-size: 115%;

  letter-spacing: -1px;

  line-height: 1em;

  margin-bottom: 0.5em;

}
#midContainer ul {
  font-size: 70%;
  margin-left: -25px;
}

#clientTable {
  width: 270px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  border: 1px solid #EAEAEA;
}
#clientTable td {
  width: 90px;
  height: 50px;
  border: 1px solid #EAEAEA;
  text-align: center;
  vertical-align: middle;
}
#clientTable td.clientActive {
  border: solid 3px #fff;
}
#contactForm {
  width: 270px;
  font-size: 70%;
}
#contactForm input.textField {
  font-size: 100%;
  background: #fff;
  border: 0px;
  padding: 3px;
  width: 160px;
}
#contactForm textarea {
  font-size: 110%;
  background: #fff;
  border: 0px;
  padding: 3px;
  width: 160px;
  font-family: Arial, Helvetica, sans-serif;
}
#contactForm input.formButton {
  width: 60px;
  font-size: 100%;
}
#contactForm td {
  padding-bottom: 5px;
  padding-right: 5px;
  vertical-align: top;
}



#rightContainer {

  float: left;

  width: 240px;

  background: url('../imgs/bgRight.gif') top left repeat-y;

}

#rightContainer h2 {

  color: #FFFFFF;

  font-size: 80%;

  font-weight: bold;

  margin: 0px;

  margin-left: 30px;

  margin-right: 10px;

}

#rightContainer h2 span {

  text-decoration: underline;

}
.quote {

  margin: 0px;

  padding: 0px;

  margin-left: 30px;

  margin-right: 10px;

  font-size: 90%;

  color: #FFFFFF;

  margin-bottom: 20px;

}
.client {

  margin: 0px;

  padding: 0px;

  margin-left: 30px;

  margin-right: 10px;

  font-size: 70%;

  color: #FFFFFF;

  margin-bottom: 20px;

}



#footerContainer {

  background: #FFFFFF;

  width: 705px;

  margin-left: 20px;

  margin-top: 20px;

  margin-bottom: 20px;

  padding-top: 30px;

  padding-left: 35px;

  padding-right: 10px;

  padding-bottom: 30px;
  z-index: 10;
  position: relative;

}

#footerLeft {

  color: #9D9D9D;

  float: left;

  margin-right: 40px;

  width: 150px;

}

#footerMid {

  color: #9D9D9D;

  float: left;
  width: 270px;

  margin-right: 20px;

}

#footerRight {

  color: #9D9D9D;

  float: left;

  margin-right: 40px;

  width: 150px;

}

#footerContainer div h2 {

  color: #8F1515;

  font-size: 80%;

  font-weight: bold;

  margin: 0px;

}

#footerContainer div h2 span {

  text-decoration: underline;

}

#footerContainer div ul {

  list-style: none;

  font-size: 80%;

  margin: 0px;

  padding: 0px;

}

#footerContainer a {

  color: #9D9D9D;

  text-decoration: none;

}

#footerContainer a:hover {

  text-decoration: underline;

}


@media print {
.bg {
	display: none;
}
#fact {
	color: black;
}
}