﻿/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
	    font-style: inherit;
	    font-size: 100%;
	    font-family: inherit;
	    vertical-align: baseline;
   }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong	{font-weight:bold;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* CSS Reset */





/* developed by www.funkystreet.co.uk */

.floatholder:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*\*/* html .floatholder {height: 1%;}/**/

body {font-family: verdana, helvetica, arial, sans-serif; font-size:12px; color:#000; line-height:1.2em; background-color:#f2f1f1;}
a:hover {color:#CE3027; text-decoration: underline;}
a   {text-decoration: none; color:#0D5191;}
#container {width:720px; margin-left: auto; margin-right:auto; background: transparent url(../I/headerGrad1.png) repeat-x top left;}

#header {margin-bottom:20px; }
#logo {width:300px; padding:30px 0px 30px 30px; float:left;}
#banner {width:330px; float:right; padding-top:15px;}
#banner li {display: inline; padding-right:30px;}



#leftCol {width:330px; float:left; padding:20px; margin:0px 25px 0px 25px;}
h2 {font-weight: bold; font-size: 1.1em; margin-bottom:10px; color:#1477D8;}
p {margin-bottom:8px;}

#rightCol {width:230px; float:left; padding:20px;}

.address {margin-bottom:20px;}

.bold {font-weight:bold; font-size:0.95em;}
#contact .tel, .mob, .email {padding-left:25px; margin-bottom:8px; min-height:18px;}

.tel {background: transparent url(../I/phone.png) no-repeat top left;}
.mob {background: transparent url(../I/mobile.png) no-repeat top left;}
.email {background: transparent url(../I/mail.png) no-repeat top left;}

#mainPanel {margin-bottom:35px;}

#manuLogos {clear:both; margin-bottom:10px; text-align:center; border-bottom:1px dotted #6E8976; padding:6px 0px;}
#manuLogos li {display:inline; }
#manuLogos li img  {padding-right:40px;}
.canon      {padding-bottom:7px;}
.ricoh      {padding-bottom:5px;}
.kyocera    {padding-bottom:4px;}
.sharp      {padding-bottom:6px;}


#footer {clear:both; text-align:center; font-size:0.85em; color:#666; margin-bottom: 50px;}
#footer p   {margin-bottom:0px;}
#footer .cash {font-size:1.25em; font-weight:bold; color:#1477D8; margin-bottom:5px;}

/* developed by www.funkystreet.co.uk */