/* ------------------------------------------- COMMON CLASSES -------------------------------------------- */
 
.alt {position:absolute;top:-9999px;left:-9999px}
.hidden, hr{display:none}
p,ul,ol,li,form,fieldset,table,td,th,h1,h2,h3,h4,h5{margin:0;padding:0}
ul{list-style-type:none}
a {color:#5c88a2;text-decoration:underline} /* Colour to change */
	a:hover,a:focus {text-decoration:none}
	a:focus {outline:none}
 
 
/* ---------------------------------------------- STRUCTURE ---------------------------------------------- */
 
html {font-size:62.5%}
body {background:#fff url(img/bg.jpg) center top repeat-x;margin:0;padding:0 0 15px 0;text-align:center;font-family:Arial, Verdana, sans-serif;font-size:1.2em;line-height: 1.5em;}

#wrapper {width:930px;margin:0 auto;padding:0 10px;text-align:left;position:relative;background-color: #fff; overflow:hidden;}
#header {float:left;position:absolute;width:880px;height:166px;left:20px; position:relative;margin-bottom:10px; background: url(img/header-bg.gif) right top no-repeat} 
	h1 a{position:absolute;top:30px;left:40px;width:262px;height:49px;background:url(img/2020mobile-logo.jpg) 0 0 no-repeat;text-indent:-9999px}
 
#global-nav{position:absolute;bottom:2px;width:880px;background:url(img/global-nav.gif) 0 0 repeat-x;}
	#global-nav li{float:left;padding:0;margin:0}
	#global-nav li.left{background:url(img/global-nav-l.gif) 0 0 no-repeat;width:20px;height:50px;float:left;padding:0}
	#global-nav li.right{background:url(img/global-nav-r.gif) 0 0 no-repeat;width:20px;height:50px;float:right;padding:0}
	#global-nav li a{float:left;color:#fff;padding:19px 23px 17px 15px;font-weight:bold;text-decoration:none;}
	#global-nav li a span{background: url(img/bullet.gif) 0 1px no-repeat;padding-left:20px}
	#global-nav li a:hover,#global-nav li a:focus,#global-nav li a:active,#global-nav li a.on{float:left;color:#fff;padding:19px 23px 17px 15px;font-weight:bold;text-decoration:none;background:url(img/global-nav-a.gif) 0 0 repeat-x;text-decoration:none;}
	#global-nav li a:hover span,#global-nav li a:focus span,#global-nav li a:active span,#global-nav li a.on span{background: url(img/bullet-a.gif) 0 1px no-repeat;padding-left:20px}
	
#shadow {position:absolute; bottom:0; _bottom:-9px; width:880px;height:6px;background:url(img/global-nav-shadow.gif) 0 1px no-repeat;}
 
/* ---------------------------------------------- HOME ---------------------------------------------- */

#home-banner {float:left;margin:0;padding:0;}
	#home-banner img{margin: 0 0 0 20px;padding:0;border:0}
	
#features{float:left;margin:0 0 30px 0;padding:0 0 0 20px;}
	#features .feature{float:left;margin-left:35px; _margin-left: 27px;width:250px;}
		#features .feature img{float:left;padding:0;margin:1px 0 0 0;}
		#features .feature p{margin:0;padding:6px 0 10px 0;float:left}	
	#features .first{margin-left:0;width:310px;}
		#features .first p{margin-left:20px;padding: 15px 20px 10px 0;float:left}
	#features .feature h2{float:left;height:40px;text-indent:-9999px}
	#features .feature h2.about-feat-head{width:310px;background:url(img/about-feature-header.gif) 0 0 no-repeat;}
	#features .feature h2.clients-feat-head{width:250px;background:url(img/clients-feature-header.gif) 0 0 no-repeat;}
	#features .feature h2.services-feat-head{width:250px;background:url(img/services-feature-header.gif) 0 0 no-repeat;}
	#features .divider{float:left;clear:both;background: url(img/div.gif) repeat-x; height:1px; width:100%}
	#features p.button{float:left;margin:12px 0;padding:0;background: url(img/button-bg-l.gif) 0 0 no-repeat;}
		#features .first p.button{margin-left:20px;}
		#features p.button a{float:left;padding: 6px 10px;margin:0;background: url(img/button-bg-r.gif) top right no-repeat;color:#fff;font-weight:bold;text-decoration: none;}
		
/* --------------------------------------- INSIDE PAGE STRUCTURE --------------------------------------- */

#page-banner {float:left;;margin:5px 0 0 0;padding:0;} 
	#page-banner h2 {height:0;text-indent:-9999px}
	#page-banner img{margin: 0 0 0 20px;padding:0;border:0}
	
#content{position:relative;float:left;top:-37px;width:880px;margin:0 0 0 20px; _margin:10px; padding:0;}
	#content ul#left-nav {width:210px;float:left}
	#content ul#left-nav li {float:left; background: url(img/div.gif) left bottom repeat-x; width:210px; padding:0px 0px 1px 0px;}
	#content ul#left-nav li.top{background:url(img/left-nav-top.gif)  left  top no-repeat; height:41px;text-indent:-9999px; padding:0px;}
	#content ul#left-nav li a {float:left; display:block; margin:0px 0px 0px 0px; padding:10px 0 10px 20px; width:190px;text-decoration:none;color:#000000;}
	#content ul#left-nav li a:hover,#content #left-nav li a:active {background: #e8f4f9;}
	#content ul#left-nav li a.on {background: #e8f4f9;}
	
	#content #main {float:left;margin:0 0 0 30px;padding:0;width:640px;}
		#content #main h3{margin:0;padding:10px 0 13px 0;background:url(img/div.gif) bottom left repeat-x;width:100%;color:#5c88a2;font-size:1.0em;font-weight:bold}
		#content #main h4, #content #main h5{margin:0;color:#5c88a2;}
		#content #main h4 {padding:8px 0 10px 0;font-size:1.0em}
		#content #main h5 {padding:6px 0 8px 0;font-size:0.9em}
		#content #main ul, #content #main ol {list-style: none; }
		#content #main ul li {list-style:none; background:url(img/content-bullet.gif) 0 5px no-repeat; padding: 2px 0 2px 20px;}
		#content #main ol li {list-style:decimal;padding: 2px 0; list-style-position: inside; text-indent: 5px;}
		#content #main p {margin:0;padding:10px 0 5px 0;}
		#content #main p.intro {padding:20px 0 16px 0;background:url(img/div.gif) bottom left repeat-x;width:100%;}
		#content #main div.item {float:left;margin:0;padding:20px 0;background:url(img/div.gif) bottom left repeat-x;width:100%;}
		#content #main div.last {float:left;margin:0;padding:20px 0;background:none;width:100%;}
			#content #main div.item a.service {float:left;width:77px;height:73px;margin:0 15px 0 0;padding:0;text-indent:-9999px}
			#content #main div.item a.s1 {background:url(img/services-sprites.gif) 0 0;}
			#content #main div.item a.s2 {background:url(img/services-sprites.gif) 77px 0;}
			#content #main div.item a.s3 {background:url(img/services-sprites.gif) 154px 0;}
			#content #main div.item a.s1:hover,#content #main p.item a.s1:focus,#content #main p.item a.s1:active {background:url(img/services-sprites.gif) 0 73px;}
			#content #main div.item a.s2:hover,#content #main p.item a.s2:focus,#content #main p.item a.s2:active {background:url(img/services-sprites.gif) 77px 73px;}
			#content #main div.item a.s3:hover,#content #main p.item a.s3:focus,#content #main p.item a.s3:active {background:url(img/services-sprites.gif) 154px 73px;}
			#content #main div.item h4 {float:left; padding:5px 0 10px;}
			#content #main div.item h4 a {float:left;padding:0;color:#5c88a2;font-size:1.0em;font-weight:bold;text-decoration: none}
			#content #main div.item h4 a:hover,#content #main div.item h4 a:focus,#content #main div.item h4 a:active{text-decoration:underline}
			#content #main div.item p {float:left;margin:0;padding:0;width: 450px;}
			#content #main ul#page-tools {float:left;margin:15px 0 0 0;padding:15px 0;width:100%;background:url(img/div.gif) top left repeat-x;}
				#content #main ul#page-tools li {float:left;padding:0;background:url(img/page-tools-bg.gif) top left no-repeat;height:34px;}
				#content #main ul#page-tools li a.print {float:left;padding:6px 20px 10px 40px;background:url(img/print-icon.gif) 9px 11px no-repeat;color:#5c88a2;text-decoration: none;}
				#content #main ul#page-tools li a.email {float:left;padding:6px 20px 10px 40px;background:url(img/mail-icon.gif) 10px 12px no-repeat;color:#5c88a2;text-decoration: none;}
				#content #main ul#page-tools li a.print:hover,
				#content #main ul#page-tools li a.email:hover,
				#content #main ul#page-tools li a.print:focus,
				#content #main ul#page-tools li a.email:focus,
				#content #main ul#page-tools li a.print:active,
				#content #main ul#page-tools li a.email:active {text-decoration:underline;}
			
		
/* ---------------------------------------------- FOOTER ---------------------------------------------- */

#footer {position:relative;float:left;margin:0 0 30px 20px;display:inline;padding:0;width:880px;color:#fff;background:#000 url(img/footer-bg.gif) 0 0 repeat-x;}
	#footer .left {background: url(img/footer-left.gif) top left no-repeat;width:10px;height:187px;float:left;}
	#footer .right {background: url(img/footer-right.gif) top right no-repeat;width:10px;height:187px;float:right;}
	#footer .main {float:left;width:860px;font-size:0.9em; font-weight:normal;}
	#footer .main a{text-decoration: none;color: #fff;}
	#footer .main a:hover, #footer #footer-nav .main a:focus, #footer #footer-nav .main a:active {text-decoration:underline;}
	#footer #footer-nav {float:left;margin:0;padding:28px 0 0 10px;}
		#footer #footer-nav li{margin:0;padding: 0 0 6px 20px; background: url(img/footer-bullet.gif) left 3px no-repeat;}
	#footer .address {float:right;}
		#footer .address p {float:left;padding:28px 25px 0 25px;}
		
	#footer a.arekibo {float:left;margin:75px 0 5px 0;padding:0;clear:both;color:#5c88a2;text-decoration: none; font-size:0.9em;}
		#footer a.arekibo:hover,#footer a.arekibo:focus,#footer a.arekibo:active{text-decoration: underline}