/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #999;
	color: #616161;
	font: normal 10px verdana, arial, helvetica, sans-serif;
}


.htmltext {
	display: none;
} 


.homeimage {
	margin: 0 auto;
} 



/* =======================
	 siteID styles
========================= */

#header {
	margin: 0 auto;
	width: 680px;
	height: 112px;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #616161;
	
}



/* =======================
	 navigation styles
========================= */


#leftnav {
	width: 109px;
	height: 364px;
	background: #fff url(../images/index_left_nav.jpg);	
}


#mainnav {
	list-style: none;
	width: 678px;
	height: 18px;
	background-color: #7A7A7A;
	margin: 0;
	padding: 0;
}

#mainnav span {
	display: none;
} 


#mainnav li {
	display: inline;
}

#hdrlogobottom {
	float: left;
	width: 109px;
	height: 18px;
	background:  url(../images/index_hdr_logo_bottom.gif);
}

.aboutus {
	float: left;
 	background: url(../images/nav_aboutus.gif);
	width: 91px;
	height: 18px;
} 


#mainnav a.aboutus, #mainnav a.aboutus:link, #mainnav a.aboutus:visited, #mainnav a.aboutus:active {
	background: url(../images/nav_aboutus.gif);
	width: 91px;
	height: 18px;
	color: #FFF;
} 

#mainnav a.aboutus:hover {
	background: url(../images/nav_aboutus.gif) 0px 18px;
	width: 91px;
	height: 18px;
	color: #000;
} 


#aboutuson {
	float: left;
 	background: url(../images/nav_aboutus_on.gif);
	width: 91px;
	height: 18px;
} 


#mainnav a.services, #mainnav a.services:link, #mainnav a.services:visited, #mainnav a.services:active {
	float: left;
 	background: url(../images/nav_services.gif);
	width: 138px;
	height: 18px;
	display: block;
} 


#mainnav a.services:hover {
	float: left;
 	background: url(../images/nav_services.gif) 0px 18px;
	width: 138px;
	height: 18px;
} 


#serviceson {
	float: left;
 	background: url(../images/nav_services_on.gif);
	width: 138px;
	height: 18px;
} 


#mainnav a.clients, #mainnav a.clients:link, #mainnav a.clients:visited, #mainnav a.clients:active {
	float: left;
 	background: url(../images/nav_clients.gif);
	width: 103px;
	height: 18px;
	display: block;
} 



#mainnav a.clients:hover {
	float: left;
 	background: url(../images/nav_clients.gif) 0px 18px;
	width: 103px;
	height: 18px;
} 


#clientson {
	float: left;
 	background: url(../images/nav_clients_on.gif);
	width: 103px;
	height: 18px;
} 

#mainnav a.courses, #mainnav a.courses:link, #mainnav a.courses:visited, #mainnav a.courses:active {
	float: left;
 	background: url(../images/nav_courses.gif);
	width: 134px;
	height: 18px;
	display: block;
} 


#mainnav a.courses:hover {
	float: left;
 	background: url(../images/nav_courses.gif) 0px 18px;
	width: 134px;
	height: 18px;
} 


#courseson {
	float: left;
 	background: url(../images/nav_courses_on.gif);
	width: 134px;
	height: 18px;
} 


#mainnav a.contactus, #mainnav a.contactus:link, #mainnav a.contactus:visited, #mainnav a.contactus:active {
	float: left;
 	background: url(../images/nav_contactus.gif);
	width: 103px;
	height: 18px;
	display: block;
} 



#mainnav a.contactus:hover {
	float: left;
 	background: url(../images/nav_contactus.gif) 0px 18px;
	width: 103px;
	height: 18px;
} 


#contactuson {
	float: left;
 	background: url(../images/nav_contactus_on.gif);
	width: 103px;
	height: 18px;
} 


#subnavbground {	
	background: url(../images/index_subnav_main_bground.gif);
	margin: -121px 0 0 109px;
	width: 569px;
	height: 121px;
} 


.subnav {
	list-style: none;
	margin: 0;
	/* border: 1px solid red; */
} 


html>body .subnav { /* This is the box model hack for IE */
	height: 119px;
	float: left;
	padding: 5px;
	width: auto;
}   


.subnav li {
	display: inline;
	float: left;
} 


#subnavcolumnservices {
	width: 271px;
	height: 100px;
	margin: 10px 9px;
	
} 


html>body #subnavcolumnservices {  /* This is the box model hack for IE */
	margin: 0;
	float: left;
	padding: 0;
} 


#subnavservicesrow1 {
	border: 1px solid #676767;
	background: url(../images/index_subnav_services_hdr.gif) no-repeat;
	width: 269px;
	height: 19px;
	display: block;
} 


#subnavservicesrow2 {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	background: url(../images/index_subnav_services_content.gif) no-repeat;
	width: 269px;
	height: 78px;
	padding: 30px 0 0 5px;
	display: block;
} 


html>body #subnavservicesrow2 { /*This is the box model hack for IE*/
	padding: 30px 0 0 5px;
	margin: 0;
	width: 264px;
	height: 49px;	
}


#subnavcolumncourses {
	width: 271px;
	height: 100px;
	margin: 0 0 0 5px;
	
} 
* html #subnavcolumncourses {margin-top: 10px;}

#subnavcoursesrow1 {
	border: 1px solid #676767;
	background: url(../images/index_subnav_courses_hdr.gif) no-repeat;
	width: 269px;
	height: 19px;
	display: block;
} 


 html>body #subnavcoursesrow1 { /* This is the box model hack for IE*/ 
	width: 268px;
	margin: 0;

}   


#subnavcoursesrow2 {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	background: url(../images/index_subnav_courses_content.gif) no-repeat;
	width: 269px;
	height: 78px;
	padding: 30px 0 0 5px;
	display: block;
} 


html>body #subnavcoursesrow2 { /* This is the box model hack for IE*/ 
	width: 263px;
	height: 49px;
	margin: 0;

}   



/* =======================
	 content styles
========================= */


#surroundingcontent {
	margin: auto;
	width: 680px;
	background: #DDD;
	text-align: left;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747;
	
}


html>body #surroundingcontent { /*This is the box model hack for IE*/
	width:678px;
}


#content {
	margin: auto;
	width: 678px;
	height: 600px;
	background: #E8E8E8 url(../images/index_centre_pic.jpg) no-repeat 109px 0;
}


html>body #content { /*This is the box model hack for IE*/
	margin-top: 0px;
}



#logoright {
	position: absolute;
	left: 50%;
	top: 385px;
	margin-left: 340px; 
	width: 21px;
	height: 83px;
	background: #FFF url(../images/logo_right.gif) no-repeat;
}


h2 {
	color: #616161;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


/* =======================
	 footer styles
========================= */


#footer {
	width: 678px;
	height: 15px;
	color: #616161;
	font-weight: normal;
	font-size: 10px;
	padding-left: 5px;
}

html>body #footer { /*This is the box model hack for IE*/
	width: 673px;
}

#privacy {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}


#privacy li  {
	display: inline;
	color: #616161;
	font-weight: normal;
	font-size: 10px;
	border-left: 1px solid #616161;
	padding: 0 2px 0 5px;
	text-decoration: none;
}

#privacy li.first {
	display: inline;
	color: #616161;
	font-weight: normal;
	font-size: 10px;
	padding-left: 0;
	border-left: none;
	text-decoration: none;

}


#privacy a, #privacy a:link, #privacy a:visited, #privacy a:active {
	text-decoration: none;
	color: #616161;
}


#privacy a:hover {
	color: #7D7D7D;
	text-decoration: none;
}

.print {
	margin-right: 5px;
	float: right;
	width: 105px;
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	background: url(../images/index_print_icon.gif) no-repeat;
	
}

html>body .print { /*This is the box model hack for IE*/
	padding-left: 5px;
}

#footer a.print, #footer a.print:link, #footer a.print:visited, #footer a.print:active {
	text-decoration: none;
	color: #616161;
}


#footer a.print:hover {
	color: #7D7D7D;
	text-decoration: none;
}