body {
    background-color: #c0c0c0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#whiteback {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
}

#pageheader {
	margin: 0 auto 0 0;
	padding: 0;
	border-bottom: 5px solid #dddddd;
}

/* start of horizontal navigation menu -------------------------------------------- */
/* this span command is hiding the text within the menu button */
span { 
	display: none; 
}

#center {
	text-align: center;
	margin: 0 0 0 5px;
	padding: 0 0 50px 0;
}

#navcontainer {
	padding: 0;
	margin: 0;
	text-align: center;
	display: inline;
}

#navcontainer ul { 
	list-style-type: none; 
	text-align: center; 
	padding: 0;
	margin: 0 auto 0 10px;
	display: inline;
}

#navcontainer li { 
	display: inline;
	float: left; 
	text-align: center;
}

/* home button image control */
#navcontainer li#home a:link, #navcontainer li#home a:visited, #navcontainer li#home a:active {
	margin-top: 0; 
	width: 80px; 
	height: 35px;
	float: left;
	background: url("acr_buttons/homebut.png") no-repeat;
}

#navcontainer li#homeat a:link, #navcontainer li#homeat a:visited, #navcontainer li#homeat a:active {
	margin-top: 0; 
	width: 80px; 
	height: 35px;
	float: left;
	background: url("acr_buttons/homebut.png") no-repeat;
	background-position: 0 -70px;
}

/* services button image control */
#navcontainer li#services a:link, #navcontainer li#services a:visited, #navcontainer li#services a:active {
	margin-top: 0; 
	margin-left: 2px;
	width: 100px;
	height: 35px;
	float: left;
	background: url("acr_buttons/servicesbut.png") no-repeat;
}

#navcontainer li#servicesat a:link, #navcontainer li#servicesat a:visited, #navcontainer li#servicesat a:active { 
	margin-top: 0; 
	margin-left: 2px;
	width: 100px;
	height: 35px;
	float: left;
	background: url("acr_buttons/servicesbut.png") no-repeat;
	background-position: 0 -70px;
}

/* phone systems button image control */
#navcontainer li#phonesystems a:link, #navcontainer li#phonesystems a:visited, #navcontainer li#phonesystems a:active { 
	margin-top: 0; 
	margin-left: 2px;
	width: 150px;
	height: 35px;
	float: left;
	background: url("acr_buttons/phonesystemsbut.png") no-repeat;
}

#navcontainer li#phonesystemsat a:link, #navcontainer li#phonesystemsat a:visited, #navcontainer li#phonesystemsat a:active { 
	margin-top: 0; 
	margin-left: 2px;
	width: 150px;
	height: 35px;
	float: left;
	background: url("acr_buttons/phonesystemsbut.png") no-repeat;
	background-position: 0 -70px;
}

/* contact us button image control */
#navcontainer li#contactus a:link, #navcontainer li#contactus a:visited, #navcontainer li#contactus a:active { 
	margin-top: 0; 
	margin-left: 2px;
	margin-right: 2px;
	width: 115px;
	height: 35px;
	float: left;
	background: url("acr_buttons/contactusbut.png") no-repeat;
}

#navcontainer li#contactusat a:link, #navcontainer li#contactusat a:visited, #navcontainer li#contactusat a:active {
	margin-top: 0;  
	margin-left: 2px;
	margin-right: 2px;
	width: 115px;
	height: 35px;
	float: left;
	background: url("acr_buttons/contactusbut.png") no-repeat;
	background-position: 0 -70px;
}

/* home button image rollover state */
#navcontainer li#home a:hover { 
	background-position: 0 -35px;
}

/* services button image rollover state */
#navcontainer li#services a:hover { 
	background-position: 0 -35px;
}

/* phone systems button image rollover state */
#navcontainer li#phonesystems a:hover { 
	background-position: 0 -35px;
}

/* contact us button image rollover state */
#navcontainer li#contactus a:hover { 
	background-position: 0 -35px;
} 
/* end of horizontal navigation menu -------------------------------------------- */

h1 {
	font-family: calibri, tahoma, arial;
	background-image:url("acr_graphics/headerback.png");
	background-repeat: no-repeat;
	color: #353535;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 10px 0 0 15px;
	clear: both;
}

h2 {
	font-family: calibri, tahoma, arial;
	background-image:url("acr_graphics/headerback.png");
	background-repeat: no-repeat;
	color: #353535;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 10px 0 0 15px;
}

h3 {
	font-family: calibri, tahoma, arial;
	color: #353535;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 10px 0 0 15px;
	clear: both;
}

#indeximagegroupcentre {
	text-align: center;
	display: block;
	margin: 20px 0 190px 70px;
}

#indeximagegroup {
	text-align: center;
	display: block;
}

#titleimageone, #titleimagetwo, #titleimagethree, #titleimagefour {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

p {
	font-family: tahoma, arial;
	color: #464646;
	font-size: 12px;
	line-height: 16px; 
	text-align: left;
	padding: 0;
	margin: 0 20px 0 30px;
	width: auto;
}

p#costeffective {
	width: 680px;
}

#costeffectiveanimation {
	float: right;
	width: 180px;
	height: 180px;
	margin: 0 25px 0 0;
}

em {
	font-weight: bold;
	font-style: normal;
}

#titleimageone, #titleimagetwo, #titleimagethree, #titleimagefour {
	height: 150px;
	width: 200px;
}

/* this is the start of the footer navigation menu */
#footernavcontainer li#homef, #footernavcontainer li#servicesf, #footernavcontainer li#phonesystemsf, #footernavcontainer li#contactusf, #footernavcontainer li#sitemap {
	display: inline; 
	text-align: center;
	padding: 0;
	height: 12px;
	margin: 0 20px;
	float: none;
}

#footernavcontainer {
	list-style-type: none;  
	padding: 0;
	text-decoration: none;
	margin: 0 auto;
	width: 450px;
	line-height: 12px;
}

#footercolour a:link, #footercolour a:visited, #footercolour a:active {
	text-decoration: none;
}

#footercolour a:link, #footercolour a:visited, #footercolour a:active, a:hover {
	font-family: tahoma, arial;
	color: #464646;
	font-size: 11px;
	font-weight: bold;
}

#footercolour a:hover {
	text-decoration: underline;
	color: #000000;
}

#companyfootertext {
	font-family: tahoma, arial;
	color: #464646;
	font-size: 11px;
	line-height: 20px; 
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto;
}

#footercolour {
	background: #dddddd;
	margin: 0;
	padding: 0;  
}

#footwebinfo {
	font-family: tahoma, arial;
	color: #000000;
	background: #909090;
	font-size: 11px;
	line-height: 14px; 
	text-align: right;
	padding: 0;
	margin: 0 auto;
}

#footwebinfo a:link, #footwebinfo a:visited, #footwebinfo a:active, a:hover {
	font-family: tahoma, arial;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

#footwebinfo a:hover {
	text-decoration: underline;
	color: #800080;
}

#servicesanimation {
	margin: 10px 0 0 180px;
}

#serviceimage {
	float: right;
	width: 150px;
	height: 190px;
	margin: 0 30px 0 0;
}

#serviceimage2 {
	float: right;
	width: 178px;
	height: 116px;
	margin: 0 30px 0 0;
}

#serviceimage3 {
	float: right;
	width: 350px;
	height: 185px;
	margin: 0;
}

.servicenarrowtext {
	width: 700px;
}

#servicenarrowtext2 {
	width: 550px;
}

#usedtelephones li{
	list-style-type: circle;
	font-family: tahoma, arial;
	color: #464646;
	font-size: 12px;
	line-height: 16px; 
	text-align: left;
	padding: 0;
	margin: 0 20px 0 30px;
}

#wantedtelephonesanimation {
	margin: 10px 0 0 10px;
	display: inline;
	float: left;
}

#usedequipment {
	width: 920px;
	height: 200px;
	margin: 0 0 0 20px;
	background: #cccccc;
}

#usedequipmentwrapper {
	width: 600px;
	height: 180px;
	margin: 20px 110px 0 0;
	display: inline;
	float: right;
}

.equipmentarray {
	width: 600px;
	height: 250px;
	margin: 0 0 0 180px;
	display: block;
}

#accessoriesarray {
	width: 600px;
	height: 120px;
	margin: 0 0 0 180px;
	display: block;
}

#emailconpage a:link, #emailconpage a:visited, #emailconpage a:active, a:hover {
	font-family: calibri, tahoma, arial;
	color: #353535;
	font-size: 14px;
	font-weight: normal;
}

#emailconpage a:hover {
	text-decoration: underline;
	color: #000000;
}

#contactperson {
	float: right;
	margin: 0 30px 0 0;
}

/* contact form styling start ----------------------------------------------------------- */

#contactform {
	margin: 0;
}

form {
	margin: 0 0 0 30px;
	padding: 10px;
	width: 400px;
}


fieldset, option {
	font-family: calibri, tahoma, arial;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
}

fieldset p {
	margin: 3px 0 2px 0;
	padding: 5px;
	border: 2px solid #acacac;
	background-color: #ececec;
}

label {
	font-family: calibri, tahoma, arial;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	font-weight: normal;
}

#message {
	width: 360px;
}
	
#name, #email, #telephone, #company {
	width: 300px;
}

textarea, input#email, input#name, select {
	margin: 5px 0 5px 0;
}

#submitbutton {
	margin: 0 0 0 150px;
}

/* contact form styling end ----------------------------------------------------------- */