/* 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	outline: 0px;
	font-size: 16px;
	background: transparent;
	}

html /* add so that IE sets font size to 1em */
	{
	font-size: 16px;
	}

body 
	{
	font-size: 16px; /* set font size to default */
	font-family: tahoma, sans-serif;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background: #363636;
	color: #ffffff;
	}

ol, ul, li
	{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

/* End of Reset */

/* Formating Divs */

h1
	{
	font-size: 1.625em;
	font-weight: normal;
	color: #363636;
	padding: 126px 0px 0px 325px;
	}

h1.products
	{
	font-size: 1.625em;
	font-weight: normal;
	color: #363636;
	padding: 126px 0px 0px 370px;
	}

h1.easyaccess
	{
	font-size: 1.625em;
	font-weight: normal;
	color: #363636;
	padding: 126px 0px 0px 340px;
	}

h2
	{
	font-size: 1.875em;
	font-weight: normal;
	line-height: 1.3em;
	color: #3871b5;
	}

h3
	{
	font-size: 0.8125em;
	font-weight: bold;
	color: #3871b5;
	padding: 10px 10px 10px 10px;
	}

h4
	{
	font-size: 0.8125em;
	font-weight: bold;
	color: #3871b5;
	padding: 10px 10px 10px 0px;
	}

.blue
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	}

strong
	{
	font-size: 1em;
	font-weight: bold;
	}

.small
	{
	font-size: 0.75em;
	font-weight: normal;
	}

em
	{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	}

.clearone
	{
	clear: both;
	width: 900px;
	height: 1px;
	}

.clearone img
	{
	display: block;
	width: 900px;
	height: 1px;
	border: none;
	}

/* End of Formating Divs */

/* Layout Divs */

/* Header Divs */

#headerbackground
	{
	width: 100%;
	height: 370px;
	background: url(../images/top-bg.jpg) repeat-x;
	}

#headercontainer
	{
	width: 900px;
	height: 370px;
	margin: 0px auto 0px auto;
	}

#headertitles
	{
	width: 900px;
	height: 90px;
	background: #363636;
	color: #ffffff;
	}

#headertitlesleft
	{
	float: left;
	width: 450px;
	height: 90px;
	}

#headertitlesleft p
	{
	font-size: 0.75em;
	}

#headertitlesleft p.title
	{
	font-size: 2.3125em;
	padding: 8px 0px 0px 0px;
	}

#headertitlesright
	{
	float: right;
	width: 450px;
	height: 90px;
	text-align: right;
	}

#headertitlesright p
	{
	font-size: 0.8125em;
	}

#headertitlesright p.telephone
	{
	font-size: 1.8125em;
	padding: 16px 0px 0px 0px;
	}

#headernav
	{
	width: 900px;
	height: 30px;
	background: #6c767f;
	text-align: left;
	}

#headernav p
	{
	font-size: 1em;
	font-weight: normal;
	color: #ffffff;
	padding: 4px 0px 0px 0px;
	}

#headernav p a:link, #headernav p  a:visited, #headernav p a:active
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
	}

#headernav p a:hover
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: underline;
	}

#headernav p a.over:link, #headernav p a.over:visited, #headernav p a.over:active
	{
	font-size: 1em;
	color: #70a9ed;
	text-decoration: none;
	}

#headernav p a.over:hover
	{
	font-size: 1em;
	color: #70a9ed;
	text-decoration: underline;
	}

#headerimage
	{
	width: 900px;
	height: 250px;
	background: url(../images/main-image.jpg) no-repeat;
	}

#headerimage p
	{
	font-size: 1em;
	text-align: right;
	color: #363636;
	margin: 10px 40px 0px 0px;
	}

#headerimage p.products
	{
	font-size: 1em;
	text-align: right;
	color: #363636;
	margin: 10px 130px 0px 0px;
	}

#headerimage p.easyaccess
	{
	font-size: 1em;
	text-align: right;
	color: #363636;
	margin: 10px 100px 0px 0px;
	}

#headerimage p.button
	{
	font-size: 1em;
	text-align: right;
	color: #ffffff;
	margin: 18px 203px 0px 0px;
	}

#headerimage p.button a:link, #headerimage p.button a:visited, #headerimage p.button a:active
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
	}

#headerimage p.button a:hover
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: underline;
	}
	
#newsheaderimage
	{
	width: 900px;
	height: 250px;
	background: url(../images/main-image-no-button.jpg) no-repeat;
	}

#newsheaderimage p
	{
	font-size: 1em;
	text-align: right;
	color: #363636;
	margin: 10px 40px 0px 0px;
	}

/* End of Header Divs */

/* Main Content Area */

#mainareabackground
	{
	width: 100%;
	background: url(../images/main-bg.jpg) repeat-x #ffffff;
	}

#mainareacontainer
	{
	clear: both;
	width: 900px;
	background: #ffffff;
	margin: 0px auto 0px auto;
	}

#mainarealeft
	{
	float: left;
	width: 570px;
	color: #363636;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 10px;
	}

#mainarealeft p
	{
	font-size: 0.8125em;
	line-height: 1.5em;
	padding: 10px 0px 10px 0px;
	}

#mainarealeft p a:link, #mainarealeft p a:visited, #mainarealeft p a:active
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: none;
	}

#mainarealeft p a:hover
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: underline;
	}

#mainarealeft img.left
	{
	float: left;
	width: 250px;
	height: 200px;
	border: none;
	margin: 0px 10px 10px 0px;
	}

#mainarealeft img.right
	{
	float: right;
	width: 250px;
	height: 200px;
	border: none;
	margin: 0px 0px 10px 10px;
	}

#mainarearight
	{
	float: right;
	width: 290px;
	color: #363636;
	padding: 10px 10px 0px 0px;
	}

#homeanimation
	{
	width: 290px;
	height: 200px;
	padding: 0px 0px 10px 0px;
	}

#homeanimation img
	{
	width: 290px;
	height: 200px;
	border: none;
	}
	
#newstitle
	{
	width: 290px;
	height: 30px;
	background: #3871b5;
	text-align: center;
	}

#newstitle p
	{
	font-size: 0.875em;
	color: #ffffff;
	padding: 7px 0px 0px 0px;
	}

#newsarea
	{
	width: 288px;
	background: #ebf1f7;
	border: 1px solid #e8e8e8;
	margin: 0px 0px 10px 0px;
	}

.newsitem
	{
	border-bottom: 1px solid #e8e8e8;
	}

.newsitem p
	{
	font-size: 0.8125em;
	color: #363636;
	line-height: 1.4em;
	margin: 0px 10px 10px 10px;
	}

.newsitem p a:link, .newsitem p a:visited, .newsitem p a:active
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: none;
	}

.newsitem p a:hover
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: underline;
	}

.newsitemlast
	{
	border: none;
	}

.newsitemlast p
	{
	font-size: 0.8125em;
	color: #363636;
	line-height: 1.4em;
	margin: 0px 10px 10px 10px;
	}

.newsitemlast p a:link, .newsitemlast p a:visited, .newsitemlast p a:active
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: none;
	}

.newsitemlast p a:hover
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: underline;
	}

/* End of Main Content Area */

/* Bottom Divs */

#bottombackground
	{
	width: 100%;
	height: 54px;
	background: url(../images/bottom-bg.jpg) repeat-x;
	}

#bottomcontainter
	{
	clear: both;
	width: 900px;
	height: 54px;
	text-align: center;
	margin: 0px auto 0px auto;
	}

#bottomcontainter p
	{
	font-size: 0.8125em;
	padding: 5px 0px 0px 0px;
	}

#bottomcontainter p a:link, #bottomcontainter p a:visited, #bottomcontainter p a:active
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
	}

#bottomcontainter p a:hover
	{
	font-size: 1em;
	color: #ffffff;
	text-decoration: underline;
	}

/* End of Bottom Divs */

/* News Divs */

.newspageitem
	{
	clear: both;
	width: 900px;
	}

.newspageitemimage
	{
	float: left;
	width: 240px;
	}

.newspageitemimage img
	{
	float: left;
	width: 220px;
	height: 152px;
	border: none;
	margin: 10px 10px 10px 10px;
	}

.newspageitemcontent
	{
	float: right;
	width: 660px;
	}

.newspageitemcontent p
	{
	font-size: 0.75em;
	line-height: 1.5em;
	color: #363636;
	margin: 0px 10px 10px 0px;
	}
	
.newspageitemcontent p a:link, .newspageitemcontent p a:visited, .newspageitemcontent p a:active
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: none;
	}

.newspageitemcontent p a:hover
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: underline;
	}

.newspageitemclear
	{
	clear: both;
	width: 900px;
	height: 1px;
	background: #3871b5;
	}

.newspageitemclear img
	{
	display: block;
	width: 900px;
	height: 1px;
	border: none;
	}

/* End of News Divs */

/* Contact Page Divs */

#contactleft
	{
	float: left;
	width: 410px;
	color: #3871b5;
	}

#contactleft p
	{
	font-size: 0.875em;
	color: #363636;
	margin: 20px 20px 20px 20px;
	}

#contactleft p a:link, #contactleft p a:visited, #contactleft p a:hover, #contactleft p a:active
	{
	font-size: 1em;
	text-decoration: underline;
	color: #3871b5;
	}
	
label
	{
	color: #363636;
	font-size: 1em;
	line-height: 2em;
	}

input
	{
	width: 350px;
	height: 20px;
	font-size: 0.875em;
	color: #363636;
	margin: 2px 0px 2px 0px;
	}
	
textarea
	{
	width: 350px;
	height: 80px;
	font-size: 0.875em;
	color: #363636;
	margin: 2px 0px 2px 0px;
	}
	
.enquirybutton
	{
	font-size: 0.875em;
	color: #363636;
	width: 120px;
	height: 25px;
	margin: 10px 0px 0px 0px;
	}

#contactright
	{
	float: right;
	width: 410px;
	color: #3871b5;
	margin: 20px 20px 20px 20px;
	}

small
	{
	font-size: 0.875em;
	color: #3871b5;
	}

small a:link, small a:visited, small a:active
	{
	font-size: 0.875em;
	color: #3871b5;
	text-decoration: none;
	}

small a:hover
	{
	font-size: 0.875em;
	color: #3871b5;
	text-decoration: underline;
	}

/* End of Contact Page Divs */

/* Site Map Divs */

#sitemap
	{
	width: 900px;
	}

#sitemap p
	{
	font-size: 1em;
	line-height: 1.4em;
	color: #3871b5;
	padding: 20px 20px 20px 20px;
	}

#sitemap ul
	{
	padding: 15px 60px 15px 60px;
	}

#sitemap li
	{
	list-style: disc outside;
	font-size: 1em;
	line-height: 1.4em;
	color: #3871b5;
	padding: 0px 0px 0px 0px;
	}

#sitemap li a:link, #sitemap li a:visited, #sitemap li a:active
	{
	font-size: 1em;
	line-height: 1.4em;
	color: #3871b5;
	text-decoration: none;
	}

#sitemap li a:hover
	{
	font-size: 1em;
	line-height: 1.4em;
	color: #3871b5;
	text-decoration: underline;
	}

/* End of Site Map Divs */

/* About Divs */

#aboutcontent
	{
	width: 880px;
	color: #363636;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	}

#aboutcontent p
	{
	font-size: 0.8125em;
	line-height: 1.5em;
	padding: 10px 0px 10px 0px;
	}

#aboutcontent p a:link, #aboutcontent p a:visited, #aboutcontent p a:active
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: none;
	}

#aboutcontent p a:hover
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: underline;
	}

#aboutcontent ul
	{
	padding: 0px 30px 10px 30px;
	}

#aboutcontent li
	{
	list-style: url(../images/tick.gif) outside;
	color: #3871b5;
	font-size: 0.8125em;
	line-height: 1.6em;
	}

#aboutcontent img.aboutleft
	{
	float: left;
	width: 575px;
	height: 200px;
	border: none;
	margin: 10px 10px 20px 0px;
	padding: 0px 0px 20px 0px;
	}

#aboutcontent img.aboutright
	{
	float: right;
	width: 575px;
	height: 200px;
	border: none;
	margin: 10px 0px 15px 10px;
	padding: 0px 0px 15px 0px;
	}

/* End of About Divs */

/* Products Divs */

#productstopcontainer
	{
	clear: both;
	width: 900px;
	}

#productstopleft
	{
	float: left;
	width: 585px;
	padding: 20px 5px 20px 10px;
	}

#productstopleft p
	{
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #363636;
	padding: 10px 0px 10px 0px;
	}

#productstopleft p a:link, #productstopleft p a:visited, #productstopleft p a:active
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: none;
	}

#productstopleft p a:hover
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: underline;
	}

#productstopright
	{
	float: right;
	width: 285px;
	text-align: center;
	padding: 10px 10px 0px 0px;
	}
	
#productstopright img
	{
	float: right;
	width: 285px;
	height: 200px;
	border: none;
	padding: 0px 0px 5px 0px;
	}	

#productstopright p
	{
	font-size: 0.75em;
	color: #3871b5;
	padding: 0px 0px 10px 0px;
	}

.productscentercontainer
	{
	clear: both;
	width: 900px;
	}

.productscenterleft
	{
	float: left;
	width: 285px;
	text-align: center;
	padding: 0px 5px 0px 10px;
	}
	
.productscenterleft img
	{
	float: left;
	width: 285px;
	height: 200px;
	border: none;
	padding: 0px 0px 5px 0px;
	}	

.productscenterleft p
	{
	font-size: 0.75em;
	color: #3871b5;
	padding: 0px 0px 10px 0px;
	}

.productscentercenter
	{
	float: left;
	width: 290px;
	text-align: center;
	padding: 0px 5px 0px 5px;
	}

.productscentercenter img
	{
	float: left;
	width: 290px;
	height: 200px;
	border: none;
	padding: 0px 0px 5px 0px;
	}	

.productscentercenter p
	{
	font-size: 0.75em;
	color: #3871b5;
	padding: 0px 0px 10px 0px;
	}

.productscenterright
	{
	float: left;
	width: 285px;
	text-align: center;
	padding: 0px 10px 0px 5px;
	}

.productscenterright img
	{
	float: right;
	width: 285px;
	height: 200px;
	border: none;
	padding: 0px 0px 5px 0px;
	}	

.productscenterright p
	{
	font-size: 0.75em;
	color: #3871b5;
	padding: 0px 0px 10px 0px;
	}
	
#productsbottomcontainer
	{
	clear: both;
	width: 900px;
	}

#productsbottomleft
	{
	float: left;
	width: 285px;
	text-align: center;
	padding: 0px 0px 0px 10px;
	}
	
#productsbottomleft img
	{
	float: right;
	width: 285px;
	height: 200px;
	border: none;
	padding: 0px 0px 5px 0px;
	}	

#productsbottomleft p
	{
	font-size: 0.75em;
	color: #3871b5;
	padding: 0px 0px 10px 0px;
	}

#productsbottomright
	{
	float: right;
	width: 585px;
	padding: 0px 10px 0px 5px;
	}

#productsbottomrighttitle
	{
	width: 585px;
	height: 30px;
	background: #3871b5;
	}

#productsbottomrighttitle p
	{
	font-size: 1em;
	color: #ffffff;
	padding: 5px 0px 0px 10px;
	}

#productsbottomrightleft
	{
	float: left;
	width: 290px;
	padding: 0px 5px 0px 0px;
	}

#productsbottomrightleft p
	{
	font-size: 0.8125em;
	line-height: 1.8em;
	font-weight: bold;
	color: #3871b5;
	margin: 10px 10px 10px 10px;
	}

#productsbottomrightright
	{
	float: right;
	width: 290px;
	text-align: right;
	}
	
#productsbottomrightright p
	{
	font-size: 0.8125em;
	line-height: 1.8em;
	color: #3871b5;
	margin: 10px 10px 10px 10px;
	}

#productsbottomrightright p a
	{
	font-size: 1em;
	color: #3871b5;
	text-decoration: underline;
	}
	
/* End of Products Divs */

/* Easy Access Divs */

#easyaccesscontent
	{
	width: 880px;
	color: #363636;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	}

#easyaccesscontent p
	{
	font-size: 0.8125em;
	line-height: 1.5em;
	padding: 10px 0px 10px 0px;
	}

#easyaccesscontent p a:link, #easyaccesscontent p a:visited, #easyaccesscontent p a:active
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: none;
	}

#easyaccesscontent p a:hover
	{
	font-size: 1em;
	font-weight: bold;
	color: #3871b5;
	text-decoration: underline;
	}

#easyaccesscontent img.easyaccessleft
	{
	float: left;
	width: 285px;
	height: 380px;
	border: none;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	}

#easyaccesscontent img.easyaccessright
	{
	float: right;
	width: 575px;
	height: 200px;
	border: none;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	}

/* End of Easy Access Divs */

/* End of Layout Divs */