/******************************************************************************
* Generic CSS
******************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #555;
	border: 0px;
	padding: 0px;
	text-align: center;
	margin: 0px;
	background: #979797 url(../_images/body-bg.jpg) repeat-x; }

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p {
	color: #555;
	line-height: 18px;
	margin: 0px; }

a {
	color: #000;
	text-decoration: underline; }

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

h1 { font-size: 18px; margin: 0px; }

h2 { font-size: 14px; margin: 0px; }

h3 { font-size: 12px; }

.black { color: #000; }

.hidden { display: none; }

/******************************************************************************
* Specific Formatting
*****************************************************************************/
ul.main {
	float: left;
	margin: 0 0 25px 0;
	padding-left: 40px; }

ul.main a { text-decoration: none; }

ul.main a:hover { text-decoration: underline; }

li.mainli {
	padding: 7px 7px 7px 0px;
	 list-style-position: 0px center;
	list-style-image: url(../_images/middleArrow.gif); }

li.sub {
	padding: 7px 7px 7px 24px;
	list-style: none;
	background: url(../_images/smallArrow.gif) no-repeat 14px center; }

ul.subSub li { /*nothing*/ }

ul.list {
	padding-left: 40px;
	float: left;
	margin: 0 0 16px 0;
	font-weight: bold; }

ul.list li {
	padding: 4px 4px 4px 0px;
	list-style-image: url(../_images/middleArrow.gif); }

/******************************************************************************
* Title Formatting
*****************************************************************************/
h1.title {
	float: left;
	width: 510px;
	height: 18px;
	background: top left no-repeat;
	margin: 0px 0px 13px 0px; }

h1#homeTitle { background-image: url(../_images/_headings/homeTitle.jpg); }

h1#servicesTitle { background-image: url(../_images/_headings/servicesTitle.jpg); }

h1#salesTitle { background-image: url(../_images/_headings/salesTitle.jpg); }

h1#serviceEnquiriesTitle { background-image: url(../_images/_headings/serviceEnquiriesTitle.jpg); }

h1#jobsTitle { background-image: url(../_images/_headings/jobsTitle.jpg); }

h1#commercialTitle { background-image: url(../_images/_headings/commercialTitle.jpg); }

h1#residentialTitle { background-image: url(../_images/_headings/residentialTitle.jpg); }

h1#contactTitle { background-image: url(../_images/_headings/contactTitle.jpg); }

h1#sitemapTitle { background-image: url(../_images/_headings/sitemapTitle.jpg); }

h1#accessTitle { background-image: url(../_images/_headings/accessTitle.jpg); }

h1#membersTitle { background-image: url(../_images/_headings/membersTitle.jpg); }

h1#productSpecTitle { background-image: url(../_images/_headings/productSpecTitle.jpg); }
h1#termiteTitle { background-image: url(../_images/_headings/termiteTitle.jpg); }
h1#efkTitle { background-image: url(../_images/_headings/efkTitle.jpg); }
h1#rodentControlTitle { background-image: url(../_images/_headings/rodentControlTitle.jpg); }
h1#birdControlTitle { background-image: url(../_images/_headings/birdControlTitle.jpg); }

h1#callBackTitle {
	background-image: url(../_images/_headings/callBackTitle.jpg);
	float: left;
	height: 31px;
	margin-bottom: 6px;
	width: 132px; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img {
	border: none;
	margin: 0px;
	padding: 0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display: block;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px; }

ul.normal li {
	background: url(../_images/middleArrow.gif) no-repeat 0 4px;
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px; }

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display: none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align: center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width: 978px;
	text-align: left;
	margin: 0px auto 0px auto; }

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i { width: 978px; float: left; }

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float: left;
	width: 978px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	color: #fff; }

div#header a { color: #fff; }

div#header-top {
	float: left;
	width: 978px;
	height: 20px;
	padding: 0px;
	margin: 0px; }

div#breadcrumb {
	float: left;
	height: 10px;
	margin: 5px 0px;
	font-size: 10px;
	line-height: 10px; }

div#sitemapAccess {
	float: right;
	height: 10px;
	margin: 5px 0px;
	font-size: 10px;
	line-height: 10px; }

div#breadcrumb a, div#sitemapAccess a { text-decoration: none; }

div#breadcrumb a:hover, div#sitemapAccess a:hover { text-decoration: underline; }

div#header-bottom {
	float: left;
	width: 978px;
	height: 145px;
	padding: 0px;
	margin: 0px;
	background: url(../_images/headerImg-bg.jpg) no-repeat; }

a#email {
	float: right;
	width: 108px;
	height: 13px;
	padding: 0 24px 0 0;
	clear: right;
	background: url(../_images/email-bg.jpg) no-repeat; }

div#telephone {
	float: right;
	width: 180px;
	height: 19px;
	margin: 29px 12px 0 0;
	background-image: url(../_images/telephone-bg.jpg); }

html>body div#telephone { margin: 29px 24px 0 0; }

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float: left;
	width: 966px;
	padding: 0 6px;
	margin: 0px;
	background-color: #fff; }

div#main-content-i {
	float: right;
	width: 800px;
	height: 450px; }

html>body div#main-content-i {
	min-height: 450px;
	height: auto; }

div#main-content-i p { margin: 0 0 25px 0; }

.tick { padding: 0px 6px 0px 6px; }

/******************************************************************************
* sideBarLeft
*****************************************************************************/
div#sideBarLeft {
	float: left;
	width: 160px;
	padding: 0 0 20px 0; }

div#specialOffer {
	float: left;
	width: 160px;
	height: 176px;
	margin: 5px 0 0 0;
	background: url(../_images/specialOffer-bg.jpg) no-repeat; }

div#callBackWrap {
	float: left;
	width: 160px;
	height: 208px;
	margin: 6px 0 0 0;
	background: url(../_images/callBack-bg.jpg) no-repeat; }

/******************************************************************************
* banner
*****************************************************************************/
div.banner {
	float: left;
	width: 800px;
	height: 213px; }

div.banner#homeBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#whatBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#whoBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#servicesBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#salesBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#serviceEnquiriesBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#jobsBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#commercialBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#residentialBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#contactBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#sitemapBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#accessibilityBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#membersBanner { background: url(../_images/homeBanner.jpg) no-repeat; }

div.banner#productRodentBanner,
div.banner#productEFKBanner,
div.banner#productSpecBanner,
div.banner#rodentControlBanner,
div.banner#birdControlBanner,
div.banner#termiteBanner,
div.banner#efkBanner { background: url(../_images/homeBanner.jpg) no-repeat; }


/******************************************************************************
* access-keys
*****************************************************************************/
table#access-keys {
	float: left;
	width: 300px;
	margin-left: 16px;
	border-collapse: collapse; }

table#access-keys tr {
	height: 25px;
	border-bottom:1px solid #666666; }

/******************************************************************************
* accessibility-block
*****************************************************************************/
div#accessibility-block {
	float: left;
	width: 500px;
	height: 100px;
	margin-right: 180px;
	padding-left: 32px;
	background:url(../_images/xhtmlcss.gif) no-repeat 340px 0px; }

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float: left;
	width: 100%;
	height: 51px; }

div#footer-i {
	width: 978px;
	height: 54px;
	margin: 0 auto 0 auto;
	padding: 0px;
	background: url(../_images/footer-bg.jpg) no-repeat; }

div#footer-left {
	float: left;
	width: 550px;
	height: 14px;
	margin-top: 24px;
	padding-left: 24px;
	text-align: left; }

div#footer-left p {
	float: left;
	width: 510px;
	height: 10px;
	padding: 2px 7px;
	line-height: 10px;
	font-size: 10px;
	color: #606060; }

div#footer-left a { color: #606060; }

a#w3c {
	float: left;
	width: 26px;
	height: 14px;
	background-image: url(../_images/w3cImg.gif); }

div#footer-right {
	float: right;
	width: 50px;
	height: 14px;
	padding: 26px 36px 0 0;
	text-align: right; }

/******************************************************************************
* debug
*****************************************************************************/
.debug {
	background-color: red;
	opacity: 0.5; }