/*  -- AUTHOR: PITCH (pitch.net.nz) -- MEDIUM: SCREEN --------------------------  */

/*  -- GENERAL
--------------------------------------------------------------------------------  */

	html {
		background: #e5e5e5 url(/images/Homepage/body-background.png) repeat-x 0 0;
		}
		
	body.home {
		background: transparent;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}
		
	body.home a {
		color: #005596;
		}
	
	body.home input,
	body.home select
	{
		font-family: Arial, Verdana, sans-serif;
	}
	
	#banner,
	#footer
	{
		font-family: Arial, Verdana, sans-serif;
	}
	
	a:hover {
		text-decoration: none;
		}
		
	body.home h1 {
		color: #003C69;
		font-size: 26px;
		margin: 0px 0px 6px;
		}
		
	body.home h2 {
		color: #003C69;
		font-size: 24px;
		margin: 0px 0px 5px;
		}
		
	body.home h3 {
		color: #003C69;
		font-size: 22px;
		line-height: 18px;
		margin: 0px 0px 6px;
		}
		
		body.home h3 span {
			color: #009FDA;
			}
			
	body.home h4 {
		color: #003C69;
		font-size: 18px;
		line-height: 19px;
		margin: 0px 0px 6px;
		letter-spacing: 0px;
		}
		
		body.home h4 span {
			color: #009FDA;
			font-weight: normal;
			}
		
	p {
		line-height: 130%;
		}
		
	strong {
		font-weight: bold;
		}
		
	em {
		font-style: italic;
		}
		
	#wrapper {
		margin: 0 auto;
		width: 960px;
		}
		
/*  -- HEADER
--------------------------------------------------------------------------------  */

	#header {
		overflow: hidden;
		padding: 12px 0px 0px;
		}
		
		#header #logo {
			float: left;
			height: 52px;
			margin: 0px;
			padding: 20px 0px 0px;
			width: 128px;
			}
			
			#header #logo a {
				background: url(/images/Homepage/sprite-homecontent.png) no-repeat 0 0;
				display: block;
				height: 52px;
				text-indent: -9999px;
				width: 128px;
				}
				
		#header #top-nav ul {
			float: right;
			margin: 0px 4px 0px 0px;
			}
			
			#header #top-nav ul li {
				display: block;
				font-size: 12px;
				float: left;
				margin: 0px 3px 0px 0px;
				width: auto;
				}
				
				#header #top-nav ul a {
					color: #565A5C;
					text-decoration: none;
					}
				#header #top-nav ul a:hover {
					text-decoration: underline;
				}
					
		#header #login-form {
			background: url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -61px;
			clear: right;
			float: right;
			height: 36px;
			margin: 10px 5px 10px 0px;
			overflow: hidden;
			padding: 8px 9px 0px;
			width: 215px;
			}
			
			#header #login-form select {
				float: left;
				margin: 3px 0px;
				width: 136px;
				padding: 1px;
				border: solid 1px #CCCCCC;
				color: #666666;
				}
				
			#header #login-form .login-btn {
				background: url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -159px;
				border: 0px;
				display: block;
				float: right;
				height: 27px;
				text-indent: -9999px;
				width: 68px;
				}
				
				#header #login-form .login-btn:hover {
					cursor: pointer;
					background: url(/images/Homepage/sprite-homecontent.png) no-repeat -70px -159px;
					}
					
			 .go-btn { 
                background: url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -202px; 
                border: 0px; 
                display: block; 
                height: 25px; 
                text-indent: -9999px; 
                width: 48px; 
                } 

               html .go-btn:hover{ 
				cursor: pointer;
                background: url(/images/Homepage/sprite-homecontent.png) no-repeat -50px -202px; 
                } 
                        
				*html .go-btn { 
                background: url(/images/Homepage/button_IE6_go.gif) no-repeat transparent top left; 
                }



/*  -- NAVIGATION
--------------------------------------------------------------------------------  */

	#nav {
		background: url(/images/Homepage/sprite-contentframes.png) repeat-x -1px 0;
		border: 1px solid #c7c8c9;
		height: 38px;
		margin: 0px auto;
		padding: 0px 9px 0px 2px;
		width: 937px;
		}
		
		#nav ul {
			float: left;
			padding: 0;
			margin: 0;
			height: 38px;
			width: 710px;
			list-style: none;
			}

			#nav li {
				float: left;
				margin-right: 0px;
				margin-top: 6px;
				padding: 0px;
				width: auto;
				}

				#nav li a {
					background: url(/images/Homepage/sprite-homecontent.png) no-repeat 100% 4px;
					color: #005496;
					cursor: pointer;
					display: block;
					float: left;
					font-size: 12px;
					height: 26px;
					padding: 0px 0px 4px;
					text-decoration: none;
					width: auto;
					}
					
				#nav li a:hover,
				#nav li.over a {
					background-position: -337px -34px;
					text-decoration: underline;
					}
					
					#nav li a span.nav-item-wrap {
						display: block;
						font-weight: bold;
						height: 20px;
						padding: 6px 31px 0px 11px;
						width: auto;
						
					}
					
					body.MAC.Safari #nav li a span.nav-item-wrap
					{
						padding: 6px 31px 0px 7px;
					}
					
					#nav li a:hover span.nav-item-wrap,
					#nav li.over a span.nav-item-wrap {
						background: url(/images/Homepage/sprite-homecontent.png) no-repeat 100% -34px;
						}

					#nav li a:hover span.nav-item-wrap.long-item,
					#nav li.over a span.nav-item-wrap.long-item{
					background-position: 100% -76px;
					}

					#nav li li a span {
						display: block;
						float: left;
						cursor: pointer;/* IE fix */
						}

			#nav li:hover a,
			#nav li.over a {
				
				}

				#nav li:hover a span,
				#nav li.over a span {
			
					
					}

			#nav li.selected a {
			
				}

			#nav li.selected a span {
				
				}

				#nav li ul {
					display: none;
					position: absolute;
					clear: left;
					top: 125px;
					list-style: none;
					padding: 2px 0px 0px 0px;
					margin: 0;
					width: 172px;
					float: none;
					z-index: 99999;
					}

				#nav li.over ul, 
				#nav li:hover ul {
					display: block;
					}

					#nav li ul li {
						background: url(/images/Homepage/sprite-homecontent.png) repeat-x 0px -454px;
						border-bottom: 2px solid #ECEBEB;
						display: block;
						float: left;
						width: 172px;
						clear: left;
						margin: 0;
						padding: 0;
						}

					#nav li ul li.first-item {
						background-position: 0px -420px;
						}
						
					#nav li ul li.last-item {
						background-position: 0px 100%;
						border: 0px;
						}

						#nav li li a,
						#nav li.selected li a,
						#nav li:hover li a,
						#nav li.over li a {
							background: none;
							padding: 12px 8px 10px 8px;
							font-size: 11px;
							float: none;
							margin: 0;
							height: auto;
							text-decoration: none;
							color: #005496;
							}

						#nav li li.selected a {
							font-weight: bold;
							text-decoration: underline;
							}

						#nav li ul li a:hover {
							
							text-decoration: underline;
							}

						* html #nav li, * html #nav li a {
							height: 1%;
							}
			
		#nav #search-form {
			float: right;
			padding: 6px 0px 0px;
			}
			
			#nav #search-form .text-input {
				background: url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -118px;
				border: 0px;
				float: left;
				font-size: 12px;
				padding: 6px 0px 6px 26px;
				width: 129px;
				}
				
			#nav #search-form .submit-btn {
				background: url(/images/Homepage/sprite-homecontent.png) no-repeat -155px -118px;
				border: 0px;
				float:left;
				height: 26px;
				text-indent: -9999px;
				width: 68px;
				}
				
			#nav #search-form .submit-btn:hover {
				cursor: pointer;
				}
		
/*  -- CONTENT
--------------------------------------------------------------------------------  */
		
	#content {
		margin: 0px auto 10px;
		overflow: hidden;
		width: 937px;
		background-color: #ffffff;
		padding: 0px 0px 14px 13px;
		}
	
	body.home #content 
	{
		width: 950px;
		background-color: Transparent;
		padding: 0px;
		}
	
		#leftCol {
			float: left;
			width: 684px;
			z-index: 1;
			}
	
	body.home #leftCol
	{
		width: 697px;
	}
			
		#rightCol {
			float: right;
			width: 236px;
			z-index: 1;
			}
			
		body.home #rightCol
		{
			width: 253px;
			padding-top: 0px;
			background: none;
		}
		
			
/*  -- BUTTONS
--------------------------------------------------------------------------------  */
.arrow-button {
		background: url(/images/Homepage/sprite-homecontent.png) no-repeat 100% -234px;
		color: #004B8B !important;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		height: 26px;
		overflow: hidden;
		text-decoration: none !important;
		width: auto;
		margin-top: 11px !important;
		float: left;
		cursor: hand;
	}
	*html .arrow-button {
		background: transparent url(/images/Homepage/button_IE6_end.png) no-repeat right top;
	}

		.arrow-button span.container
		{
			background: transparent url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -234px;
			display: block;
			height: 26px;
			padding: 0px;
			width: auto;
			float: left;
		}
		*html .arrow-button span.container {
			background: transparent url(/images/Homepage/button_IE6_start.png) no-repeat left top;
		}

		.arrow-button span.container span {
			background: transparent url(/images/Homepage/sprite-homecontent.png) repeat-x 0px -270px;
			display: block;
			height: 20px;
			padding: 6px 0px 0px 0px;
			margin: 0px 15px 0px 21px;
			width: auto;
			float: left;
		}
		*html .arrow-button span.container span {
			background: transparent url(/images/Homepage/button_IE6_mid.png) repeat-x center top;
		}
	.arrow-button:hover {
		background: url(/images/Homepage/sprite-homecontent.png) no-repeat 100% -420px;
	}
		*html .arrow-button:hover {
			background: transparent url(/images/Homepage/button_IE6_endHov.png) no-repeat right top;
		}
		.arrow-button:hover span.container {
			background: url(/images/Homepage/sprite-homecontent.png) no-repeat -189px -420px;
		}
			*html .arrow-button:hover span.container {
				background: transparent url(/images/Homepage/button_IE6_startHov.png) no-repeat left top;
			}
		.arrow-button:hover span.container span {
			background: url(/images/Homepage/sprite-homecontent.png) repeat-x -189px -456px;
		}
			*html .arrow-button:hover span.container span {
				background: transparent url(/images/Homepage/button_IE6_midHov.png) repeat-x center top;
			}
/*  -- HOME GALLERY
--------------------------------------------------------------------------------  */
		
	#home-gallery {
		height: 298px;
		overflow: hidden;
		}
			
		#home-gallery ul {
			background: #000;
			position: relative;
			top: -35px;
			}
			
			#home-gallery ul li {
				float: left;
				width: 174px;
				}
				
			#home-gallery ul li.first-item {
				width: 175px;
				}
				
			#home-gallery ul li.last-item {
				width: 174px;
				}
				
				#home-gallery ul li a {
					background: url(/images/Homepage/sprite-home-gallery.png) no-repeat 50% 0px;
					color: #004B8B;
					display: block;
					font-weight: bold;
					height: 26px;
					padding: 10px 0px 0px;
					text-align: center;
					text-decoration: none;
					}
					
				#home-gallery ul li.first-item a  {
					background-position: 0px 0px;
					}

				#home-gallery ul li.second-item a  {
					background-position: -175px 0px;
					}

				#home-gallery ul li.third-item a  {
					background-position: -349px 0px;
					}

				#home-gallery ul li.last-item a  {
					background-position: 100% 0px;
					}
					
				#home-gallery ul li.first-item a {
					background-position: 0px 0px
					}
					
				#home-gallery ul li.last-item a {
					background-position: 100% 0px
					}
					
				#home-gallery ul li a:hover {
					background-position: 50% 50%;
					}
					
				#home-gallery ul li.first-item a:hover {
					background-position: 0px 50%;
					}
					
				#home-gallery ul li.second-item a:hover {
					background-position: -175px 50%;
					}
					
				#home-gallery ul li.third-item a:hover {
					background-position: -349px 50%;
					}
					
				#home-gallery ul li.last-item a:hover {
					background-position: 100% 50%;
					}
					
					#home-gallery ul li a.selected {
						background-position: 50% 100%;
						color: #FFF;
						}
						
					#home-gallery ul li.first-item a.selected,
					#home-gallery ul li.first-item a.selected:hover {
						background-position: 0px 100%;
						}

					#home-gallery ul li.second-item a.selected,
					#home-gallery ul li.second-item a.selected:hover {
						background-position: -174px 100%;
						}

					#home-gallery ul li.third-item a.selected,
					#home-gallery ul li.third-item a.selected:hover {
						background-position: -349px 100%;
						}

					#home-gallery ul li.last-item a.selected,
					#home-gallery ul li.last-item a.selected:hover {
						background-position: 100% 100%;
						}
					
/*  -- HOME BLUE CONTENT
--------------------------------------------------------------------------------  */
					
	#home-blue-content {
		height: 173px;
		float: left;
		}
		
		#home-blue-content li {
			background: url(/images/Homepage/sprite-homecontent.png) no-repeat -233px -252px;
			float: left;
			height: 173px;
			width: 233px;
			}
			
		#home-blue-content li.first-item {
			background-position: 0px -252px;
			width: 233px;
			}
			
		#home-blue-content li.last-item {
			background-position: -465px -252px;
			width: 231px;
			}
			
			#home-blue-content a {
				display: block;
				height: 150px;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
				}
				
				#home-blue-content h3 {
					color: #FFF;
					}
					
				#home-blue-content p {
					color: #333333;
					font-size: 14px;
					width: 123px;
					}
		
/*  -- HOME CONTENT FOOTER
--------------------------------------------------------------------------------  */	
		
	#home-footer-left {
		background: url(/images/Homepage/sprite-contentframes.png) no-repeat 0px -512px;
		float: left;
		height: 123px;
		padding: 18px 23px 0px;
		width: 302px;
		
		}
		
	#home-footer-right {
		background: url(/images/Homepage/sprite-contentframes.png) no-repeat -348px -512px;
		float: left;
		height: 123px;
		padding: 18px 23px 0px;
		width: 303px;
		
		}
		
		#home-footer-left h3,
		#home-footer-right h3 {
			margin: 0px 0px 8px;
			}
		
		#home-footer-left p {
			margin: 0px 0px 0px;
			}
			
		#home-footer-right p {
			margin: 0px 0px 0px;
			}
		
/*  -- HOME SIDEBAR
--------------------------------------------------------------------------------  */
		
	#home-sidebar {
		
		}
		
		#home-sidebar li {
			background: #FFF url(/images/Homepage/sprite-contentframes.png) no-repeat 0px -52px;
			height: 114px;
			overflow: hidden;
			padding: 16px 15px 19px 21px;
			}
			
		#home-sidebar .third-item {
			height: 138px;
			}
			
		#home-sidebar .tool-calculators {
			background: url(/images/Homepage/sprite-contentframes.png) no-repeat 100% -512px;
			height: 106px;
			}
			
			#home-sidebar li li
			{
				background-position: 0px -362px;
				background-image: url(/images/Homepage/sprite-homecontent.png);
				background-repeat: no-repeat;
				height: auto;
				margin: 0px 0px 4px;
				padding: 0px 0px 0px 8px;
				}
				
			#home-sidebar p {
				padding: 0px 0px 0px 2px;
				}
				
			#home-sidebar .tool-calculators p {
				margin: 0px 0px 12px;
				}
				
			#home-sidebar .tool-calculators select {
				float: left;
				margin: 2px 0px 0px;
				width: 160px;
				padding: 1px;
				border: solid 1px #CCCCCC;
				color: #666666;
				}
				
			#home-sidebar .tool-calculators .go-btn {
				float: right;
				}
			
			
			
			
	#home-sidebar li ul {
		margin: 7px 0px 0px;
		}

			#home-sidebar li ul a {
				font-weight: bold;
				text-decoration: none;
				}
			#home-sidebar li ul a:hover {
				text-decoration: underline;
			}

				#home-sidebar li ul span {
					color: #009FDA;
					}
			
				
/*  -- FOOTER
--------------------------------------------------------------------------------  */		
		
	#footer {
		background: url(/images/Homepage/sprite-contentframes.png) no-repeat 0px -662px;
		height: 143px;
		margin: 0 auto 20px;
		overflow: hidden;
		padding: 17px 12px 0px 24px;
		width: 914px;
		}
		
		#footer div {
			float: left;
			line-height: 20px;
			width: 193px;
			}
		
			#footer h5 {
				color: #666666;
				font-size: 12px;
				font-weight: bold;
				}
			
			#footer ul {
				line-height: 20px;
				}
			
			#footer ul li 
			{
				color: #666666 !important;
				font-size: 11px;
				padding-left: 7px;
				background: transparent url(/images/Homepage/sprite-homecontent.png) no-repeat 0px -298px;
			}
				
				#footer a {
					color: #666666 !important;
					font-size: 11px;
					text-decoration: none;
					}
				#footer a:hover {
					text-decoration: underline;
					}
						
		#footer h2.footer-logo {
			background: url(/images/Homepage/sprite-homecontent.png) no-repeat -143px -9px;
			float: right;
			height: 32px;
			position: relative;
			text-indent: -9999px;
			top: -2px;
			width: 93px;
			}

/* -- Simple page layout
----------------------------------------------------------------------------------------- */

body.simple #pageBody {
		background: #E2E2E2 url(/images/Homepage/sprite-contentframes.png) no-repeat 0px -822px;
		margin: 17px 0px 0px 0px;
		padding: 17px 0px 0px 0px;
		width: 950px;
		}

body.simple #pageBody div.frame
{
	padding: 0px 11px 0px 23px;
	border-left: solid 1px #C8C9CA;
	border-right: solid 1px #C8C9CA;
}

body.simple #footer {
		background: url(/images/Homepage/sprite-contentframes.png) no-repeat 0px -812px;
		height: 10px;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
		padding: 0px 12px 0px 24px;
		width: 914px;
		}		
		
/* -- No Flash alternative banner and tabs
------------------------------------------------------------------------------------------ */
#noflashbanners
{
    position: relative;
}

#noflashbanners a
{
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;
}

#noflashbanners a img
{
    position: relative;
    z-index: 1;
    width: 697px;
    height: 297px;
    display: block;
}

#noflashbanners a .container div.tab
{
    position: absolute;
    display: inline-block;
    clear: both;
    float: left; 
    width: 175px;
    height: 26px;
    bottom: 0px;
    padding: 10px 0 0;
    text-align: center;
    margin-bottom: -1px;
    background: url(/images/Homepage/sprite-home-gallery.png) no-repeat 50% 0px;
}
         
#noflashbanners a .container.banner1 div.tab
{
	left: 0px;
    z-index: 200;
    background-position: 0px 0px;
}

#noflashbanners a:hover .container.banner1 div.tab
{
	background-position: 0px 50%;
}


#noflashbanners a .container.banner2 div.tab
{
	left: 175px;
    z-index: 220;
    background-position: -175px 0px;
}

#noflashbanners a:hover .container.banner2 div.tab
{
    background-position: -175px 50%;
}


#noflashbanners a .container.banner3 div.tab
{
	left: 350px;
    z-index: 230;
    background-position: -349px 0px;
}

#noflashbanners a:hover .container.banner3 div.tab
{
    background-position: -349px 50%;
}


#noflashbanners a .container.banner4 div.tab
{
	left: 525px;
    z-index: 240;
    background-position: 100% 0px;
}

#noflashbanners a:hover .container.banner4 div.tab
{
    background-position: 100% 50%;
}


/* 2 tabs */

#noflashbanners a .container div.tab.tabs2
{
	background-position: 0px -180px;
}

#noflashbanners a:hover .container div.tab.tabs2
{
	background-position: 0px -216px;
}

#noflashbanners a .container.banner1 div.tab.tabs2
{
	left: 0px;
	width: 348px;
}

#noflashbanners a .container.banner2 div.tab.tabs2
{
	left: 348px;
	width: 349px;
}


/* 3 tabs */

#noflashbanners a .container div.tab.tabs3
{
	background-position: 0px -108px;
}

#noflashbanners a:hover .container div.tab.tabs3
{
	background-position: 0px -144px;
}

#noflashbanners a .container.banner1 div.tab.tabs3
{
	left: 0px;
	width: 232px;
}

#noflashbanners a .container.banner2 div.tab.tabs3
{
	left: 232px;
	width: 232px;
}

#noflashbanners a .container.banner3 div.tab.tabs3
{
	left: 464px;
	width: 233px;
}



#noflashbanners a:hover .container.selected div.tab
{
	z-index: 250;
}

#noflashbanners a .container.selected img
{
	z-index: 50;
}

#noflashbanners a:hover img
{
    z-index: 100;
}

#flashalterntativetext
{
	width: 657px;
	height: 257px;
	padding: 20px;
	background-color: #EFF3F7;
}

#flashalterntativetext a
{
	position: static !important;
}

.panelcontainer
{
	max-height: 80px;
	overflow: hidden;
}

#home-footer-left a,
#home-footer-right a
{
	float: left;
	margin-top: 8px;
}