/* tag styles */
.hidden { visibility: hidden; height:0px}
.unhidden { visibility: visible; }

.frquote3hidden{visibility: hidden; height:0px; float: right;margin-left: 2em;
	/*width: 250px; */
	color: #003366; 
	font-style: italic;}
	
.frquote3unhidden{visibility: visible; float: right;margin-left: 2em;
	/*width: 250px; */
	color: #003366; 
	font-style: italic;}	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 0.75em;
	margin-top: 30px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: 0em;
}
#bodyContent h1 {
	color: #003366;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #FFF;
	font-size: 1.1em;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: normal;
	font-size: 0.75em;
	margin-top: 10px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: normal;
	font-size: 0.6em;
	margin-top: 5px;
}
p {

}

a {
	text-decoration: none;
	color: #003366;
}

a:visited {

}

/* general styles */
.white {
	color: #FFF;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.invisible {
	position: absolute;
	left: -9000px;
	top: 0px;
}
.spacer {
	height: 20px;
}
.mozSpacer {
	height: 43px;
}
.headerSpc {
	margin-top: 1.5em;
}

.quote {
	margin-left: 3em;
	width: 200px; 
	color: #999; 
	font-style: italic;
}
.quote2 {
	margin-left: 3em;
	width: 200px; 
	color: #003366; 
	font-style: italic;
}
.quote3 {
	margin-left: 2em;
	width: 250px; 
	color: #003366; 
	font-style: italic;
}

/* main styles */
#holder {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
}
#holder #content {
	float: right;
	display: inline;
	width: 735px;
	margin-left: 1em;
}
#holder #content #subNav {
	
}
#holder #content #subNav {
	list-style: none;
	margin: 0em;
	padding: 0em;
}
#holder #content #subNav li {
	float: left;
}
#holder #content #subNav a {
	background: #003366 url(images/tl-r.png) no-repeat top left;
	color: #FFF;
	padding-left: 1em;
	text-decoration: none;
}
#holder #content #subNav a span {
	background: url(images/tr-r.png) no-repeat top right;
	padding-right: 3.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
#holder #content #subNav a, #subNav a span {
	float: left;
	display: block;
}


#holder #content #subNav #blue a {
	background: #326698 url(images/tl-b.png) no-repeat top left;
}
#holder #content #subNav #blue span {
	background: url(images/tr-b.png) no-repeat top right;
}
#holder #content #subNav #support-uk a {
	background: #8FA5BC url(images/tl-8FA5BC.png) no-repeat top left;
}
#holder #content #subNav #support-uk span {
	background: url(images/tr-8FA5BC.png) no-repeat top right;
}
#holder #content #subNav #support-australia a {
	background: #B2C1D1 url(images/tl-B2C1D1.png) no-repeat top left;
}
#holder #content #subNav #support-australia span {
	background: url(images/tr-B2C1D1.png) no-repeat top right;
}
#holder #content #subNav #support-malaysia a {
	background: #C7D2DD url(images/tl-C7D2DD.png) no-repeat top left;
}
#holder #content #subNav #support-malaysia span {
	background: url(images/tr-C7D2DD.png) no-repeat top right;
}
#holder #content #subNav #software-consultancy a {
	background: #D1DAE3 url(images/tl-D1DAE3.png) no-repeat top left;
}
#holder #content #subNav #software-consultancy span {
	background: url(images/tr-D1DAE3.png) no-repeat top right;
}
#holder #content #subNav #contact-uk a {
	background: #003366 url(images/tl-r.png) no-repeat top left;
}
#holder #content #subNav #contact-uk span {
	background: url(images/tr-r.png) no-repeat top right;
}
#holder #content #subNav #contact-australia a {
	background: #738FAB url(images/tl-738FAB.png) no-repeat top left;
}
#holder #content #subNav #contact-australia span {
	background: url(images/tr-738FAB.png) no-repeat top right;
}
#holder #content #subNav #contact-malaysia a {
	background: #B2C1D1 url(images/tl-B2C1D1.png) no-repeat top left;
}
#holder #content #subNav #contact-malaysia span {
	background: url(images/tr-B2C1D1.png) no-repeat top right;
}
#holder #content #subNav #training a {
	background: #003366 url(images/tl-r.png) no-repeat top left;
}
#holder #content #subNav #training span {
	background: url(images/tr-r.png) no-repeat top right;
}
#holder #content #subNav #business-analysis a {
	background: #9A9FAC url(images/tl-9A9FAC.png) no-repeat top left;
}
#holder #content #subNav #business-analysis span {
	background: url(images/tr-9A9FAC.png) no-repeat top right;
}
#holder #content #subNav #project-management a {
	background: #ABBCCD url(images/tl-ABBCCD.png) no-repeat top left;
}
#holder #content #subNav #project-management span {
	background: url(images/tr-ABBCCD.png) no-repeat top right;
}
#holder #content #subNav #green a {
	background: #B1C4DD url(images/tl-g.png) no-repeat top left;
}
#holder #content #subNav #green span {
	background: url(images/tr-g.png) no-repeat top right;
}


#holder #content .productBox {
	height: 190px;
	padding-left: 1.5em;
	color: #FFF;
}
#holder #content .productBox h2 {
	width: 425px;
	font-size: 1.5em;
}
#holder #content .productBox p {
	width: 425px;
}
/* Point 2 Start */
/* Below, each of the rules refer to a seperate image - to add a new image just create a new rule
	exactly as they are changing the location of the image and also the background hex colour. 
	Then you just need to update the 'id' parameter of the 'div' tag in the products/services page */
	
#holder #content #redBox {
	background: url(images/care-manager-bg.jpg) bottom right no-repeat #003366; 
}
#holder #content #CareManagerBox {
	background: url(images/care-manager-bg.jpg) bottom right no-repeat #003366; 
}
#holder #content #blueBox {
	background: url(images/supporting-people-bg-box.jpg) bottom right no-repeat #326698;
}
#holder #content #SupportingPeopleBox {
	background: url(images/supporting-people-bg-box.jpg) bottom right no-repeat #326698; 
}
#holder #content #greenBox {
	background: url(images/electronic-call-bg-box.jpg) bottom right no-repeat #B1C4DD; 
}
#holder #content #ElectronicCallMonitoringBox {
	background: url(images/electronic-call-bg-box.jpg) bottom right no-repeat #B1C4DD; 
}
#holder #content #TrainingBox {
	background: url(images/training-bg.jpg) bottom right no-repeat #003366; 
}
#holder #content #BusinessAnalysisBox {
	background: url(images/business-analysis-bg.jpg) bottom right no-repeat #9A9FAC; 
}
#holder #content #SoftwareConsultancyBox {
	background: url(images/software-consultancy-bg.jpg) bottom right no-repeat #D1DAE3; 
}
#holder #content #ProjectManagementBox {
	background: url(images/project-management-bg.jpg) bottom right no-repeat #ABBCCD;
}
#holder #content #SupportIncidentUKBox {
	background: url(images/support-uk-bg.jpg) bottom right no-repeat #8FA5BC;
}
#holder #content #SupportIncidentAUSTRALIABox {
	background: url(images/support-australia-bg.jpg) bottom right no-repeat #B2C1D1;
}
#holder #content #SupportIncidentMALAYSIABox {
	background: url(images/support-malaysia-bg.jpg) bottom right no-repeat #C7D2DD;
}
#holder #content #RequestDemonstrationBox {
	background: url(images/request-demonstration-bg.jpg) bottom right no-repeat #A3B0C0; 
}
#holder #content #Contact-UKBox {
	background: url(images/contact-uk-bg.jpg) bottom right no-repeat #003366;
}
#holder #content #Contact-AustraliaBox {
	background: url(images/contact-australia-bg.jpg) bottom right no-repeat #738FAB;
}
#holder #content #Contact-MalaysiaBox {
	background: url(images/contact-malaysia-bg.jpg) bottom right no-repeat #B2C1D1; 
}
#holder #content #tabOne {
	background: url(images/care-manager-bg.jpg) bottom right no-repeat #003366; 
}
#holder #content #tabTwo {
	background: url(images/electronic-call-bg-box.jpg) bottom right no-repeat #B1C4DD; 
}
#holder #content #tabThree {
	background: url(images/supporting-people-bg-box.jpg) bottom right no-repeat #326698;
}
#holder #content #tabFour {
	background: url(images/supporting-people-bg-box.jpg) bottom right no-repeat #326698;  
}
#holder #content #bodyBox {
	background: url(images/electronic-call-bg-box.jpg) bottom right no-repeat #B1C4DD; 
}
/* Point 2 End */

#holder #content #careManager {
	width: 375px;
	color: #FFF;
}
#holder #content #careManager .header {
	width: 300px;
}	
#holder #content #careManager .header .tl {
	background: url(images/tl-r.png) no-repeat top left;
}
#holder #content #careManager .header .tr {
	background: url(images/tr-r.png) no-repeat top right #003366;
}
#holder #content #careManager .headerContent {
	background: url(images/tl-r.png) no-repeat top left;
	padding-left: 1.5em;
	padding-top: 0.5em;
}
#holder #content #careManager .content {
	background: url(images/care-manager-bg.jpg) no-repeat bottom right #003366;
	padding: 1.5em;
	padding-bottom: 210px;
}
#holder #content #electronicCall {
	width: 345px;
}
#holder #content #electronicCall .header {
	width: 300px;
}	
#holder #content #electronicCall .header .tl {
	background: url(images/tl-g.png) no-repeat top left;
}
#holder #content #electronicCall .header .tr {
	background: url(images/tr-g.png) no-repeat top right #B1C4DD;
}
#holder #content #electronicCall .headerContent {
	background: url(images/tl-g.png) no-repeat top left;
	padding-left: 24px;
	padding-top: 8px;
}
#holder #content #electronicCall .content {
	background: url(images/electronic-call-bg.jpg) no-repeat bottom left #B1C4DD;
	padding-top: 12px;
	padding-left: 24px;
	padding-right: 24px;
	height: 225px;
}
/*html>body #content #electronicCall .content {
	padding-bottom: 210px;
}*/

#holder #content #supportingPeople {
	width: 345px;
	color: #FFF;
	margin-top: 15px;
}
#holder #content #supportingPeople {
	margin-top: 15px;
}
#holder #content #supportingPeople .header {
	width: 300px;
}	
#holder #content #supportingPeople .header .tl {
	background: url(images/tl-b.png) no-repeat top left;
}
#holder #content #supportingPeople .header .tr {
	background: url(images/tr-b.png) no-repeat top right #326698;
}
#holder #content #supportingPeople .headerContent {
	background: url(images/tl-b.png) no-repeat top left;
	padding-left: 24px;
	padding-top: 8px;
}
#holder #content #supportingPeople .content {
	background: url(images/supporting-people-bg.jpg) no-repeat bottom left #326698;
	padding-top: 13px;
	padding-left: 24px;
	padding-right: 24px;
	height: 232px;
}
#content #supportingPeople .content {
	height: 249px;
}

#holder #bodyContent {
	padding-left: 1em;
}
#bodyContent h2 {
	color: #003366;
	font-size: 0.95em;
}
#bodyContent a {
	font-weight: bold;
	
}

#holder #nav {
	border-right: solid 1px #cccccc;
	width: 216px;
	float: left;
	display: inline;
	margin-top: 0em;
}
#holder #nav #logo {
	padding-bottom: 2em;
}
#holder #nav #logo img {
	border: none;
}	
#holder #nav ul {
	margin: 0em;
	padding: 0em;
}
#holder #nav li {
	list-style-type: none;
	padding-right: 1em;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: right;
	border-top: solid 1px #cccccc;
}
#holder #nav li a {
	color: #003366;
	text-decoration: none;
}
#holder #nav li span a {
	display: block;
}
#holder #nav li a:hover {
	text-decoration: bold;
}
#holder #nav #bottomItem {
	border-bottom: solid 1px #cccccc;
}
#holder #nav .selected {
	font-weight: bold;
}
#holder #nav p {
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}
#holder #footer ul {
	width: 75em;
	padding: 0em;
	margin: 0em;
	margin-top: 2em;
	padding-top: 2em;
	margin-left: auto;
	margin-right: auto;
}	
#holder #footer li {
	list-style-type: none;
	float: left;
	border-right: solid 1px #003366;
	margin-right: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.2em;
	font-size: 0.8em;
}

#holder #footer .lastItem {
	border: none;
}
#holder #footer #copyright {
	width: 50em;
	margin-top: 0.5em;
}
#holder #footer #copyright {
	padding-top: 1em;
}
#bodyContent a:hover, a:visited:hover {
	text-decoration: underline;
}
a:hover, a:visited:hover {
	text-decoration: underline;
}
#holder #nav .indent a{
	color: #666;
	padding-right:1em;	
	
}
hr
{
	border-top: 1px solid #cccccc; 
	border-left: none;
	border-right: none;
	border-bottom: none;
}