@charset "utf-8";
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
}
#container{
	width: 780px;
	margin: auto;
	background-image:url(../images/container_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#FFFFFF;
	padding: 10px;
}
#header{
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	padding-top: 24px;
}
#logo{
	background-image:url(../images/logonew.gif);
	background-repeat:no-repeat;
	width: 500px;
	height: 76px;
	float: left;
}	
#logo h1, #telephone p, #banner h1, #banner p{
	text-indent: -90000em;
}
#telephone{
	float: right;
	width: 200px;
	height: 76px;
	background-image:url(../images/telephone.gif);
}
#nav{
	width: 214px;
	background-image:url(../images/nav_bg.gif);
	background-repeat:no-repeat;
	background-color: #006699;
	padding: 25px;
	float: left;
}
#nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 197px;
}
#nav ul li{
	width: 197px;
	line-height: 35px;
	border-bottom: solid 1px #cccccc;
}
#nav ul li a{
	color: #FFFFFF;
	width: 197px;
	display:block;
	text-decoration: none;
}
#nav ul li a:hover{
	text-decoration: underline;
}
#banner{
	width: 516px;
	float: left;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner2{
	width: 516px;
	float: left;
	background-image:url(../images/bookeeping.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner3{
	width: 516px;
	float: left;
	background-image:url(../images/payroll.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner4{
	width: 516px;
	float: left;
	background-image:url(../images/industry.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner5{
	width: 516px;
	float: left;
	background-image:url(../images/creditcontrol.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner6{
	width: 516px;
	float: left;
	background-image:url(../images/secreterial.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
.banner7{
	width: 516px;
	float: left;
	background-image:url(../images/call-handling.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 215px;
}
#content{
	width: 479px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-x;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	float: left;
	padding: 18px;
	padding-top: 26px;
}
#content_container{
	background-image:url(../images/content_container_bg.gif);
	background-repeat:repeat-y;
	width: 780px;
}
.clear{
	clear: both;
}
#footer{
	background-color: #abc4d6;
	color: #6699cc;
	border-top: solid 7px #FFFFFF;
}
#copyright{
	float: left;
	padding: 26px;
}
#credit{
	float: right;
	padding: 26px;
}
#credit a{
	color: #6699cc;
	text-decoration: none;
}
#credit a:hover{
	text-decoration: underline;
}
#footer_bottom{
	clear: both;
	background-image:url(../images/footer_bottom.gif);
	background-repeat:repeat-x;
	height: 24px;
}
#get_organised{
	text-indent: -90000em;
	background-image:url(../images/get_organised.gif);
	background-repeat:no-repeat;
	display: block;
	width: 197px;
	height: 136px;
}
#testimonial{
	background-image:url(../images/testimonial_bg.gif);
	background-repeat:no-repeat;
	width: 178px;
	height: 113px;
	color: #003366;
	padding: 18px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
#testimonial strong{
	display: block;
	text-align: right;
}
#testimonial a{
	display: block;
	color: #FFFFFF;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 20px;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0.7em;
}
#testimonial a:hover{
	text-decoration: underline;
}
#testimonial p{
	margin: 0px;
	padding: 0px;
}
.home_box{
	width: 209px;
	float: left;
	margin-bottom: 24px;	
}
.margin{
	margin-left: 44px;
}
.bottom_margin{

}
.calltoaction{
	display: block;
	background-image:url(../images/calltoaction.gif);
	background-repeat:no-repeat;
	height: 27px;
	background-position:bottom right;
	text-indent: -90000em;
	text-decoration: none;
}
.title{
	text-indent: -90000em;
	background-repeat: no-repeat;
	margin-bottom: -0.5em;
	height: 25px;
}
#title_book_keeping{
	width: 145px;
	background-image:url(../images/title_book_keeping.gif);
}
#title_payroll{
	width: 75px;
	background-image:url(../images/title_payroll.gif);
}
#title_secretarial{
	width: 145px;
	background-image:url(../images/title_secretarial.gif);
}
#title_credit_control{
	width: 153px;
	background-image:url(../images/title_credit_control.gif);
}
#title_construction{
	width: 318px;
	background-image:url(../images/title_construction.gif);
	clear:both;
}
h1 {
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 220%;
	color: #0060AA;
    font-weight: normal;
}
h2 {
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:200%;
	color: #0060AA;
    font-weight: normal;
}
h3{
font-size:130%;
	color: #0060AA;
 }
a {
color: #0060AA;
}
a:hover {
text-decoration: underline;
}
#bottomnav{
	width: 779px;
	height: 175px;
	margin: auto;
	margin-top: 0px;
}
#bottomnav ul{
	margin: 0px;
    width: 197px;
	padding: 0px;
	list-style-type: none;

}
#bottomnav ul li{
	float: left;
    line-height: 25px;
	color: #666666;
}
#bottomnav a{
	color: #006699;
	text-decoration: none;
	display: block;
	float:left;
    padding: 0px;
}
#bottomnav  a:hover{

	text-decoration: underline;
}
#bottomnav p{
	float:left;
    padding-left: 0.0em;
}