body {
	margin: 0;
	padding: 0;
	color:#000000;
	background: url(/assets/bgrpt_body.jpg) repeat-x top left;
	font-size: small;
	font-family: "trebuchet ms", "times new roman", times, serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}


/* TYPOGRAPHY
------------------------------------------------------------------------------------------*/
h1 {
	color: #2F5C96;
	font-size: 160%;
}

h2 {
	color: #97352A;
	font-size: 120%;
}

h3 {
	color: #2298E3;
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

h4 {
	color: #97352A;
	font-size: 135%;
	font-weight: normal;
}

p {
	font-size: 90%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ol, ul {
	font-size: 90%;
}

a:link, a:visited {
	color: #2298E3;
	text-decoration: underline;
}

a:hover, a:active {
	color: #2298E3;
	text-decoration: none;
}


blockquote{ 
	padding: 0px;
	margin: 0px;
}

cite{
	font-style: normal;
	padding-top: 10px;
	display:block;
}

cite em {
	font-weight: bold;
	font-style: normal;
}


/* GENERIC CLEARS FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.clearfloats{
	clear: both;
}

.clearleft{
	clear: left;
}

.clearright{
	clear: right;
}


/* COLUMNS
------------------------------------------------------------------------*/
.left{
	float: left;
	text-align: left;
}

.right{
	float: right;
	text-align: left;
}


/* HEADER - CONTAINS THE LOGO AND PRIMARY NAVIGATION
------------------------------------------------------------------------------------------*/
#header {
	margin: 0 auto;
	padding: 0px;
	width: 900px;
}

#header img {
	margin: 0 auto;
	padding: 0;
	display: block; /* removes the stupid 4px gap created in IE browsers */
}

#primarynav {
	width: 900px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#primarynav span {display: none;}

#primarynavlist {
	width: 900px;
	height: 60px;
	background:url(/assets/nav_primary.jpg) no-repeat top left;
	margin: 0px;
	padding:0px;
	position:relative;
}

#primarynavlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#primarynavlist a {display: block;}

#home 			{left:2px; top:0px; width:79px; height:60px;}
#aboutus 			{left:83px; top:0px; width:110px; height:60px;}
#products			{left:195px; top:0px; width:116px; height:60px;}
#why				{left:313px; top:0px; width:73px; height:60px;}
#reports			{left:388px; top:0px; width:99px; height:60px;}
#partnerprogramme	{left:489px; top:0px; width:201px; height:60px;}
#faqs			{left:692px; top:0px; width:69px; height:60px;}
#contactus		{left:763px; top:0px; width:135px; height:60px;}

#home a, #aboutus a, #products a, #why a, #reports a, #partnerprogramme a, #faqs a, #contactus a	{height:60px;}

#home a:hover, #home .active						{background:url(/assets/nav_primary.jpg) -2px -60px no-repeat; width:78px; height:60px;}
#aboutus a:hover, #aboutus .active					{background:url(/assets/nav_primary.jpg) -83px -60px no-repeat; width:110px; height:60px;}
#products a:hover, #products .active				{background:url(/assets/nav_primary.jpg) -195px -60px no-repeat; width:116px; height:60px;}
#why a:hover, #why .active						{background:url(/assets/nav_primary.jpg) -313px -60px no-repeat; width:73px; height:60px;}
#reports a:hover, #reports .active					{background:url(/assets/nav_primary.jpg) -388px -60px no-repeat; width:99px; height:60px;}
#partnerprogramme a:hover, #partnerprogramme .active	{background:url(/assets/nav_primary.jpg) -489px -60px no-repeat; width:201px; height:60px;}
#faqs a:hover, #faqs .active						{background:url(/assets/nav_primary.jpg) -692px -60px no-repeat; width:69px; height:60px;}
#contactus a:hover, #contactus .active				{background:url(/assets/nav_primary.jpg) -763px -60px no-repeat; width:135px; height:60px;}


/* HOMEPAGE LAYOUT
------------------------------------------------------------------------------------------*/
#home2column {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0px;

}

#home2column h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#home2column .left {
	width: 610px;
	padding: 0px;
}

#home2column .right {
	width: 250px;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

#boxes {
	background: url(/assets/home_boxesbottom.gif) no-repeat bottom left;
	padding: 0px;
	margin: 0px;
}

.wide {
	width: 228px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.thin {
	width: 216px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.wide p, .thin p {
	padding: 0px 0px 0px 10px;
	width: 196px;
}

#boxes a:link, #boxes a:visited {
	color: #97352a;
	text-decoration: underline;
}

#boxes a:hover, #boxes a:active {
	color: #97352a;
	text-decoration: none;
}





/* GENERIC 2 COLUMN LAYOUT - ABOUT US | TESTIMONIALS | FAQs | CONTACT US | ACCESSIBILITY | SITEMAP
------------------------------------------------------------------------------------------*/
#generic2column {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0px;

}

#generic2column .left {
	width: 640px;
}

#generic2column .right {
	width: 216px;
	text-align: right;
	padding-top:20px;
}

.btnrightlink a:link, .btnrightlink a:visited {
	background-color: #FFFFFF;
	display: block;
	width: 216px;
	height: 83px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.btnrightlink a:hover, .btnrightlink a:active {
	background-color: #F0F6FD;
	display: block;
	width: 216px;
	height: 83px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#generic2column .left h3 {
	color: #2298E3;
	font-size: 120%;
	margin: 0px;
	padding: 10px 0px;
}

#generic2column blockquote{ 
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	background: url(/assets/dottedline_630px.gif) no-repeat bottom left;
}

#generic2column cite{
	font-style: normal;
	padding-top: 10px;
	display:block;
}

#generic2column cite em {
	font-weight: bold;
	font-style: normal;
	color: #2298E3;
}

/* FAQs - more links
------------------------------------------------------------------------------------------*/
.holder {width:630px; background: url(/assets/dottedline_630px.gif) no-repeat bottom left; padding: 5px 0px 1px 0px;}
a.hid {color:#2298E3; text-decoration:underline;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#000; width:100%; font-style:normal; cursor:default; text-decoration: none;}
.clear {clear:both;}

.faq_entry p, .faq_open p
{
	display: block;
	padding: 3px 0px 0px 26px;
}

.faq_closed p
{
	display: none;
}

.faq_open b, .faq_closed b
{
	padding: 2px 0px 2px 26px;
	cursor: pointer;
	display: block;
}

.faq_open b
{
	background: url(toggle_close.png) 5px 50% no-repeat;
}

.faq_closed b
{
	background: url(toggle_open.png) 5px 50% no-repeat;
}

.faq_id
{
	color: #eee;
}


/* CONTACT PAGE LAYOUT
------------------------------------------------------------------------------------------*/
#contact2column {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0px;
}

#contact2column .left {
	width: 640px;
}

#contact2column .right {
	width: 216px;
	text-align: left;
}

#contact2column .right h2 {
	color: #2F5C96;
	font-size: 160%;
	margin-bottom: 5px;
}

#contact2column .right h3 {
	color: #2F5C96;
	font-size: 160%;
	margin: 25px 0px 5px 0px;
}

/* GENERIC 1 COLUMN LAYOUT - PARTNER PROGRAMME
------------------------------------------------------------------------------------------*/
#generic1column {
 width: 900px;
 margin: 0 auto;
 padding: 30px 0px;
 text-align:left;
}
 
#generic1column h3 {
 color: #2298E3;
 font-size: 120%;
 margin: 0px;
 padding: 10px 0px;
}
 
#generic1column blockquote{
 padding: 0px 0px 10px 0px;
 margin: 0px 0px 15px 0px;
 background: url(assets/dottedline_630px.gif) no-repeat bottom left;
}
 
#generic1column cite{
 font-style: normal;
 padding-top: 10px;
 display:block;
}
 
#generic1column cite em {
 font-weight: bold;
 font-style: normal;
 color: #2298E3;
}
 
 
/* FORM STUFF
-------------------------------------------------------------------------------------------*/
fieldset {
  background-color : #ffffff;
  border: solid 1px #C6DEF9;
  padding: 10px;
  margin: 10px 0px;
}
 
legend {
  font-weight : bold;
  color : #2298E3;
  background-color: #ffffff;
  margin: 5px;
  padding: 0px 5px;
}
 
label {
  color : #555;
  font-size: 90%;
  margin: 3px 0px 7px 10px;
}
 
/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {
  font: 100% 'Trebuchet MS', sans-serif;
  padding: 2px;
  border: 1px solid #C6DEF9;
  background-color: #ffffff;
  color: #777;
  margin: 3px 0px 7px 10px;
}


/* REPORTS PAGE LAYOUT
------------------------------------------------------------------------------------------*/
#reports2column {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0px;
	text-align: left;
}

#reports2column .left {
	width: 550px;
}

#reports2column .right {
	width: 330px;
	text-align: left;
	margin-top: 10px;
}

#reports2column .right h3 {
	margin: 10px 0px 10px 10px;
}

#reports2column .right img {
	padding: 0px 0px 0px 10px;
}

.iconclickplanner {
	background: url(/assets/icon_clickplanner.jpg) no-repeat center left;
	padding: 10px 0px 0px 60px;
	height: 45px;
	margin: 0px;
}

.iconclickassets {
	background: url(/assets/icon_clickassets.jpg) no-repeat center left;
	padding: 10px 0px 0px 60px;
	height: 45px;
	margin: 0px;
}

.iconclickhr {
	background: url(/assets/icon_clickhr.jpg) no-repeat center left;
	padding: 10px 0px 0px 60px;
	height: 45px;
	margin: 0px;
}

/* PAGES WITH EE TABS
------------------------------------------------------------------------------------------*/
#tabscontent{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0px;
	text-align: left;
}

.text h4 {
	color: #2298E3;
	font-size: 110%;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}


/* FOOTERWRAP - THIS CONTAINS THE FOOTER BACKGROUND REPEAT GRAPHIC FOR THE BOTTOM OF THE PAGE
------------------------------------------------------------------------------------------*/
#footerwrap {
	margin: 0 auto;
	width: 100%;
	background: url(/assets/bgrpt_wrapper.jpg) repeat-x top left;
	min-height: 224px; /*required for the background image to show up in mozilla */
}


/* FOOTER
------------------------------------------------------------------------------------------*/
#footer {
	margin: 0 auto;
	width: 900px;
	background:url(/assets/bgrpt_footer.jpg) no-repeat top left;
	min-height: 224px; /*required for the background image to show up in mozilla */
}

#footer .left {
	width: 450px;
}

#footer .right {
	width: 450px;
}

#footer .right p, #footer .left p {
	margin: 10px 20px 20px 20px;
}

#footer .left h4, #footer .right h4 {
	margin: 20px 20px 0px 20px;
	text-transform: uppercase;
}

ul.footernav {
	margin: 10px 0px 3px 0px;
	padding: 0;
	font-size: 80%;
}

.footernav li {
	display: inline;
	list-style-type: none;
}

.footernav a:link, .footernav a:visited {
	color: #2298E3;
	text-decoration: none;
}

.footernav a:hover {
	color: #2298E3;
	text-decoration: underline;
}

.small {
	font-size: 80%;
}

/* footer testimonial rotation */
.testimonials	p + p,
.testimonials	img + img	
{	
	display: none; 
}

.testimonials	> a
{
	display: block;
	margin-left: 20px;
}

.fancy a img { border: 0px; }