#container
{
	width: 955px;
	margin: 0px auto;
	text-align:left;
	padding: 0px;
	vertical-align: top;
	background-color: #FFF;
	margin-top:0px;
	padding:0;
	position: relative;
}
	#head, #head-strapline, #logo
	{
		padding: 0px;
		margin:0;
		vertical-align:top;
	}	
	
	#head
	{
		margin:5px 0 0;
		background: url(/images/bg-header-bot.jpg) 0 bottom repeat-x;
		padding:0;
		height:88px;
	}
	
		#logo
		{
			padding: 0px 21px 0px 141px;
			margin:0;
			line-height:0;
		}

			#head-strapline
			{
				padding:18px 0 0 60px;
				margin:0;
			}			
		#nav
		{
			padding:6px 0 0;
			_padding:7px 0 0;
			width: 728px;
			margin: 0px 0px 0px 35px;
			background:url(/images/bg-nav-2008.jpg) 35px bottom no-repeat;
			vertical-align:top;
			clear:both;
		}
		
		body.home #nav
		{
			margin-left:48px;

		}
		
			#nav ul
			{
				list-style: none;
				margin: 0px;
				padding: 3px 0px 5px;
				text-align: center;
				clear: left;
			}
			
				#nav li
				{
					margin: 0px;
					padding: 0px 25px;
					/*padding: 0px 25px;*/
					display: inline;
				}
								
					#nav li a
					{
						font-size: .8em;
						font-weight: bold;
						color: #005B94;
						text-decoration: none;
						margin: 0px;
						padding: 0px;
					}
					
					#nav li a:hover
					{
						color: #00A8EB;
					}
					
					#nav li.selected a
					{
						color: #00A8EB;
					}
					
					#nav li.selected a:hover
					{
						color: #000;
					}

	#home-main-area
	{
		background: url(/images/bg-home-2008-main.jpg) no-repeat 0px top;
		_background: url(/images/ie-bg-home-2008-main.jpg) no-repeat 0px 0px;
		width:955px;
		height:425px;
	}
	
	#home-main-area.alt-home
	{
		background: url(../images/home-main-area-2.jpg) no-repeat 0px 0px;
		_background: url(/images/ie-bg-home-2008-main.jpg) no-repeat 0px 0px;
	}
		#home-main-area img
		{
			margin: 0px 0px 0px -3px;
			padding:0;
		}
			#home-main-area img.seeing-is-believing
			{
				margin: 113px 0px 26px 242px;
			}
		body.home.new #home-main-area img.seeing-is-believing
		{
			margin: 127px 0 0;
		}
		
		#home-link
		{
			padding: 0px 0px 0px 174px;
			height: 36px;
		}
		
		#home-main-area h1
		{
			font-size: 1.25em;
			color: #005B94;
			padding: 0px;
			margin: 0px;
			font-weight: normal;
			float: left;
		}
		
		.sIFR-hasFlash #home-main-area h1
		{
			color: #005B94;
			font-size: 20px;
			padding: 0px;
			margin: 0px;
			width: 242px;
			height: 26px;
			display: hidden;
			overflow: hidden;
		}
		
		#home-main-area h2
		{
			margin: 0px 0px 0px 12px;
			padding: 0px;
			width: 168px;
			height: 28px;
			line-height:1em;
			text-align: left;
			vertical-align:top;
			float: left;
		}
		
		#home-main-area h2 a 
		{
			float: left;
			padding:28px 0px 0px 0px;
			overflow:hidden;
			height:0px !important;
			height /**/:28px; /* for IE5/Win */
			font-size: .75em;
			/*line-height:1em;*/
		}
		
			#home-main-area h2 a:hover
			{
				background-position: 0 -28px;
			}
			
			.find-out-more, .find-out-more a  
			{
				width:168px;
				background:  url(../images/find-out-more.jpg) top left no-repeat;
			}
			
			#home-main-area .find-out-how
			{
				position:relative;
				left:123px!important;
				top:-33px;
				height:135px;
				overflow:hidden;
				background: url(/images/find-out-how.png) top left no-repeat;
				width:237px;
				margin:0;
				padding:0;
			}
			
			#home-main-area .find-out-how a  
			{
				background: url(/images/find-out-how.png) top left no-repeat;
				width:237px;
				padding:135px 0 0;
				height:0!important;
				height:135px;
			}
			#home-main-area .find-out-how a:hover
			{
				background-position: 0 -135px;
			}
			#home-main-area #see-action
			{
				float:right;
				height:32px;
				width:213px;
				overflow:hidden;
				margin:140px 0 0;
				_margin:45px 0 0;
				padding:0;
				background: url(/images/see-us-action.png) no-repeat;
				_background:none;
			}
			#home-main-area #see-action h2
			{
				margin:0;
				padding:0;
			}
			#home-main-area #see-action h2.see-in-action a
			{
				background: url(/images/see-us-action.png) no-repeat;
				_background:none;
				width:213px;
				padding:32px 0 0;
				margin:0;
			}
			#home-main-area #see-action h2.see-in-action a:hover
			{
				background-position: 0 -32px;
			}
	
#optegra-popup
{
	background: url(../../images/optegra-popup.png) no-repeat 0px 0px;
	width: 465px;
	height: 190px;
	position: absolute;
	top:322px;
	left:0px;
	z-index:1000;
	text-align: left;
	padding: 0px 0px 0px;
	display: none;
}

	#optegra-popup p
	{
		color: #FFF;
		font-size: .7em;
		padding: 5px 10px 5px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		#optegra-popup p a
		{
			color: #FFF;
			text-decoration: underline;
		}
		
		#optegra-popup p a:hover
		{	text-decoration: none;	}

	#optegra-popup p.optegra-info
	{
		float: left;
		padding-right: 30px;
		padding-top: 0px;
		font-size: .75em;
	}	
	
	#optegra-popup img
	{
		float: left;
	}	
	
	#optegra-popup h3
	{
		float: left;
		width: 120px;
		font-size: .8em;
	}	
	
		 #optegra-popup h3 a
		 {
		 	display: block;
			background: url(../../images/optegra-link.png) no-repeat 0px 0px;
			padding: 2px 0px 5px 7px;
			color: #002B5E;
			text-decoration: none;
			margin: -7px 0px 0px 30px;
			width: 120px;
		 }
		 
		 #optegra-popup h3 a:hover
		 {
		 	color: #005B94;
		 }

	#optegra
	{
		position: absolute;
		left:90px;
		top:525px;	
		width: 410px;
	}
	
	#footer
	{
		text-align: right;
		margin: 30px 0px 0px 0px;
		clear:both;
		width:765px;
		float:right;
		background:url(/images/footer-border.jpg) left top no-repeat;
		padding:0;
	}
	#line
	{
		border-top:#00A8EB 5px;
		background:#00A8EB;
		width:760px;
		margin-left:5px;
		margin-bottom:10px;
		_margin-bottom:0px;
		height:5px;
		overflow:hidden;
		line-height:0;
		padding:0;
	}

	#footer.home
	{
		text-align: right;
		margin: 6px 0px 0px;
		width: auto;
	}
	#footer.home #line
			{
				border-top:#00A8EB solid 5px;
				width:433px;
				margin-left:5px;
				margin-bottom:10px;
				_margin-bottom:0px;
				height:0;
			}
	
		#right #footer h2
		{
			font-size: 1.25em;
			color: #005B94;
			padding: 0px;
			margin: 0px;
			font-weight: normal;
			float: left;
		}
			
		.sIFR-hasFlash #footer h2
		{
			color: #005B94;
			font-size: 20px;
			margin: 0px;
			padding: 0px;
			height: 26px;
			display: hidden;
			overflow: hidden;
		}
		
		#right #footer h3
		{
			margin: 0px 0px 0px 12px;
			padding: 0px;
			width: 210px;
			height: 28px;
			line-height:1em;
			text-align: left;
			vertical-align:top;
			float: left;
		}
		
		#right #footer h3 a 
		{
			float: left;
			padding:28px 0px 0px 0px;
			overflow:hidden;
			height:0px !important;
			height /**/:28px; /* for IE5/Win */
			font-size: .75em;
			line-height:1em;
		}
		
			#right #footer h3 a:hover
			{
				background-position: 0 -28px;
			}
			
			.contact-us, .contact-us a  
			{
				width: 210px;
				background:  url(../images/contact-us.jpg) top left no-repeat;
			}
			
			.enquiry-form, .enquiry-form a  
			{
				width: 210px;
				background:  url(../images/enquiry-form.jpg) top left no-repeat;
			}
		
		.footer-hr
		{
			/*width: 536px;
			height: 6px;
			background: url(../images/footer-hr.gif) no-repeat 0px 0px;*/
			height: 1px;
			background-color: #00A8EB;
			margin: 10px auto;
			padding: 0px;
			overflow: hidden;
		}
	
		#footer address
		{
			font-size: .7em;
			color: #3F84AE;
			font-style: normal;
			padding: 0px;
			line-height: 1.5em;
		}
		
			#footer address a
			{
				color: #3F84AE;
				text-decoration: underline;
			}
			
			#footer address a:hover
			{
				color: #3F84AE;
				text-decoration: none;
			}
			
		#footer-links
		{

		}
		
			#footer-links p
			{
				font-size: .7em;
				color: #00A8EB;
				padding: 7px 0px 14px;
				margin: 0px;
			}
			
				#footer-links p a
				{
					color: #00A8EB;
					text-decoration: none;
				}	
				
				#footer-links p a:hover
				{
					color: #00A8EB;
					text-decoration: underline;
				}
				
				
		#realnet
		{
			text-align: right;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: .7em;
			height: 3em;
			color: #CCC;
			padding: 15px 0px 0px 0px;
			clear:both;
		}
		
			#realnet a
			{
				color: #CCC;
				text-decoration: none;
			}
			
			#realnet a:hover
			{
				color: #666;
			}