@charset "utf-8";
/* CSS Document */

body {font-size:0.62em; font-family:Arial, Helvetica, sans-serif; background-color:#e9e9e9; color:#404040;}

#wrapper {margin:auto; width:970px; background-color:#fff; border: 1px solid #999; font-size:1.3em; line-height:1.4em; margin-top:20px; overflow:hidden;}

h1,h2,h3,h4,h5,h6 {color:#16375e; font-family:Georgia, "Times New Roman", Times, serif;}
h1 {font-size:1.7em; padding: 10px 0 20px 0;}
h2 {font-size:1.4em; padding: 0 0 15px 0;}
h3 {font-size:1.2em; padding: 0 0 20px 0;}

.bold {font-weight:bold;}

#header {float:left; width:970px; border-bottom: 1px solid #ccc; position:relative;}
img.text {float:left; padding: 10px 0 5px 20px;}
img.large {float:right; margin: 20px 40px 0 0; border: 2px #a591bd solid;}

#leftpanel, #rightpanel {float:left; min-height:600px; padding: 25px 0 0 0;}
#rightpanel {width:770px;}
#leftpanel {width:200px;}

#contact_info {position:absolute; top:137px; right:40px; height:30px; background-color:#fff; font-size:0.9em; padding: 0 0 0 10px; color:#16375e;}
#contact_info p {float:left; padding: 6px 10px 0 0;}
#contact_info a {text-decoration:none; color:#16375e;}
#contact_info a:hover {text-decoration:underline;}
#contact_info img {float:left; padding: 0 10px 0 0;}

#nav {float:left; width:200px;}
	#nav span {display:none;}
	#nav a {float:right; background-repeat:no-repeat; border: 1px #ccc solid; width:170px; height:34px; margin: 10px 10px 5px 0;}

a#home 					{background-image:url(../images/menu/home-fade.png);}
	a#home:hover 		{background-image:url(../images/menu/home.png);}
	a#home.selected 	{background-image:url(../images/menu/home.png);}
	
a#about 				{background-image:url(../images/menu/about-fade.png);}
	a#about:hover 		{background-image:url(../images/menu/about.png);}
	a#about.selected 	{background-image:url(../images/menu/about.png);}
	
a#test		 			{background-image:url(../images/menu/testimonials-fade.png);}
	a#test:hover		{background-image:url(../images/menu/testimonials.png);}
	a#test.selected 	{background-image:url(../images/menu/testimonials.png);}
	
a#contact 				{background-image:url(../images/menu/contact-fade.png);}
	a#contact:hover 	{background-image:url(../images/menu/contact.png);}
	a#contact.selected 	{background-image:url(../images/menu/contact.png);}
	
a#blog 					{background-image:url(../images/menu/blog-fade.png);}
	a#blog:hover 		{background-image:url(../images/menu/blog.png);}
	a#blog.selected 	{background-image:url(../images/menu/blog.png);}

a#payroll 				{background-image:url(../images/menu/payroll-fade.png);}
	a#payroll:hover 	{background-image:url(../images/menu/payroll.png);}
	a#payroll.selected 	{background-image:url(../images/menu/payroll.png);}

a#hr 					{background-image:url(../images/menu/hr-fade.png);}
	a#hr:hover 			{background-image:url(../images/menu/hr.png);}
	a#hr.selected 		{background-image:url(../images/menu/hr.png);}

a#tax 					{background-image:url(../images/menu/tax-fade.png);}
	a#tax:hover 		{background-image:url(../images/menu/tax.png);}
	a#tax.selected 		{background-image:url(../images/menu/tax.png);}

a#accounts 				{background-image:url(../images/menu/accounts-fade.png);}
	a#accounts:hover 	{background-image:url(../images/menu/accounts.png);}
	a#accounts.selected {background-image:url(../images/menu/accounts.png);}

a#interim 				{background-image:url(../images/menu/interim-fade.png);}
	a#interim:hover 	{background-image:url(../images/menu/interim.png);}
	a#interim.selected 	{background-image:url(../images/menu/interim.png);}


img.twitter {float:left; padding: 15px 0 15px 45px;}

#tag {float:left; width:970px; padding: 0 0 15px 0;}

img.bacs {float:left; padding: 0 0 0 20px;}
img.tagline {float:left; padding: 0 0 0 360px;}
img.purple {float:right; padding: 0 38px 0 0;}

#footer {float:left; width:970px; background-color:#c8d7ea; border-top: 1px solid #999999; font-size:0.85em; margin-right:-3px;}/*IE6 duplicate text fix*/
#footer a {text-decoration:none; color:#16375e;}
#footer a:hover {text-decoration:underline;}

div.footercentre, div.footerleft, div.footerright {float:left; }
div.footerleft 		{width:200px;}
div.footercentre 	{width:570px;}
div.footerright 	{width:200px;}
div.footerleft p 	{float:left; padding: 3px 0 3px 27px;}
div.footercentre p 	{text-align:center; padding: 3px 0 3px 0;}
div.footerright p 	{float:right; padding: 3px 38px 3px 0;}

#space {width:970px; height:30px; margin:auto; background-color:#e9e9e9;}

