/* resets */

	body {margin: 0; padding: 0; font-size: 80%; font-family: "ludica sans","lucida grande", Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; color: #3C3C3C; background: #FAFAFA }
	body a {color: #243d91; text-decoration: none;}
	body a:hover {text-decoration: none;}
	
	div, form, h2, h3, h4, h5, h6, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th, p, blockquote {margin: 0; padding: 0;}
	
	table {border-collapse: collapse;}

	img {border: none; margin: 0; padding: 0;}
	a img {border: none; margin: 0; padding: 0;}
	
	p {padding: 5px 0;}
	
	h1 {font-size: 140%; color: #243d91; margin: 0; line-height: 130%; font-family: Georgia,"Times New Roman",Times,serif;}
	h2 {font-size: 120%; color: #243d91; margin-top: 0; font-family: Georgia,"Times New Roman",Times,serif;}
	
/* frames */	

	#techimage {float:right; width:450px; padding: 10px}

	#jamcard {float:right ; width:300px; padding:0 5px 0 10px}

	#container {width: 1000px; margin-left: auto; margin-right: auto; text-align: left;}
	
	#border {width: 980px; float: left; background: url(../images/bg.gif) repeat-y top center #FFFFFF; padding: 0 10px;}
	
	#header {float: left; position: relative; width: 960px; padding: 20px 10px 20px; color: #666; border-top: solid 2px #243d91; background: url(../images/strapline.gif) no-repeat center}
	
	#logo {float: left; position: relative; width: 50%; margin-left: 10px;}
	
	#headercontact {float: right; position: relative; width: 25%; text-align: right; margin-top: 10px;} 
	#headercontact p {font-size: 100%; padding: 5px 0}
	#headercontact h3 {padding: 0 0 5px 0; font-size: 130%;}
	#headercontact a {color: #666;}
	#headercontact a:hover {border-bottom: dotted 1px #666;}
	
	#menu {float: left; width: 980px; background: url(../images/menu_bg.gif) repeat-x #C0C0C0; color: #FFFFFF; border-bottom: solid 3px #243d91; height: 25px; margin: 0; padding: 0;z-index: 30}
	#menu li {list-style-type: none; float: left; padding: 0 4px; margin: 0; border-right: 1px solid #b6b6b6; height: 25px }
	#menu li a {display: block;	margin: 0; padding: 4px 10px; width: auto;}
	#menu a { color: #FFFFFF; width: 230px;}
	#menu li:hover, #menu li.active {background: url(../images/menu_bg-over.gif) repeat-x #243d91;}
	#menu .dropdownli a {width: 100%;}
	
	#mainimage {margin: 0; float: left; height: 148px; overflow: hidden; width: 980px; border-bottom: solid 2px #FE9801;}
	
	#breadcrumb {float: left; margin: 0; padding: 2px 5px; width: 970px; font-size: 90%; margin-top: -24px; background: url(../images/50percent.png) repeat; height: 18px; border-top: solid 2px #FFFFFF; display: none;}
	#breadcrumb li {list-style-type: none; float: left; padding: 0 5px 0 0;}
	#breadcrumb ul {margin-left: 10px;}
	#breadcrumb a {color: #666;}
	#breadcrumb a:hover {color: #666; border-bottom: dotted 1px #666}
	#breadcrumb li.active {color: #333;}
	
	#maincontent {float: left; width: 960px; padding: 0 10px 0; background: url(../images/shadow.gif) repeat-y 184px 0 #f0f0f0; }
	
	#leftmenu {width: 170px; float: left; margin-right: 4px; font-size: 90%; padding-top: 10px;}
	#leftmenu li {list-style-type: none;  padding: 4px 6px 4px 5px; background: #FFFFFF; margin-bottom: 2px }
	#leftmenu a {color: #666;}
	#leftmenu a:hover {border-bottom: dotted 1px #FE9801; color: #FE9801}
	#leftmenu li.select {background: /*url(../images/menu_bg-over.gif) repeat-x*/ #FE9801; color: #FFF;}
	#leftmenu .select a {color: #FFF;}
	#leftmenu .select a:hover {color: #FFFFFF; border-bottom: dotted 1px #FFFFFF}
	
	#content {width: 766px; float: left; padding: 10px 5px 10px 15px; font-size: 100%;}
	#contentfooter {width: 520px; float: left; padding: 0 10px; margin-left: -7px; font-size: 100%; background: url(../images/shadow_footer.gif) repeat-x bottom left #FFFFFF; height: 8px; display: none;}
	#content p, #content2 p { line-height: 200%;}
	#content a:hover, #content2 a:hover {border-bottom: dotted 1px #243d91;}
	#content ul, #content2 ul, #terms #maincontent ul { margin: 0 0 10px 10px; line-height: 160%;}
	#content li, #content2 li, #terms #maincontent li { background: url(../images/bullet.gif) no-repeat 0 12px; padding: 5px 0 0 15px; list-style-type: none;}
	
	#sitemap #content ul li ul li { background: url(../images/bullet2.gif) no-repeat 0 12px; padding: 5px 0 0 15px; list-style-type: none;}

	#terms #maincontent, #testimonials #maincontent, #customers #maincontent {float: left; width: 960px; padding: 0 10px 0; background: #FFFFFF; }
	#terms #maincontent, #testimonials #maincontent, #customers #maincontent, #intra #maincontent {width: 930px; float: left; padding: 10px 15px 10px 15px; font-size: 100%; background: #FFFFFF; border: solid 10px #F0F0F0; border-top: none; border-bottom: solid 5px #F0F0F0}
	#terms #content h3 {padding: 8px 0 0}
	
	#content .module {background: #FFFFFF; float: left;  padding: 5px 0; width: 100%; border-bottom: dotted 1px #C0C0C0; line-height: 200%;}
	#content .item {float: left; width: 100%; padding: 5px 0;}
	#content .icon {width: 60px; float: left}
	#content .text {width: 380px; float: left;}
	#content .download {width: 70px; float: right}
	#content .download a {border-bottom: none;}
	
	#rightmenu {width: 228px; float: right; font-size: 90%; padding-top: 10px;}
	#rightmenu li {list-style-type: none;  padding: 8px 0 8px 5px}
	#rightmenu li:hover {color: #243d91}
	#rightmenu table {width: 100%;}
	
	.testimonial blockquote {text-indent: 35px; background: url(../images/quotemarks.gif) no-repeat 3px 3px; padding-top: 5px; line-height: 180%; float: left}
	.quote blockquote {width: 100%;}
	#rightmenu  blockquote {font-size: 110%}
	.testimonial p {padding: 0;}
	
	#rightmenu .module {background: #FFFFFF; float: left; margin-bottom: 10px; padding: 10px; width: 207px;}
	#rightmenu .item {float: left; width: 100%; padding: 5px 0;}
	#rightmenu .item a { color: #6C6C6C}
	#rightmenu .icon {width: 30px; float: left}
	#rightmenu .text {width: 175px; float: right; color: #666666;}
	#rightmenu .text p {padding-top: 0!important;}
	#rightmenu h3 {font-size: 120%; font-family: Georgia,"Times New Roman",Times,serif; border-bottom: solid 1px #D0D0D0; margin-bottom: 3px; padding-bottom: 3px; float: left; width: 208px}
	#rightmenu h3 a {color: #243d91;}
	#rightmenu .last {margin-bottom: 0;}
	
	#suppliers .icon {width: 130px!important; float: left; text-align: center}
	#suppliers .text {width: 380px; float: right; color: #666666;}
	
	#footer {float: left; position: relative; width: 100%; text-align: left; font-size: 70%; background: url(../images/footer.gif) no-repeat top center; padding: 25px 0 8px 0;}
	#footer ul {list-style-type: none; margin-right: 10px;}
	#footer li {float: left; width: 150px;}
	#footer h3 {font-weight: normal; text-transform: uppercase; float: left; width: 100%; border-bottom: dotted 1px #999999; font-size: 100%;}
	#footer h3 a {color: #333;}
	#footer h3 a:hover {border-bottom: none;}
	#footer a {color: #666;}
	#footer a:hover {text-decoration: none; border-bottom: dotted 1px #333; color: #333}
	
	#footercontent { margin-left: auto; margin-right: auto; width: 960px;}
	
	#managementimageleft {float: left; width: 260px; padding: 5px 10px 5px 0; }
	#managementimageright {float: right; width: 260px; padding: 5px 0 5px 10px; }

/* homepage */

	#index #maincontent {float: left; position: relative; width: 980px; padding: 0; background: #F0F0F0; }

	#indeximage {float: left; width: 100%; background: #F0F0F0}
	#indeximage .col1 {float: left; width: 615px; overflow: hidden; padding: 10px; display: none}
	#indeximage .col2 {float: left; overflow: hidden; width: 645px; background: url(../images/homepage/welcomebg.jpg) no-repeat top left; height: 229px; text-align: right}
	#indeximage .col3 {float: right; width: 325px;/*border-left: solid 10px #F0F0F0;*/ background: #FFFFFF; color: #243d91; height: 229px}
	#indeximage li {list-style-type: none; float: left; width: 325px; font-family: Georgia, "Times New Roman", Times, serif;}
	#indeximage li a {padding: 5px; display: block; color: #646464!important}
	#indeximage li a:hover {background: #FE9801; color: #FFFFFF!important; border: none} 
	#indeximage a:hover {border-bottom: dotted 1px #243d91; color:#FFFFFF}
	#indeximage .col3 h2 {line-height: 150%; border-bottom: solid 1px #D0D0D0; float: left; width: 325px}
	#indeximage .col3 h2 a {color: #243d91!important;}
	#indeximage .col3 h2 a:hover {background: none!important; color: #243d91;}
	#indeximage a:hover {border: none!important;}
	
	#indeximage .col2 h1 {color: #FFFFFF; font-size: 21px; letter-spacing: 1px;}
	#indeximage .col2 p {color: #FFFFFF; font-size: 15px; line-height: 160%}
	#indeximage .col2 a {color: #FFFFFF;}
	#indeximage .col2 a:hover {text-decoration: underline}
	
	#bullet0, #bullet1, #bullet2, #bullet3, #bullet4, #bullet5, #bullet6, #bullet7 {width: 340px; float: right; padding: 10px 10px 0 0;}
	#bullet2 {}
	#bullet7 {}
	#bullet3 {}
	
	#bullet0 {width: 340px; text-align:left;}
	#bullet0 .large {font-size: 130%;}
	#bullet0 h1 { line-height: 140%!important; font-size: 20px!important}
	#index #footer {float: left; position: relative; width: 100%; text-align: left; font-size: 70%; background: url(../images/footer2.gif) no-repeat top center; padding: 15px 0 8px 0;}

	#homepage .col1 {float: left; width: 960px;  margin: 10px 10px 5px; display: inline;  }
	#homepage .col2 {float: left; width: 100%;}
	#homepage .col3 {float: left; width: 940px; padding: 0 10px }
	#homepage .col4 {float: left; width: 960px;  margin: 5px 10px 5px; display: inline;  }
	
	#homepage .intro {width: 940px; float: left; background: #FFFFFF; padding: 5px 10px 0; height: 235px}
	#homepage .intro h1 {padding-top: 10px;}
	#homepage .testimonials {width: 293px; margin: 10px 5px 5px; padding: 5px 10px; float: left; background: #FFFFFF; height: 190px}
	
	#homepage #customers {width: 295px; padding: 5px 10px 0; float: right; background: #FFFFFF;  height: 192px;}
	#homepage #whatwedo {width: 295px; margin: 10px 5px 5px 5px; padding: 5px 10px; float: left; background: #FFFFFF; height: 300px; overflow: hidden}
	#homepage #news {width: 292px; margin: 10px 5px 5px 10px; padding: 5px 10px; float: left; background: #FFFFFF; height: 300px; display: inline}
	#homepage #case {width: 293px; margin: 10px 5px 5px; padding: 5px 10px; float: left; background: #FFFFFF; height: 300px; display: inline}
	
	#homepage h2 {color: #243d91; font-size: 120%; font-family: Georgia,"Times New Roman",Times,serif; border-bottom: solid 1px #D0D0D0; margin-bottom: 3px; padding-bottom: 3px; float: left; width: 100%}
	#homepage h3 {font-size: 90%; padding: 5px 0; color: #243d91}
	
	#homepage .col1 p, #homepage .col1 h3 {margin: 0; padding: 4px 0;}
	
	#homepage #customers li {list-style-type: none; float: left; width: 33%; padding: 10px 0; text-align: center}
	#homepage .customers h2, #homepage .testimonials h2 {text-align: left; padding: 5px 0}
	
	#homepage .item {float: left; width: 100%; padding: 10px 0 0 0; height: 80px;}
	#homepage .item a { color: #6C6C6C}
	#homepage .item a:hover { color: #243d91; border-bottom: dotted 1px #243d91;}
	#homepage .date {width: 50px; float: left}
	#homepage .itemtext {width: 240px; float: right;}
	#homepage .itemtext p {padding-top: 0!important;}
	
	#homepage #news .item, #homepage #case .item {height: 60px; border-bottom: dotted 1px #ccc}
	
	#homepage blockquote { line-height: 150%!important;font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; color: #646464; text-indent: 35px; background: url(../images/quotemarks.gif) no-repeat 3px 3px; float: left}

/* menu drop down */
	
	.dd_last {height: 32px;}
	
	.dropdown div {position: absolute; visibility: hidden; margin: 0 0 0 -24px; padding: 0 0 0 19px; background: url(../images/dd_bg.png) no-repeat bottom center; width: 273px; z-index: 10}
	.dropdown div a {position: relative; display: block; margin: 0; padding: 3px 0 3px 14px; width: auto; text-align: left; text-decoration: none; color: #0066CC;}
	.dropdown div a:hover {color: #666; text-decoration: underline;  padding: 3px 0 3px 14px; position: relative;}
	
/* styles */

	#contact #content ul { margin: 0; line-height: 100%;}
	#contact #content li { background: none; padding: 5px 0; list-style-type: none;}
	#contact .column {margin-top: 10px;}
	#contact .column p {line-height: 150%!important; padding: 5px 0!important}
	#contact th {text-align: right; padding: 0 20px 0 0; font-weight: normal; color: #828282}
	#contact table {margin-top: 5px;}
	#contact tr {height: 30px;}
	#contact #content, #sitemap #content {width: 930px; float: left; padding: 10px 15px 0 15px; font-size: 100%;}
	#contact .column h2 {padding: 0 0 5px 10px;}
	
	#technology #content ul { margin: 0; line-height: 100%;}
	#technology #content li {padding: 5px 18px;}
	#technology .column {margin-top: 10px;}
	#technology .column p {line-height: 150%!important; padding: 5px 0!important}
	#technology th {text-align: right; padding: 0 20px 0 0; font-weight: normal; color: #828282}
	#technology table {margin-top: 5px;}
	#technology tr {height: 30px;}
	#technology #content, #sitemap #content {width: 930px; float: left; padding: 10px 15px 0 15px; font-size: 100%;}
	#technology .column h2 {padding: 0 0 5px 10px;}

	#technology #maincontent, #contact #maincontent, #sitemap #maincontent {float: left; width: 960px; padding: 0 10px 0; background: url(../images/maincontentblank_contact.gif) repeat-y 10px 0px #f0f0f0}
	#technology #footer, #customers #footer, #terms #footer, #contact #footer, #testimonials #footer, #sitemap #footer, #intra #footer {float: left; position: relative; width: 100%; text-align: left; font-size: 70%; background: url(../images/footer2.gif) no-repeat top center; padding: 15px 0 8px 0;}

	#customers #maincontent ul {padding: 10px 0;}
	#customers #maincontent li {background: none; float: left; width: 20%; padding: 10px 0; height: 95px; list-style-type: none; text-align: center}
	
	#about #content .module p {padding: 0!important; line-height: 150%!important}
	#about .icon img {padding-top: 3px;}
	#about table tr {height: 110px;}
	
	#outro {margin-top: 20px; float: left; width: 95%;}

	p.leader { line-height: 170%!important;font-size: 130%; font-family: Georgia, "Times New Roman", Times, serif; color: #646464}
	#index p.leader { line-height: 160%!important;font-size: 110%;}
	#homepage .col1 p.leader { line-height: 200%!important;}
	
	.column {float: left; width: 33%;}
	#contact .column {float: left; width: 49%; }
	
	.quote {margin: 10px 0; width: 85%; border-bottom: solid 1px #F0F0F0; padding-bottom: 10px}
	.quote .emphasis {font-size: 90%!important;}
	
	.emphasis {color: #243d91; font-weight: bold;}
	
	.fullwidth {float: right; position: relative; width: 100%; text-align: left}
	.fullwidth ul {float: right;}
	.fullwidth li {width: auto!important; margin-right: 10px; text-align: right}
	
	li.testimonial {font-size: 100%; line-height: 170%;}
	.name {font-weight: bold; color: #243d91;}
	
	li.last, .last {border: none!important}
	.viewall {font-size: 80%; font-weight: normal; color: #6C6C6C; float: right; width: auto; text-align: right}
	.viewall:hover { color: #243d91; text-decoration: underline; cursor: pointer}
	.title {float: left;  width: auto}
	
	.small {padding-left: 5px; font-size: 70%; font-weight: normal; color: #6C6C6C}
	
	.back {width: 100%; border-bottom: dotted 1px #CCCCCC; margin-bottom: 10px; text-align: right}
	.back p {line-height: 100%!important; padding-bottom: 15px;}
	.back a {color: #666666;}
		
	.input {border: solid 1px #ABABAB; width: 200px;}	
	.submit {border: solid 1px #ABABAB; background: #D5D5D5;}
	
	#bullet1, #bullet2, #bullet3, #bullet4, #bullet5, #bullet6, #bullet7 {display: none;} 
	
	/* #about .leftmenu2, li.about .menu2, #customers .leftmenu3, li.customers .menu3, #sitemap .menu2, #customersdd {display: none!important;} */
	
	#solutionflow {margin: 15px 0;}
	#solutionflow2, #solutionflow3, #solutionflow4, #solutionflow5 {display: none;}
	
	#solutionflow1, #solutionflow2, #solutionflow3, #solutionflow4, #solutionflow5 {width: 266px}
	.imageclick {cursor: pointer;}
	
	#solutions #mainimage {background: url(../images/solution_bg.jpg) top left no-repeat; text-align: right}
	
	#solutionflow { text-align: center;}
	#solutionflow th { text-align: center;}
	#solutionflow table tr {height: 20px; text-align: center}
	.solutionarea {cursor: pointer; background: #F5F5F5; border: solid 1px #CCCCCC; padding: 5px; margin: 0; width: 110px; margin-left: auto; margin-right: auto}
	
	#pressoutro {margin-top: 10px; border-top: solid 1px #D0D0D0; padding-top: 10px;}
	
/* intra */

	#intra tr { height: 32px; text-indent: 5px }
	.colour1 { background: #FFF; }
	.colour2 { background: #F5F5F5; }

/* ereward */

	#ereward #homepage #whatwedo, #ereward #homepage #news, #ereward #homepage #case {height: 235px;}
	
/* home image scroll */

	.stepcarousel {position: relative; overflow: scroll; width: 940px; height: 150px}
	.stepcarousel .belt {position: absolute; left: 0; top: 0;}
	.stepcarousel .panel {float: left; overflow: hidden; margin: 0 1px 0 22px; width: 150px;}