html, body, p, ul, img, div, h1, h2, h3, h4, h5, h6, form, label {margin: 0; padding: 0; border: none}
input, textarea, select, fieldset {margin: 0; padding: 0}
html	{height: 100%; margin-bottom: 1px}
body 	{font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; background: #e2e2e2}
#wrapper	{text-align: center}
#header		{background: #e2e2e2; width: 948px; margin: 0 auto; border: 6px solid #ffffff; border-bottom: none}
#header h1	{background: #85AA8F; margin: 0; padding: 0; padding-top: 0px; padding-bottom: 20px}
#tpl_logo	{border: 0; margin-bottom: 4px; margin-left: -9px}
#strapline	{margin-left: 75px; margin-bottom: 21px}
.strapline2	{text-align: center; font-style: italic}
#circle		{margin-left: 402px; margin-bottom: 0px; margin-top: 18px}

ul#topnav	{background: #e2e2e2; padding: 1px 6px 4px 6px; vertical-align: middle; margin: 0; text-align: left; border-bottom: 1px solid #85AA8F; overflow: hidden}
#topnav		{list-style : none; margin : 0; padding : 0; font-weight: bold}
#topnav li 	{font-family: Verdana; display : inline; margin : 0; padding-left: 0; padding-left: 18px; margin-left: 0px; background: url(../images/colons.gif) no-repeat; background-position: -4px center; font-size: 0.7em}
#topnav a:link,
#topnav a:visited	{color: #404040; padding: 6px 3px}
#topnav a:hover,
#topnav a:active,
#topnav a:focus {color: #000000; background: #a0c0b0; padding: 6px 3px}
#topnav li#current	{color : #404040}
#topnav li#topnavlast	{background: none}
#topnav .nobullet	{background: none}

#content,
#footer		{width: 948px; margin: 0 auto; border-left: 6px solid #ffffff; border-right: 6px solid #ffffff; background: url(../images/ruler_sides.gif) bottom repeat-y #ffffff; text-align: left}
#ruler_bottom	{width: 948px; margin: 0 auto; border: 6px solid #ffffff; border-top: none; background: url(../images/ruler_bottom.gif) bottom no-repeat #ffffff; height: 10px; padding: 0; font-size: 0.1em}
#content1	{width: 170px; float: left}
#content2	{width: 570px; float: left}
#content3	{width: 190px; float: right}
#content2_clients,
#content2a	{width: 740px; float: left}
#content2b,
#content2e	{width: 867px; margin-left: 20px}
#content2e	{margin-top: 30px; border-top: solid 1px #666666; clear: both}
#content2c,
#content2d	{width: 350px; float: left; padding-right: 20px}


h1		{font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; color: #333333; font-size: 1.8em; margin-left: 20px; padding-top: 30px}
#content2 h1	{}

h2		{font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; color: #333333; font-size: 1.2em; margin-left: 20px; padding-top: 5px; clear: both}
#content3 h2	{font-size: 1.2em; margin-left: 0px}

h3		{font-family: Georgia, Times New Roman, serif; font-weight: normal; color: #333333; font-size: 1.0em; ; margin-left: 20px; padding-top: 5px}
#content3 h3	{font-size: 1.3em; margin-left: 0px; padding-top: 20px}

p, td, th,
label		{font-size: 0.9em; margin: 0; margin-left: 20px; padding: 7px 0; line-height: 1.5em}
p label		{font-size: 1em}
p#content3,
#content3 label {font-size: 0.9em; margin: 0; margin-left: 0px; padding: 7px 0}

#content2a fieldset,
#content2b fieldset,
#content3 fieldset	{border: none}
#content2a legend,
#content2b legend	{display: none}

#panel1,
#panel2,
#panel3		{width: 160px; background: #ffffee; border: 1px solid #cccccc; padding: 5px; margin-top: 20px}
#panel1 p,
#panel2 p,
#panel3 p	{margin-left: 0px}
#panel1 h3,
#panel2 h3,
#panel3 h3	{font-family: Verdana; font-size: 0.9em; font-weight:bold; padding-top: 0}

input		{font-size: 1.0em; height: 1.2em; font-family: Arial, sans-serif}
#content3 input#name,
#content3 input#telephone	{width: 170px}
#content3 input#submit	{font-size: 0.9em}
select		{font-size: 1.05em; height: 1.6em; background: #A9CCB2}
textarea	{font-size: 1.05em; font-family: Arial, sans-serif; background: #A9CCB2}
#content3 textarea	{width: 170px}
.input10 	{width: 5em}
.input25 	{width: 18em}
.input45 	{width: 31em}
.button		{height: 1.8em; font-size: 0.9em}
#contact_form p	{margin: 10px 40px}
.checkbox	{font-size: 1.0em; height: 1.2em; width: 1.2em}
#submit		{height: auto; width: auto}

#footer		{text-align: center; padding: 20px 0; margin-bottom: 0}
#footer	p	{padding: 1px; margin: 0}
#footer2	{margin-left: 70px}

#content3 .offscreen	{float: left; margin-left: -9999px}

#freephone1	{background: url(../images/border7b.jpg) left top #ee6600; text-align: center; color: #ffffff; font-weight: bold; font-size: 1.1em; margin: 10px 0; padding-top: 5px; padding-bottom: 1px; width: 175px}

.button_orange	{text-align: center; font-weight: bold; font-size: 1.1em; margin: 10px 0; width: 175px; margin-left: 20px}

li		{font-size: 0.9em}
li li		{font-size: 0.7em}

#menu_list li	{list-style: none; display: inline; font-size: 0.7em; font-weight: bold; margin: 0; line-height: 40px; color: #ffffff}
#list_home li,
#list_home1 li	{mmargin: 10px; padding: 0 10px; line-height: 1em; list-style-image:url(../images/bullet_red.jpg)}
#p1_home,
#p2_home,
#p3_home,
#address	{padding-top: 20px; font-size: 0.9em; padding-left: 470px}
#address	{font-size: 0.7em; padding-bottom: 20px}

table	{text-align: left; border-width: 0px;}

a:link,
a:visited {color: #003366; text-decoration: underline; padding: 2px 0}
a:hover,
a:active,
a:focus   {color: #000000; text-decoration: underline; background-color: #a0c0b0; padding: 2px 0}
#logos a:hover,
#logos a:active,
#logos a:focus   {background-color: #85AA8F}

#menu_list a:link,
#menu_list a:visited {color: #ffffff; text-decoration: none; padding: 10px}
#menu_list a:hover,
#menu_list a:active,
#menu_list a:focus   {color: #ffff00; text-decoration: underline; background-color: #006699; padding: 10px}

#nav2  {list-style-type: none; padding-top: 40px; margin-left: 20px}
#nav2 li {background-image: url(../images/arrow_grey.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 10px; padding-left: 10px; text-decoration: none; line-height: 1.5em}

#nav2 a:link,
#nav2 a:visited {color: #003366; text-decoration: none; padding: 5px; padding-left: 0}
#nav2 a:hover,
#nav2 a:active,
#nav2 a:focus   {color: #000000; text-decoration: underline; background-color: #a0c0b0; padding: 5px; padding-left: 0}

.button_orange a:link,
.button_orange a:visited {color: #ffffff; padding: 6px; text-decoration: none; background: url(../images/button_orange.jpg) #ee6600; display: block}
.button_orange a:hover,
.button_orange a:active,
.button_orange a:focus   {color: #ffffff; padding: 6px; text-decoration: underline; background: url(../images/button_orange2.jpg) #ee6600; padding: 6px; display: block}

#ccontent2_clients,
#ccontent2a  {width: 540px}
#content2_clients ul {margin-left: 20px; padding: 20px 0; float: left}
#content2_clients li {list-style-type: none; padding-bottom: 20px; padding-right: 10px; text-decoration: none}
#content2_clients h2 {clear: both; border-bottom: 1px solid #666666; padding-top: 20px}

#content2 ul,
#content2a ul,
#content2b ul,
#content3 ul	{padding: 10px; padding-left: 40px; list-style:none}
#content3 ul	{padding-left: 20px}
#content2 li,
#content2a li,
#content2b li,
#content3 li	{padding: 5px 15px; background: url(../images/bullet1a.gif) no-repeat left 9px; line-height: 1.5em}

#criteria	{padding-left: 40px; line-height: 1.5em; list-style:none}
#criteria li	{padding: 5px 15px; text-decoration: none; float: left; width: 135px; background: url(../images/bullet1a.gif) no-repeat left 7px}

#clients	{padding-left: 15px; line-height: 1.5em; list-style:none}
#clients li	{padding: 5px 15px; text-decoration: none; ffloat: left; wwidth: 135px; background: url(../images/bullet1a.gif) no-repeat left 7px}

.listbreak	{display: block; margin-top: 10px}

table#tool_comparison	{margin-left: 20px; margin-top: 10px; text-align: left; border-width: 0px; border-collapse:collapse; width: 720px}
#tool_comparison th	{padding: 4px 7px; border: 1px solid #999999; background: #cccccc; vertical-align: bottom}
#tool_comparison td	{padding: 7px; border: 1px solid #999999; background: #F7FBFE}
#col1			{width: 100px}
#col2			{width: 200px}
#col3			{width: 200px}

.bold		{font-weight: bold}
.italic		{font-style: italic}
.clear		{clear: both}

.address p,
.phones	p	{padding: 0px}
.address	{width: 250px; float: left; padding-left: 0px}
.sitemap	{width: 289px; float: left; padding-left: 0px}
.phones		{width: 300px; float: left}
.maplink	{margin-top: 5px}
.arrow		{padding-left: 20px; background: url(../images/bullet1c.gif) no-repeat left 9px; margin-top: 30px}


#contactform label	{width: 222px; float: left; clear: both; text-align: right; padding: 0px; margin-right: 10px}
#contactform input	{margin: 0px; font-size: 1.0em}
#contactform p		{clear: both}

#opt1,
#opt2,
#note1			{margin-left: 272px; width: 480px}
#contactform #submit	{margin-left: 272px}
#opt1 label,
#opt2 label	{float: none; margin: 0px; font-size: 1.0em}

input#email,
input#name,
input#position,
input#company,
input#telephone,
input#country,
input#postcode	{background: #A9CCB2}

.hidden		{display: none}

.bio1		{width: 145px}
.bio2		{margin-left: 160px; margin-top: -20px}
.bio3		{clear: both; mmargin-top: 0px; margin-bottom: 10px}
.bio1 img	{margin-bottom: 20px}