@charset "utf-8";

/*---------Style Sheet Compiled by LODEY ASSOCIATES LTD 2008---------*/
/*-------------------------------------------------------------------*/
/*---------Author :: Jan Lodey---------------------------------------*/
/*-------------------------------------------------------------------*/
/*---------visit www.lodey.com---------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


/* Improve Consultancy CSS Document */

/* 
!!COLOUR GUIDE - useful to select from
Main Corporate Green - #00AA33
Text Grey - #333333 
*/

/*-------------------------------------------------------------------*/
/* KEY DEFAULT SITE STYLES */
/*-------------------------------------------------------------------*/
html{
	background-color:#EEEEEE;
	padding:0;

}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.5em;
	color: #333333;
}
body{
	margin:0;
	padding:0;
	
}
a:link {
	color: #00AA33;
	text-decoration: none;
}
a:visited {
	color: #00AA33;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #CC3333;
}
a:active {
	color: #00AA33;
	text-decoration: none;
}
h1 {
	font-size: 24px;
	color: #00AA33;
	font-weight:normal;
	margin:0;
}
h2 {
	font-size: 14px;
	color: #666666;
}
h3 {
	font-size: 14px;
	color: #333333;
}


.smallTxt{
	font-size:10px;
	}
	
/* default all images to no border */
img{border:none;}

.floatLeft{
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
}

.floatRight{
	float:right;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
}

.clearBoth{
	clear:both;
}


#wrapperOuter{
	background:url(/_images_template/backpage.png) repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	padding-left:15px;
	padding-right:15px;


}
#wrapper{
	width:800px;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	border-right:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	background-color:#fff;

}

/*-------------------------------------------------------------------*/
/* TOP BRANDING BAR AREA */
/*-------------------------------------------------------------------*/

#branding{
	height:100px;
	width:780px;
	margin-left: auto;
	margin-right: auto;


}

#branding .logo{
	float:left;
	position:absolute;
	margin-left:20px;
}

/* Login area and form appearance */

#login{
	float:right;
	position:relative;
	margin-right:20px;
	margin-top:40px;
}

#login form{
	display:inline;
}

#login input.txt{
	color:#999999;
	background:#FFFFFF;
	border: 1px solid #cccccc;
	font-size:10px;
	width:100px;
	margin-left:5px;
	padding:2px;
}

#login input.bttn{
	color:#999999;
	background:#FFFFFF;
	border: 1px solid #cccccc;
	font-size:10px;
	width:60px;
	margin-left:5px;
}

#login input.bttn:hover{
	color:#FFFFFF;
	background:#999999;
	cursor:pointer;
}

#login .button a{
	width:57px;
	height:25px;
	padding:0;
	margin-left:5px;
	background:url(/_images_template/loginbttn.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

#login .button a:hover{
	background-position:0 -27px;
}


/*-------------------------------------------------------------------*/
/* NAVIGATION BAR AREA */
/*-------------------------------------------------------------------*/

/** TABBED NAV STYLES**/

#navbar{
	width:800px;
	height:30px;
	margin:0;
	margin-bottom:0px;
	background:url(/_images_template/navbarback_dark.png) no-repeat top;
}

#navbar ul {
	margin:0;
	margin-left:10px;
	padding: 0 0 0 0;
	list-style:none;
}

#navbar li {
	float:left;
	position:relative;
	background-image:none;
	margin: 0;
	padding:0;
	padding-left:14px;

}

#navbar a {
	float:left;
	display:block;
	white-space:nowrap;
	background-image:none;
	background-repeat:no-repeat;
	background-position: right top;
	padding: 5px 14px 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	color:#eeeeee;
	overflow:hidden;
}

#navbar a:hover {
	color:#AAAAAA;
	font-weight:normal;
}

/* button classes 
.home{}
.about{}
.approach{}
.solutions{}
.testimonials{}
.partners{}
.contactus{}
*/


#home #navbar li.home,
#about #navbar li.about,
#approach #navbar li.approach,
#solutions #navbar li.solutions,
#testimonials #navbar li.testimonials,
#partners #navbar li.partners,
#contactus #navbar li.contactus {
	background-image: url("_images_template/tab_left_over_dark.png");
	background-repeat:no-repeat;
}

#home #navbar li.home a,
#about #navbar li.about a,
#approach #navbar li.approach a,
#solutions #navbar li.solutions a,
#testimonials #navbar li.testimonials a,
#partners #navbar li.partners a,
#contactus #navbar li.contactus a {
	background-image: url("_images_template/tab_right_over_dark.png");
	background-repeat:no-repeat;
	background-color: transparent;
	background-position: right top;
	font-weight:bold;
	color:#ffffff;
}


/*-------------------------------------------------------------------*/
/* HEADER IMAGE AREA */
/*-------------------------------------------------------------------*/

#headerImage{
	height:220px;
	width:780px;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/_images_header/headerShadow.png) bottom no-repeat;
}



/*-------------------------------------------------------------------*/
/* PAGE CONTENT HOLDER */
/*-------------------------------------------------------------------*/

/* Holds all page area - content and sidebar */
#pageWrap{
	margin:0;
	margin-bottom:0px;
	
	/*background-image:url(/_images_template/ic_watermark.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;*/

}

/*-------------------------------------------------------------------*/
/* PAGE CONTENT AREA */
/*-------------------------------------------------------------------*/

#content{
	float:left;
	position:relative;
	width:470px;
	margin:0;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:10px;
	
}

#content h2{
	margin-top:25px;
	margin-bottom:0px;
	font-size:20px;
	font-weight:normal;
	color:#666666;
}

#content h4{
	margin-top:35px;
	margin-bottom:0px;
	padding-bottom:5px;
	color:#333333;
	font-size:19px;
	font-weight:normal;
	border-bottom:1px dotted #CCCCCC;
	
}

#content .tagtext{
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	color:#666;
	line-height:1.5em;
}
/*--- CONTENT AREA TWO COLUMNS --------------------------------------*/

.content2ColumnLeft{
	float:left;
	position:relative;
	margin:0;
	padding:0px;
	width:48%;
}

.content2ColumnRight{
	float:right;
	position:relative;
	margin:0;
	padding:0px;
	width:48%;
}

.content2ColumnLeft h2, 
.content2ColumnRight h2 {
	padding:5px;
	padding-bottom:3px;
	border-bottom:1px dotted #eee;
}

.content2ColumnLeft p, 
.content2ColumnRight p {
	padding:5px;
	padding-top:0;
	margin-top:5px;
	padding-bottom:3px;
	font-size:11px;
}


/*--- PAGE DIVIDE HEADER AREA - like on solutions --------------------------------------*/

.pageDivHeader{
	background:url(/_images_template/contentBarDivider.png) top left no-repeat;
	width:470px;
	height:30px;
	padding-top:5px;
	padding-left:10px;
	margin-top:40px;
	margin-bottom:0px;
}

.pageDivHeader h1{
	font-size:18px;
	color:#333333;
	margin:0;
	padding:0;
}

.pageDivHeader .modelIMG{
	float:left;
	position:relative;
	top:-17px;
	left:10px;
	margin:0px;
	padding:0px;
	margin-right:20px;
}
.pageDivHeader .trainingIMG{
	float:left;
	position:relative;
	top:-20px;
	left:10px;
	margin:0px;
	padding:0px;
	margin-right:10px;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*SEARCH RESULTS TABLES - alt colors, headers, type and layout of table - wrap table in DIV CLASS and apply no formatting except these styles.....*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.resultsTableHolder{
	margin-bottom:10px;
}

.resultsTable{
	width:100%;
	border: 1px solid #D9DDE3;
	border-collapse:collapse;
}
.resultsTable td, .resultsTable th {
	border: 1px solid #D9DDE3;
	padding:3px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:11px;
}

.resultsTable th {
	background:#00AA33;
	color:#FFFFFF;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
}

/*If needed - makes the header row less bold!*/
#resultsTableLowHeader th{
	background:#D9DDE3;
	color:#333333;
	font-weight:bold;
}

.resultsTable tr.altrow{
	background:#EEEEEE;
}



/*-------------------------------------------------------------------------------------------------*/
/*---  GENERIC FORM STYLES - PLACE FORM AND TABLE IN DIV TAG --------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.formHolder{
	margin:0;
	margin-bottom:10px;
	margin-top:10px;
}

.formHolder fieldset{
	margin:0;
}

.formHolder legend{
	font-size:12px;
	font-weight:bold;
	background:#FFFFFF;
	padding:5px;
}

.formHolder table{
	margin:10px;
}

.formHolder td{
	padding-bottom:4px;
	padding-top:4px;
padding-right:5px;
}

.formHolder tr{
}

/*---  RULE STICKERS --------------------------------------*/

.rulestick{
	float:left;
	position:relative;
	width:53px;
	height:41px;
	margin-left:-10px;
	margin-right:10px;
	margin-top:-10px;
	margin-bottom:0px;
	border:none;
	
}

.rulestickDeep{
	float:left;
	position:relative;
	width:53px;
	height:41px;
	margin-left:-10px;
	margin-right:10px;
	margin-top:-10px;
	margin-bottom:10px;
	border:none;
	
}

.pdfFloat{
	float:right;
	position:relative;
	width:24px;
	height:25px;
	padding:0px;
	margin-left:0px;
	margin-right:20px;
	margin-top:-26px;
	margin-bottom:0px;
	border:none;
	
}

#pdf{
	margin-top:60px;
}
#pdf legend{color:#333; font-size:17px;}
#pdf fieldset{
	width:80%;
	margin:0;
	padding:10px;
	padding-top:0px;
	font-size:12px;
	border:1px solid #ddd;
}
#pdf fieldset p{margin-top:10px; padding-top:0;}
/*---  Quote Box --------------------------------------*/

.quoteBox{
	background:url(/_images_home/quotebox.png) top left no-repeat;
	width:410px;
	height:75px;
	padding:20px;
}
.quoteBox h2 {
	color:#ddd;
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* ---------Main Link stylings *(works for list links too)--------- */

#lnkMenu{
	margin:0;
	padding:0;
}

#lnkMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#lnkMenu li {
	border-bottom:#CCCCCC 1px dotted;
}

#lnkMenu a {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	padding:5px;
	padding-left:25px;
	background-image:url(_images_template/bulletarrow_support.png);
	background-position:5px center;
	background-repeat:no-repeat;



}

#lnkMenu a:hover {
	background-color:#EEEEEE;
}

/* ---------PDF Link stylings *(works for list links too)--------- */

#lnkMenuPDF{
	margin:0;
	padding:0;
}

#lnkMenuPDF ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#lnkMenuPDF li {
	border-bottom:#CCCCCC 1px dotted;
}

#lnkMenuPDF a {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	padding:5px;
	padding-left:35px;
	background-image:url(/_images_solutions/Adobepdf_logo_vsm.png);
	background-position:5px center;
	background-repeat:no-repeat;



}

#lnkMenuPDF a:hover {
	background-color:#EEEEEE;
}


/*-------------------------------------------------------------------*/
/* SIDEBAR CONTENT AREA */
/*-------------------------------------------------------------------*/

#sidebar{
	float:right;
	position:relative;
	width:230px;
	margin:0;
	margin-right:10px;
	margin-bottom:20px;
	background:url(/_images_template/sidebarGrad.png) no-repeat top left;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:0px;
}

#sidebar a{
	color:#CC3333;
}

#sidebar div{
	margin-bottom:5px;
}

#sidebar .uptsos a{
	width:230px;
	height:144px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_upt.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .uptsos a:hover{
	background-position:0 -146px;
}

/* ---------Main Green pie chart link--------- */
#sidebar #icsosTab{
	width:200px;
	height:200px;
	padding:15px;
	background: url(/_images_sidebar/ql_uptsos_back.png) no-repeat;
	background-position:0 0;
	margin-top:70px;
}
#sidebar #icsosTab h1{
	color:#fff;
	border:none;
	font-size:22px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:10px;

}
#sidebar #icsosTab p{
	color:#fff;
	border:none;
	padding:0;
	margin:0;
	line-height:normal;
}

#sidebar #icsosTab img{
	float:left;
	position:relative;
	top:-98px;
	left:4px;
	margin-bottom:-98px;
	padding:0;
}

/* ---------Main Link stylings for green pie chart box--------- */

#icMenu{
	margin:0;
	padding:0;
}

#icMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#icMenu li {
	border-bottom:none;
}

#icMenu a {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-bottom:3px;
	padding-left:25px;
	background-image:url(_images_template/bulletarrow_supportwht.png);
	background-position:5px center;
	background-repeat:no-repeat;
	margin-top:5px;
}

#icMenu a:hover {
	background-color:#00AA33;
}





#sidebar .register a{
	width:230px;
	height:144px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_register.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .register a:hover{
	background-position:0 -146px;
}


#sidebar .training a{
	width:230px;
	height:144px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_training.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .training a:hover{
	background-position:0 -146px;
}


#sidebar .button1 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_1.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

#sidebar .button1 a:hover{
	background-position:0 -42px;
}

#sidebar .button2 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_2.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .button2 a:hover{
	background-position:0 -42px;
}

#sidebar .button3 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_3.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .button3 a:hover{
	background-position:0 -42px;
}

#sidebar .button4 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_4.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .button4 a:hover{
	background-position:0 -42px;
}

#sidebar .button5 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_consultants.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#sidebar .button5 a:hover{
	background-position:0 -42px;
}

#sidebar .button6 a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_solutions.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

#sidebar .button6 a:hover{
	background-position:0 -42px;
}

#sidebar .buttonContact a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_contact.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

#sidebar .buttonContact a:hover{
	background-position:0 -42px;
}

#sidebar .buttonApproach a{
	width:230px;
	height:40px;
	padding:0;
	background:url(/_images_sidebar/ql_bttn_approach.png) no-repeat;
	background-position:0 0;
	display:block;
	cursor:pointer;
	/* in case no image support and css = will display text */
	text-indent:-999px;
	text-align:center;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

#sidebar .buttonApproach a:hover{
	background-position:0 -42px;
}


/* Contact us sidebar */	
#sidebar h1{
	color:#666666;
	margin:0;
	padding:0;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	border-bottom:#666666 1px dotted;
	font-size:18px;
	padding-left:10px;
}

#sidebar p{
	color:#666;
	margin:0;
	padding:0;
	margin-left:20px;
	margin-right:20px;
	font-size:11px;
	line-height:1.5em;
}



#sidebar .tagtext{
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	color:#666666;
	margin-top:30px;
}

/*-------------------------------------------------------------------*/
/* FOOTER AREA */
/*-------------------------------------------------------------------*/

#footer{
	width:800px;
	clear:both;
	height:30px;
	margin:0;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	background:url(/_images_template/navbarback.png) no-repeat top;
	

}

#footer ul{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:20px;
	margin-right:20px;
	padding-top:3px;
	padding-bottom:4px;

}
	

#footer li{
	padding:0;
	margin:0;
	display:inline;
	padding:5px;
}

#footer li a{
	padding:0;
	margin:0;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
#footer li a:hover{
	color:#333333;
}
	
#home #footer li.fhome a,
#about #footer li.fabout a,
#approach #footer li.fapproach a,
#solutions #footer li.fsolutions a,
#testimonials #footer li.ftestimonials a,
#partners #footer li.fpartners a,
#contactus #footer li.fcontactus a {
	color:#333333;
}


#footer .rights{
	height:20px;
	font-size:9px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	text-align:right;
	padding-left:310px;
}

#footer .minilogo{
	float:right;
	position:relative;
	bottom:45px;
	right:10px;
	margin:0px;
	padding:0px;
}

#clearcontent{
	clear:both;
}


/*-------------------------------------------------------------------*/
/* PRESENTATION PAGE */
/*-------------------------------------------------------------------*/

#presHeader{
	padding:10px;
	background:#ffffff;
	margin-bottom:20px;
	border-bottom:1px solid #666666;
}

#presHeader .closewindow{
	float:right;
	position:relative;
	bottom:65px;
	right:20px;
	
	width:200px;
	height:30px;
}

/*-------------------------------------------------------------------*/
/* CONSULTANTS */
/*-------------------------------------------------------------------*/

.bioShort{
	margin-bottom:10px;
	margin-top:10px;
	height:80px;
	padding:10px;
	padding-top:18px;
	background:url(/_images_bio/bioBack.png) no-repeat top left;	
}

.bioShort a{
	font-size:20px;
	color:#00AA22
}

.bioShort p{
	margin:0;
	margin-top:5px;
}
.bioShort img{
	float:left;
	position:relative;
	width:65px;
	height:75px;
	margin:0;
	margin-right:10px;
	margin-bottom:2px;
	top:-6px;
}


.testimonialShort{
	padding-bottom:10px;
	margin-bottom:10px;
}

.testimonialShort fieldset{
	padding:15px;
}

.testimonialShort p{
	margin-top:0px;
	padding-top:0px;
}
.testimonialShort h1{ margin-bottom:15px; margin-top:20px;}

.HPtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	font-style:italic;
	color:#000033;
}