body
{
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background-color: #EFEFEF;
	background: url(../img/img_background.gif) top center repeat-y;
	font-family: Verdana,Tahoma,Arial,sans-serif;
}

/*** nice lhs & rhs edges ***/
#wrap
{
	width: 78.0em;
	margin: 0em auto;
	padding: 0em;
	background-color: rgb(255,255,255);
	border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);
}

/*** Correction for non-IE browsers ***/
#wrap
{
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap
{
	/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}

/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner
{
	width: 78.0em;
	height: 11.4em;
	float: left;
	margin: 3em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background: url(../img/img_sample_header.jpg) no-repeat;
}

/*** Header main-logo ***/
#main-logo
{
	width: 777px;
	height: 77px;
	float: left;
	margin: 0;
	padding: 0em 0em 0em 0em;
	background: url(../img/img_redhead.jpg) no-repeat;
}

/*** Header Strap Line maximising your productivity 
#strap {
	width: 300px;
	height: 25px;
	float: left;
	margin: -13em 0em 2em 15em;
	padding: -500em -500em 0em 0em;
	background: url(../img/img_maximisingYP.jpg) no-repeat;
}***/

/*** Header cerise-strip ***/
#cerise-strip
{
	width: 76em;
	height: 1.5em;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: .5em .5em .5em 2em;
	background-color: #c36;
	color: #009;
	font-weight: bold;
	background: url(../img/img_ceriseShade.jpg);
}

/*** Header cerise-strip ***/
#cerise-strip a
{
	color: #009;
	text-decoration: none;
}

/*** Header cerise-strip ***/
#cerise-strip a:hover
{
	color: #fff;
	text-decoration: underline;
}


/*** Header RHS Text DATE ***/
#header-rhs
{
	float: right;
	padding: 0em 1em 0em 0em;
	color: #fff;
}

/*** Header top ***/
#header-top
{
	width: 50px;
	height: 19px;
	float: right;
	margin: .5em .5em -1em .5em;
	padding: .4em 1em 0em 0em;
	font-weight: bold;
	text-align: left;
	background: url(../img/img_small_cerise_swirl.jpg) no-repeat;
	background-position: right;
	z-index: 10;
}

/*** Header top ***/
#header-top a
{
	color: #009;
	text-decoration: none;
}

#header-top a:hover
{
	text-decoration: underline;
	color: #c36;
}


/*** Header Swirl ***/
#header-top-swirl
{
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

/*** Header nav ***/

div#navbar
{
	float: right;
	white-space: nowrap;
	font-weight: bold;
}

ul#nav, ul#nav li
{
	list-style-type: none;
}

ul#nav li
{
	float: left;
	border-right: 1px solid #FFF;
}

ul#nav a
{
	float: left;
	padding: 6px 20px 6px 20px;
	text-decoration: none;
}


#infoserve365
{
	background: #fff;
	color: #009;
}

#infoserve365 a
{
	background: #fff;
	color: #009;
}

#infoserve365 a:hover
{
	background: #fff;
	color: #009;
}

/*** ASSET - Header navigation bottom ***/
#asset
{
	background: #c36;
	color: #fff;
	text-align: center;
}

#asset a
{
	background: #c36;
	color: #fff;
	background: url(../img/img_ceriseShade.jpg);
}

#asset a:hover
{
	background: #fff;
	color: #c36;
}


/*** ENERGY - Header navigation bottom ***/
#energy
{
	background: #261;
	color: #fff;
}

#energy a
{
	background: #261;
	color: #fff;
	background: url(../img/img_limeShade.jpg);
	text-align: center;
}

#energy a:hover
{
	background: #fff;
	color: #261;
}


/*** CONDITION - Header navigation bottom ***/
#condition
{
	background: #f60;
	color: #fff;
}

#condition a
{
	background: #f60;
	color: #fff;
	background: url(../img/img_orangeShade.jpg);
	text-align: center;
}

#condition a:hover
{
	background: #fff;
	color: #f60;
}


/*** FUNCTIONALITY - Header navigation bottom ***/
#functionality
{
	background: #009;
	color: #fff;
	text-align: center;
}

#functionality a
{
	background: #009;
	color: #fff;
	background: url(../img/img_blueShade.jpg);
}

#functionality a:hover
{
	background: #fff;
	color: #009;
}

/*** ASSET - Header navigation bottom ***/
#asset
{
	background: #c36;
	color: #fff;
}

#asset a
{
	background: #c36;
	color: #fff;
	background: url(../img/img_ceriseShade.jpg);
}

#asset a:hover
{
	background: #fff;
	color: #c36;
}

/*** Heavy - Header navigation bottom ***/
#liHomeHeavy
{
	background: #c36;
	color: #fff;
}

#liHomeHeavy a
{
	background: #c36;
	color: #fff;
	background: url(../img/img_blueShade.jpg);
	width: 265px;
	text-align: center;
}

#liHomeHeavy a:hover
{
	background: #fff;
	color: #c36;
}

/*** Lite - Header navigation bottom ***/
#liHomeLite
{
	background: #c36;
	color: #fff;
}

#liHomeLite a
{
	background: #c36;
	color: #fff;
	background: url(../img/img_ceriseShade.jpg);
	width: 265px;
	text-align: center;
	border-left: solid 1 grey;
}

#liHomeLite a:hover
{
	background: #fff;
	color: #c36;
}




/***  Header navigation bottom ***/
#header-nav-bottom
{
	float: left;
	width: 78.0em;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	border-top: solid 0px rgb(69,136,176);
	border-bottom: solid 0px rgb(69,136,176);
	line-height: 2.0em;
	background: url(../img/img_header_nav_bottom.jpg);
}

#header-nav-bottom a:hover, #header-nav-bottom a.selected
{
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}

/*** Correction for IE5 ***/
* html #header-nav-bottom a
{
	width: 1%;
}

/*** Correction for IE5 ***/
* html #header-nav-bottom a
{
	width: 1%;
}

/***   Buffer between heading and content area   ***/
#buffer
{
	clear: both;
	float: left;
	width: 78.0em;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	background-color: inherit;
}


/**************************/
/***   LHS MENU COLUMN   **/
/***      LEFTNAV        **/
/**************************/


#leftnav
{
	float: left;
	list-style: none;
	width: 162px;
	font-weight: bold;
}

#leftnav ul
{
	margin: 0;
	padding: 0;
}

#leftnav li
{
	border-bottom: 1px solid #FFF;
}

#leftnav li a:link, #leftnav li a:visited
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 22px solid #009;
	background-color: #c36;
	color: #fff;
	text-decoration: none;
	background: url(../img/img_ceriseShade.jpg);
}

#leftnav li a:hover
{
	background-color: #fff;
	color: #c36;
	background-image: none;
}

/**************************/
/***   LHS MENU COLUMN   **/
/***      WhatsNew       **/
/************border-right: 1px solid #CCC;	**************/


#whatsNew
{
	float: left;
	list-style: none;
	width: 162px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

#whatsNew ul
{
	margin: 0;
	padding: 0;
	text-align: left;
}

#whatsNew li
{
	border-bottom: 1px solid #FFF;
}

#whatsNew li a:link, #whatsNew li a:visited
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 22px solid #009;
	background-color: #009;
	color: #fff;
	text-decoration: none;
	background: url(../img/img_blueShade.jpg);
}

#whatsNew li a:hover
{
	background-color: #c36;
	color: #009;
	background: url(../img/img_ceriseShade.jpg);
}

#whatsNew img
{
	padding: none;
}



/***********************/
/***   ASSET COLUMN   background:#fcd;**/
/***********border-right: solid 1px rgb(255,255,255);************/


#assetCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 150px;
	text-align: center;
	height: 100%;
}

#assetCol li
{
	color: #c36;
	padding-bottom: 0.5em;
	text-align: left;
}

#assetCol li a:link, #assetCol li a:visited
{
	color: #c36;
}

#assetCol li a:hover
{
	color: #009;
}


/************************/
/***   ENERGY COLUMN   	background:#dfc;**/
/*********	border-right: solid 1px rgb(255,255,255);***************/


#energyCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 150px;
	text-align: center;
	height: 430px;
}

#energyCol li
{
	color: #261;
	padding-bottom: 0.5em;
	text-align: left;
}

#energyCol li a:link, #energyCol li a:visited
{
	color: #261;
}

#energyCol li a:hover
{
	color: #009;
}


/***************************/
/***   CONDITION COLUMN   background:#fdc;**/
/***********	border-right: solid 1px rgb(255,255,255);****************/

#conditionCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 151px;
	text-align: center;
}

#conditionCol li
{
	color: #f60;
	padding-bottom: 0.5em;
	text-align: left;
}

#conditionCol li a:link, #conditionCol li a:visited
{
	color: #f60;
}

#conditionCol li a:hover
{
	color: #009;
}



/*******************************/
/***   FUNCTIONALITY COLUMN   background:#c3c3e8;**/
/*******************************/


#functionalityCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 146px;
	text-align: center;
}

#functionalityCol li
{
	color: #009;
	padding-bottom: 0.5em;
	text-align: left;
}

#functionalityCol li a:link, #functionalityCol li a:visited
{
	color: #009;
}

#functionalityCol li a:hover
{
	color: #c36;
}


/********************/
/***   CONTAINER   **/
/********************/

#container
{
	float: left;
	text-align: left;
	width: 612px;
}

#content
{
	float: left;
	text-align: left;
	width: 777px;
}


/***********************/
/*** HomeHeavy Column **/
/***********************/


#HomeHeavyCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 300px;
	text-align: center;
	height: 100%;
}

#HomeHeavyCol li
{
	color: #c36;
	padding-bottom: 0.5em;
	text-align: left;
}

#HomeHeavyCol li a:link, #HomeHeavyCol li a:visited
{
	color: #c36;
}

#HomeHeavyCol li a:hover
{
	color: #009;
}



/***********************/
/*** HomeLite Column **/
/***********************/


#HomeLiteCol
{
	float: left;
	padding: 10px 2px 2px 2px;
	width: 300px;
	text-align: center;
	height: 100%;
}

#HomeLiteCol li
{
	color: #c36;
	padding-bottom: 0.5em;
	text-align: left;
}

#HomeLiteCol li a:link, #HomeLiteCol li a:visited
{
	color: #c36;
}

#HomeLiteCol li a:hover
{
	color: #009;
}


/*****************/
/***   FOOTER   **/
/*****************/
#footer
{
	clear: both; /*	float: left; */
	width: 78.0em;
	height: 2.5em;
	margin: 1.0em 0em 0em 0.0em;
	padding: 0.5em 0em 0.5em 0em;
	border-top: solid 0.1em rgb(200,200,200);
	border-bottom: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,255,255);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
}

/*****************/
/***   image   **/
/*****************/

img
{
	padding: 5,2,2,5;
	border: none;
}


.bimg
{
	margin: 20;
	border-style: solid;
	border-color: blue;
	border-width: thin;
}


/************************/
/***   DYNAMIC STUFF   **/
/************************/


/*** Coloured strip containing title ***/


objContent.CSSStyle #titleStripbase
{
}

#titleStripfunctionality, #titleStripwhatitcosts
{
	margin: 0em 0em 0em 0em;
	background-color: #009;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 22px;
	background: url(../img/img_blueShade1.jpg);
	border-left: solid 1px rgb(255,255,255);
}


#titleStripasset, #titleStripwhatyouget
{
	margin: 0em 0em 0em 0em;
	background-color: #c36;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 22px;
	background: url(../img/img_ceriseShade1.jpg);
	border-left: solid 1px rgb(255,255,255);
}

#titleStripenergy, #titleStripwhatyoudo
{
	margin: 0em 0em 0em 0em;
	background-color: #261;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 22px;
	background: url(../img/img_limeShade1.jpg);
	border-left: solid 1px rgb(255,255,255);
}

#titleStripcondition, #titleStripwhatwedo
{
	margin: 0em 0em 0em 0em;
	background-color: #f60;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 22px;
	background: url(../img/img_orangeShade1.jpg);
	border-left: solid 1px rgb(255,255,255);
}


/*** Main Image area at head of page ***/

#headerImagewhatitcosts
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_moneymeasure.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagewhatyouget
{
	width: 78.0em;
	height: 31.0em;
		background-color: inherit;
	background: url(../img/img_header_whatyouget.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagewhatyoudo
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_tick.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagewhatwedo
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_serverswirl.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagedefault
{
	width: 78.0em;
	height: 31em;
	background-color: inherit;
	background: url(../img/img_header_serverswish.jpg) no-repeat;
	background-position: center bottom;
		background-position: center bottom;
}

#headerImagebase
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit; /*background: url(../img/img_header_ninja.jpg) no-repeat;*/
	background: url(../img/img_header_pieChart.jpg) no-repeat;
		background-position: center bottom;
}

#headerImageasset
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_asset.jpg) no-repeat;
		background-position: center bottom;
}

#headerImageenergy
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_energy.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagecondition
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_condition.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagefunctionality
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_functionality.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagelogin
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_pieChart.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagecontact
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_contact.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagenews
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_ninja.jpg) no-repeat;
		background-position: center bottom;
}

#headerImagetour
{
	width: 78.0em;
	height: 31.0em;
	background-color: inherit;
	background: url(../img/img_header_ninja.jpg) no-repeat;
		background-position: center bottom;
}

/*** Page Content ***/


#contentTitlebase, #contentTitlelogin, #contentTitlenews, #contentTitletour
{
	color: #009;
	font-size: 20px;
	font-weight: bold;
	padding: 0.1em;
}


#contentLeadInTextbase, #contentLeadInTextlogin, #contentLeadInTextnews, #contentLeadInTexttour
{
	color: #009;
	font-weight: bold;
	font-size: 14px;
	padding: 2em;
}


#contentContentbase, #contentContentlogin, #contentContentnews, #contentContenttour
{
	padding: 2em;
}

#contentContentbase li, #contentContentlogin li, #contentContentnews li, #contentContenttour li
{
	color: #009;
	padding-bottom: 0.5em;
	text-align: left;
}

#contentContentbase li a:link, #contentContentbase li a:visited, #contentContentlogin li a:link, #contentContentlogin li a:visited, #contentContentnews li a:link, #contentContentnews li a:visited, #contentContenttour li a:link, #contentContenttour li a:visited
{
	color: #009;
}

#contentContentbase li a:hover, #contentContentlogin li a:hover, #contentContentnews li a:hover, #contentContenttour li a:hover
{
	color: #c36;
}

#contentImagebase, #contentImagelogin, #contentImagenews, #contentImagetour
{
	padding: 0.2em;
	float: right;
}


#contentTitleasset, #contentTitlewhatyouget
{
	color: #c36;
	font-size: 20px;
	font-weight: bold;
	padding: 0.1em;
}


#contentLeadInTextasset, #contentLeadInTextwhatyouget
{
	color: #c36;
	font-weight: bold;
	font-size: 14px;
	padding: 2em;
}


#contentContentasset, #contentContentwhatyouget
{
}

#contentContentasset li, #contentContentwhatyouget li
{
	color: #c36;
	padding-bottom: 0.5em;
	text-align: left;
}

#contentContentasset li a:link, #contentContentasset li a:visited, #contentContentwhatyouget li a:link, #contentContentwhatyouget li a:visited
{
	color: #c36;
}

#contentContentasset li a:hover, #contentContentwhatyouget li a:hover
{
	color: #009;
}


#contentImageasset, #contentImagewhatyouget
{
	padding: 0.2em;
	float: right;
}



#contentTitleenergy, #contentTitlewhatyoudo
{
	color: #261;
	font-size: 20px;
	font-weight: bold;
	padding: 0.1em;
}


#contentLeadInTextenergy, #contentLeadInTextwhatyoudo
{
	color: #261;
	font-weight: bold;
	font-size: 14px;
	padding: 2em;
}


#contentContentenergy, #contentContentwhatyoudo
{
}

#contentContentenergy li, #contentContentwhatyoudo li
{
	color: #261;
	padding-bottom: 0.5em;
	text-align: left;
}

#contentContentenergy li a:link, #contentContentenergy li a:visited, #contentContentwhatyoudo li a:link, #contentContentwhatyoudo li a:visited
{
	color: #261;
}

#contentContentenergy li a:hover, #contentContentwhatyoudo li a:hover
{
	color: #009;
}


#contentImageenergy, #contentImagewhatyoudo
{
	padding: 0.2em;
	float: right;
}



#contentTitlecondition, #contentTitlewhatwedo
{
	color: #f60;
	font-size: 20px;
	font-weight: bold;
	padding: 0.1em;
}


#contentLeadInTextcondition, #contentLeadInTextwhatwedo
{
	color: #f60;
	font-weight: bold;
	font-size: 14px;
	padding: 2em;
}


#contentContentcondition, #contentContentwhatwedo
{
}

#contentContentcondition li, #contentContentwhatwedo li
{
	color: #f60;
	padding-bottom: 0.5em;
	text-align: left;
}

#contentContentcondition li a:link, #contentContentcondition li a:visited, #contentContentwhatwedo li a:link, #contentContentwhatwedo li a:visited
{
	color: #f60;
}

#contentContentcondition li a:hover, #contentContentwhatwedo li a:hover
{
	color: #009;
}


#contentImagecondition, #contentImagewhatwedo
{
	padding: 0.2em;
	float: right;
}



#contentTitlefunctionality, #contentTitlewhatitcosts
{
	color: #009;
	font-size: 20px;
	font-weight: bold;
	padding: 0.1em;
}


#contentLeadInTextfunctionality, #contentLeadInTextwhatitcosts
{
	color: #009;
	font-weight: bold;
	font-size: 14px;
	padding: 2em;
}




#contentContentfunctionality li, #contentContentwhatitcosts li
{
	color: #009;
	padding-bottom: 0.5em;
	text-align: left;
}

#contentContentfunctionality li a:link, #contentContentfunctionality li a:visited, #contentContentwhatitcosts li a:link, #contentContentwhatitcosts li a:visited
{
	color: #009;
}

#contentContentfunctionality li a:hover, #contentContentwhatitcosts li a:hover
{
	color: #c36;
}


#contentImagefunctionality, #contentImagewhatitcosts
{
	padding: 0.2em;
	float: right;
}



/***********************/
/***  4 COLUMNS   **/
/***********************/

#FourCols
{
	background: url(../img/img_4blobs.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}



#pad
{
	padding: 0.5em;
}


/********************/
/***      NEWS     **/
/********************/

.smalltitle
{
	color: #009;
	font-weight: bold;
	font-size: 14px;
}


.tinytitle
{
	color: #009;
	font-weight: bold;
	font-size: 10px;
}



/********************/
/*** What It Costs **/
/********************/


.WIC_TR
{
	height: 30px;
	background-color: #DBE7FF;
	padding-left: 5px;
}


.WIC_TR_ALT
{
	height: 30px;
	background-color: #FFF;
	padding-left: 5px;
	border: solid, 1, #DF77A1;
}

.WIC_TR_HEAD
{
	height: 30px;
	background-color: #80A1E9;
	padding-left: 5px;
	border: solid, 2, #DF77A1;
	font-weight: bold;
}

.WIC_TR_SUBHEAD
{
	height: 20px;
	background-color: #80A1E9;
	text-align: center;
	border: solid, 2, #DF77A1;
}



.WIC_TD_1
{
	width: 260px;
	text-align: left;
	padding-left: 10px;
	border: solid 0.1em rgb(200,200,200);
}

.WIC_TD_2
{
	width: 70px;
	text-align: center;
	padding-left: 10px;
	border: solid 0.1em rgb(200,200,200);
}

.WIC_TD_3
{
	width: 40px;
	text-align: center;
	color: #FF2A7F;
	font-size: 14px;
	font-weight: bold;
	border: solid 0.1em rgb(200,200,200);
}

.WIC_TD_4
{
	width: 190px;
	text-align: left;
	padding-left: 10px;
	border: solid 0.1em rgb(200,200,200);
}

.WIC_TD_5
{
	width: 190px;
	text-align: center;
	border: solid 0.1em rgb(200,200,200);
}
