/* CSS Document */

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


.htmltext {
	display: none;
} 




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


#ContentBground {
	background: #C8C8C8;
	width: 680px;
	margin: 0 auto;
}


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


#content {
	
	margin-top: 130px;
	background: #FFF;
	text-align: left;
}


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


#pagetitle {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 108px;
	width: 568px;
	height: 38px;
}


#pagetitle span {
	display: none;
}


#pagecontent {
	width: 568px;
	background: #FFF url(../images/content_bground.gif) no-repeat right top;
	line-height: 20px;
	padding: 10px 5px 5px 14px;
	color: #515151;
	
}

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


#pagecontent a, #pagecontent a:link, #pagecontent a:visited, #pagecontent a:active {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
} 


#pagecontent a:hover {
	text-decoration: none;
} 


#pagecontent a.emailaddress, #pagecontent a.emailaddress:link, #pagecontent a.emailaddress:visited, #pagecontent a.emailaddress:active {
 	font-size: 9px;
}


#pagecontent a.emailaddress:hover {
	font-size: 9px;
}


#servicespic {
	position: absolute;
	left: 50%;
	margin-left: -339px;
	top: 180px; 
	width: 109px;
	height: 121px;
	background: #FFF url(../images/services_pic.jpg) no-repeat;
} 


html>body #servicespic { /*This is the box model hack for IE*/
	top: 190px; 
}

 
#clientspic {
	position: absolute;
	left: 50%;
	margin-left: -339px;
	top: 200px; 
	width: 109px;
	height: 121px;
	background: #FFF url(../images/clients_pic.jpg) no-repeat;
} 


#coursespic {
	position: absolute;
	left: 50%;
	margin-left: -339px;
	top: 219px; 
	width: 109px;
	height: 121px;
	background: #FFF url(../images/courses_pic.jpg) no-repeat;
} 


html>body #coursespic { /*This is the box model hack for IE*/
	top: 211px;
}


#contactpic {
	position: absolute;
	left: 50%;
	margin-left: -339px;
	top: 216px; 
	width: 109px;
	height: 136px;
	background: #FFF url(../images/contact_pic.jpg) no-repeat;
} 


html>body #contactpic { /*This is the box model hack for IE*/
	top: 214px;
}


#aboutusline {
	width: 549px;
	height: 1px;
	padding: 0;
	margin: -35px 0 0 0;
	background: url(../images/line.gif) repeat;
} 


.aboutusmargin {
	margin-top: 40px;
}


#servicesline {
	width: 549px;
	height: 1px;
	padding: 0;
	margin: 24px 0 0 0;
	background: url(../images/line.gif) repeat;
	display: inline;
} 

html>body #servicesline {
	margin: 44px 0 0 0;
	
} 

#clientsline {
	width: 549px;
	height: 1px;
	padding: 0;
	margin: 14px 0 0 0;
	background: url(../images/line.gif) repeat;
	display: inline;
} 



#coursesline {
	width: 549px;
	height: 1px;
	padding: 0;
	margin: 0px 0 15px 0;
	background: url(../images/line.gif) repeat;
	display: inline;
} 

#courseslist {
	margin-bottom: 34px;

} 

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


#contactline {
	width: 549px;
	height: 1px;
	padding: 0;
	margin: 35px 0 15px 0;
	background: #FFF url(../images/line.gif) repeat;
} 


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


.top {
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #B31B34;
	text-indent: 510px;
	border: 0px solid #000;
	text-decoration: none;
}

#pagecontent a.top, #pagecontent a.top:link, #pagecontent a.top:visited, #pagecontent a.top:active {
	text-decoration: none;
} 


#pagecontent a.top:hover {
	text-decoration: underline;
} 



#services {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}


#services li  {
	display: inline;
	border-left: 1px solid #B31B34;
	padding: 0 2px 0 5px;
	text-decoration: none;
}

#services li.first {
	display: inline;
	padding-left: 0;
	border-left: none;
	text-decoration: none;

}


h1 {
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color: #000;
	display: block;
	margin-bottom: 4px;
	margin-top: 20px;
}

h2 {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 20px;
}


p {
	margin: 15px 0;
}


ul {
	list-style-type: disc;

}


.tablecontent {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	line-height: 20px;
	margin-top: 15px;
}


.facepic1 {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 50px;
	clear: right;
	text-align: center;
}



.facepic2 {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 129px;
	clear: right;
	text-align: center;
}


.facepic1 span, .facepic2 span {
	display: none;
}


html>body .facepic2 { /*This is the box model hack for IE*/
	margin-right: 250px;
	margin-bottom: 40px;
}


.contactdetails {
	float: left;
	height: 120px;
	width: 260px;
	padding-top: 0;
}

#contactdetailsnofloat {
	width: 200px;
	margin: 10px 0;
}


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

#remindme {
	width: 480px;
	padding: 0px 5px;
	background: #F0F0F0;
	margin-left: 30px;
	border: 1px solid #C8C8C8;
}


#remindme li {
	margin: 0 0 5px 60px;
	padding: 0;
	list-style-image: url(../images/remind_me.gif);
	vertical-align: top;
}


.quicklink li {
	vertical-align: top;
	list-style: none;
	padding: 0;
	margin: 0;
}


html>body #remindme { /*This is the box model hack for IE*/
	margin-left: 25px;
	margin-top: 20px;
}


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


.pagetitleguff {
	width: 549px;
	height: 38px;
	margin-bottom: 10px;
}


/* =======================
	 SiteID and Nav styles
========================= */


#SiteIDandNav {
	position: absolute;
	top: 0;
	width: 680px;
	background: #C8C8C8;
	left: 0;
}


html>body #SiteIDandNav { /*This is the box model hack for IE*/
	left: 50%;
	margin-left: -340px;
}


#SiteIDandNav span {
	display: none;
}



#logobehindmenu {
	margin: 0  0 0 123px;
}



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


#leftnav {
	position: absolute;
	top: 113px;
	left: 0;
	width: 111px;
	height: 55px;
	background: #C8C8C8 url(../images/home.gif) no-repeat;	
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;

}


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



#mainnav {
	list-style: none;
	width: 680px;
	height: 18px;
	background-color: #7A7A7A;
	margin: 0;
	padding: 0;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
}


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


#mainnav span {
	display: none;
} 


#mainnav li {
	display: inline;
}

#hdrlogobottom {
	float: left;
	width: 109px;
	height: 18px;
	background:  url(../images/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;
} 






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


#footer {
	margin: auto;
	width: 680px;
	height: 15px;
	border: 1px solid #474747;
	background: #B31B34;
	color: #DA8D9A;
	font-weight: normal;
	font-size: 10px;
	padding-left: 5px;
	display: none;
}

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: #DA8D9A;
	font-weight: normal;
	font-size: 10px;
	border-left: 1px solid #DA8D9A;
	padding: 0 2px 0 5px;
	text-decoration: none;
}

#privacy li.first {
	display: inline;
	color: #DA8D9A;
	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: #DA8D9A;
}


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

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

html>body .print { /*This is the box model hack for IE*/
	padding-left: 5px;
	background: url(../images/print_icon.gif) no-repeat;
}

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


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


#url {
	margin-left: 0;
	margin-top: 50px;
	text-align: left;
}