html, body {
margin:0;
padding:0;
}

body {
font: 76% arial,sans-serif;
text-align:center;
background: #e0e0e0;
}

div#wrapper {
width:912px;
margin:0px auto;
background-image:url('http://www.kmbookkeeping.co.uk/images/FrameShadow2.png');
background-repeat:repeat-y;
padding:0;
}

div#container {
width:900px;
margin:0px auto;
text-align:left;
background: #fff;


}

div#newsimage {
width: 225px;
height: 150px;
border: 1px solid #000;
padding: 1px;
}

div#logo {
width:450px;
height:92px;
margin:10px 0 0 10px;
text-align:left;
float: left;

}

div#phone {
width:300px;
height:150px;
margin:0 auto;
text-align:center;
float: right;

}

#phone h3
{
color: #0075C6;
font-size: 16px;
font-style: italic;
margin: 10px 10px 0 0;
}

#phone h2
{
color: #0075C6;
font-size: 36px;
font-style: italic;
margin: 0;
}


div#bar1 {
width:898px;
height:134px;
border: 0px solid #C6D6A0;
background-image:url('images/banner.png');
margin-left:0; margin-right:0; margin-top:80px; margin-bottom:0
}

div#navigation {
width:880px;
height:30px;
background: #84BAE7;
border-radius: 10px;
margin: 0px auto;
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2),
				inset 0 0 45px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2),
				inset 0 0 45px rgba(0, 0, 0, 0.2);
}

div#footer{
width:900px;
height:160px;
background: #84BAE7;
margin: 0px;
font-size: 13px;
}

#footer #right
{
float: right;
margin-right: 10px;
margin-top: 10px;
}

#footer #left
{
float: left;
margin-top: 10px;
margin-left: 10px;
}

div#video {
width:270px;
height:210px;
font-size: 12px;
border: 2px solid #e0e0e0;
margin: 10px 0 0 50px;
z-index: 1;
float: left;
background: #ffffff;
padding: 5px;
border-radius: 10px;
}

#video h2 {
color: #000066;
font-size: 16px;
}

div#testi {
width:270px;
height:133px;
margin: 0 50px 0 0;
z-index: 1;
float: right;

}

div#leftcontent {
width:490px;
margin: 5px 0 0 0;
padding: 10px;
float: left;
}

Div#presenter {
  width: 100px;
  height: 200px;
  margin-top: -580px;
  margin-left: 470px;
  z-index: 10;
  border: 1px solid #000;
}

#leftcontent h2 {
color: #000066;
font-size: 16px;
}

#leftcontent h1 {
color: #000066;
font-size: 18px;
}

div#rightcontent {
width:350px;
margin: 5px 0 0 0;
float: right;
}

div#speech1{
width:50px;
margin: 0 0 0 0;
float: left;

}

div#speech2 {
width:50px;
margin: 0 0 0 0;
float: right;

}

div#testcont {
width:220px;
height: 70px;
margin: 15px 0 0 50px;

}

#testcont h3 {
color: #000066;
font-size: 14px;
font-style: italic;
}

#text p
{
line-height: 22px;
font-size: 13px;
color: #383838;
}

#text li
{
line-height: 22px;
font-size: 14px;
color: #383838;
} 

#text td
{
line-height: 22px;
font-size: 14px;
color: #383838;
} 

div#clear {
clear: both;
}

#text h3 {
color: #000066;
font-size: 14px;
font-style: bold;
}

#nav li {display: inline; font-size: 12px; text-decoration: none;}
#nav a {color: #000; float: left; padding: 7px 15px 8px 15px; text-decoration: none;}
#nav a:hover, #nav a.current {background: url('http://www.kmbookkeeping.co.uk/images/nav_hover.png') repeat-x 0 0; text-decoration: none}


#greenquote input.sub
{
background: url('http://www.kmbookkeeping.co.uk/images/submit.png') no-repeat;
width: 126px;
height: 46px;
float: right;
border: none;
}
#greenquote
{
width: 240px;
height: 680px;
background: #84BAE7;
float: right;
margin: 10px 10px 0 0;
padding: 0 25px 0 25px;
color: #000000;
border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4),
				inset 0 0 45px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4),
				inset 0 0 45px rgba(0, 0, 0, 0.4);
}

#greenquote h2
{
color: #000000;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
font-size: 18px;
}

textarea:focus, input:focus {
        border: 4px solid #C5D6A0;
}

label
{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#red {
  color: red;
}  

#greenquote p
{
color: black;
line-height: 15px;
font-size: 12px;

}

#greenquote input
{
width: 100%;
height: 20px;
margin-top: 10px;
}

#software
{
width: 240px;
height: 300px;
background: #6D8A2C;
float: right;
margin: 10px 10px 0 0;
padding: 0 25px 0 25px;
color: white;
border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4),
				inset 0 0 45px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4),
				inset 0 0 45px rgba(0, 0, 0, 0.4);
}

#softbutton1
{
width: 80px;
height: 29px;
margin: 10px 10px 0 0;
float: left;
color: #000;
}

#softbutton2
{
width: 80px;
height: 29px;
margin: 10px 7px 0 0;
float: right;
color: #000;
}

#software h2
{
color: white;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
font-size: 18px;
}

#software p
{
color: white;
line-height: 15px;
font-size: 14px;
font-style: italic;
text-align: center;
}

#icb
{
width: 100px;
height: 20px;
float: right;
margin: 10px 95px 20px;
}

#service {
	float: left;
	width: 400px;
	margin-right: 50px;
}


.sp_row2 {
	width: 500px;
	margin-bottom: 10px;

	clear: both;
}

.sp_row2 img{
	float: left;
	margin: 2px 10px 0 0;
	width:70px;
	padding: 1px;
	border: 0px;
}

.sp_row2 p{
	color: #000000;
	text-align: top;
}

.sp_row {
	width: 500px;
	margin-bottom: 10px;

	clear: both;
}

.sp_row img{
	float: left;
	margin: 2px 10px 0 0;
	padding: 1px;
	border: 1px solid #333333;
}

.sp_row p{
	color: #000000;
	text-align: top;
}
UL.main {
font-size : 10pt; 
font-family : arial; 
list-style-image: url('/images/bullet.gif');
}

UL.list1{
font-size : 10pt; 
font-family : arial; 
list-style-image: url('/images/spacer.gif');
}

#testbar {
width: 480px;
margin: 10px auto;
background: #f3f3f3;
border-radius: 10px;
padding:10px;
}





#bar {
width: 860px;
margin: 10px auto;
background: #C5D6A0;
border-radius: 10px;
padding:10px;
line-height: 22px;
font-size: 13px;
}





#bar #left {
float:left;
width:280px;
margin:0; padding-left:5px;
}
#bar #right {
float:right;
width:280px;
margin:0; padding-left:5px ;
		}
#bar #middle {
margin:0 300px;
}
