/*-----------------------------------------------
'	Company:MassMedia (www.massmedia.com.au)
'	Copyright © 2004, All rights reserved.
'	Date Created:Febuary 2004
'
'	Last Modified Date: 24th January, 2004
'	Last Modified By: Benjamin -> benjaminr@massmedia.com.au
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/


/*----------------- Structural divs ----------------*/

#globalWrap
{				
			width: 						960px;
            margin:                     0 auto;
			text-align: 				left; 
			margin-top: 				2px!important;
			background: 				url(../images/bg_pageLine.gif) repeat-y;
}

#globalWrapB
{				
			width: 						960px;
            margin:                     0 auto;
			text-align: 				left; 
			padding-top: 				2px!important;
}


/*--------------------------------------------------*/

#mainContainer{
				width: 					960px;
}


#sideNavTop
{
				clear: 					left; 
				background: 			url(../images/bg_sideNavTop.gif) no-repeat bottom left; 
				width: 					219px; 
				height: 				22px;
}

#sideNav
{
				float: 					left;  
				width: 					219px; 
				background: 			url(../images/bg_sideNav.gif) repeat-y; 
				color: 					#163660; 
				font-size: 				10px; 
}

#sideNav ul
{
				list-style: 			none none; 
				margin: 				0; 
				padding: 				0 0 10px 30px; 
				line-height: 			18px;
}
	/*#sideNav li{margin-bottom: 4px;}*/
#sideNavBottom
{
				clear:					left; 
				background: 			url(../images/bg_sideNavBottom.gif) no-repeat bottom left; 
				width:					219px; 
				height:					12px;
}

#sideNavEnd
{
				clear:					left; 
				background: 			url(../images/bg_sideNavEnd.gif) no-repeat bottom left; 
				width:					219px; 
				height:					12px;
}

#sideNavImg
{
				background: 			#fff; 
				padding: 				10px 0;
}


#noSideNav
{
				float: 					left;
				width: 					219px;
				margin-top: 			22px;
}

#noSideNav li
{
				list-style: 			none none; 
				margin-bottom: 			30px;
}

#mainContent
{
				float:					left; 
				width: 					520px; 
				margin-top: 			22px;
}

/*--------------------------------------------------*/

#frontNoFlash{

                                                clear:                                                    left;

                                                width:                                                   750px;

                                                padding-top:                             67px;

                                                background: url(../images/bg_frontNoFlash.jpg) no-repeat right bottom;

}

#footer
{
				float:					left; 
				width: 					960px; 
				background: 			url(../images/bg_footerAntiFlicker.gif) no-repeat;
				overflow: 				hidden;
	}
	
#footerObs{
				float:					left; 
				width: 					204px; 
}
	#footerAddress{
			padding: 					20px 0px 60px 0px; 
			background: 				#fff; 
			clear: 						left;
			width: 960px;

}
	
	#footerLine
	{ 
				clear: 					left;
				width: 					750px; 
				height: 				14px;
	}
	
	#footerItem
	{
				float: 					left; 
				background: 			url(../images/bg_footerLeft.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
	
	
	#footerItem a
	{
				float: 					left; 
				background: 			url(../images/bg_footerLeft.gif) no-repeat; 
				width: 					204px; 
				height: 				30px;
	}
	
		
	#footerAbout a
	{
				float: 					left; 
				display: 				block; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_aboutus.gif) no-repeat top left;
}

#footerAbout a:hover
{
				float: 					left; 
				display:				block; 
				background-position:	0 -32px;
				height: 				30px; 
}

#footerAboutOver{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_aboutus.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerContact a{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_contactus.gif) no-repeat top left;
}

#footerContact a:hover{background-position: 0 -32px;}

#footerContactOver{	
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_contactus.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerMembership a
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_Membership.gif) no-repeat top left;
}
							
#footerMembership a:hover{background-position: 0 -32px;}

#footerMembershipOver
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_Membership.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerMedia a
{
				float: 					left; 
				width: 					84px; 
				height:					30px; 
				background: 			url(../images/btn_Media.gif) no-repeat top left;
}

#footerMedia a:hover{background-position: 0 -32px;}

#footerMediaOver
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_Media.gif) no-repeat top left;
				background-position: 	0 -32px;
}


#footerVolun a
{
				float: 					left; 
				width: 					84px; 
				height:					30px; 
				background: 			url(../images/btn_Volun.gif) no-repeat top left;
}
#footerVolun a:hover{background-position: 0 -32px;}

#footerVolunOver
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_Volun.gif) no-repeat top left;
				background-position: 	0 -32px;
}


#footerShop a
{
				float: 					left;
				width: 					84px;
				display: 				block;
				height: 				30px;
				background: url(../images/btn_star.gif) no-repeat top left;
}

#footerShop a:hover
{
				background-position: 	0 -32px;
w
}

#footerShopOver
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background:				url(../images/btn_star.gif) no-repeat top left;
				background-position:	0 -32px;
}

#footerPublication a
{
				float:					left; 
				width:					84px; 
				height:					30px; 
				background:				url(../images/btn_publication.gif) no-repeat top left;
}
#footerPublication a:hover{background-position: 0 -32px;}

#footerPublicationOver
{
				float: 					left; 
				width:					84px; 
				height:					30px; 
				background:				url(../images/btn_publication.gif) no-repeat top left;
				background-position:	0 -32px;
}

#footerVenue a
{
				float:					left; 
				width:					84px; 
				height:					30px; 
				background:				url(../images/btn_venuehire.gif) no-repeat top left;
}

#footerVenue a:hover{background-position: 0 -32px;}

#footerVenueOver
{
				float:					left; 
				width:					84px; 
				height:					30px; 
				background:				url(../images/btn_venuehire.gif) no-repeat top left;
				background-position: 	0 -32px;
}

#footerPrivacy a
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_privacy.gif) no-repeat top left;
}

#footerPrivacy a:hover{background-position: 0 -32px;}

#footerPrivacyOver
{
				float: 					left; 
				width: 					84px; 
				height: 				30px; 
				background: 			url(../images/btn_privacyOver.gif) no-repeat top left;
}


#colLeft
{
				float: 					left; 
				width: 					340px; 
				padding: 				0 15px; 
				text-align: 			left; 
				margin-top: 			22px;
}

#colRight
{
				float: 					left; 
				width: 					340px; 
				padding: 				0 15px; 
				text-align: 			left; 
				margin-top: 			22px;
}


#frontContent{

}

#fpTriCol{

}


/*--------------------------------------------------*/

.mainNavLink
{
				color: 					#FFF; 
				font: 					normal 10px verdana, helvetica, sans-serif;
}

.mainNavLinkHdn
{
				color: 					#FFF; 
				font: 					bold 11px verdana, helvetica, sans-serif;
}

.sideNav
{
				color:					#163660; 
				font-size: 				11px;
}

img{border: none;}

body{
				margin: 				0; 
				padding:				3px 0 0 0;
                margin:                 0 auto; 
     			text-align:				center; 
				font: 					normal 11px verdana, helvetica, sans-serif;
}

td{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#333;
}

p{
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#333;
				margin: 				0 0 26px 0; 
				padding: 				0; 
				line-height: 			18px;
}

h1{
				font: 					bold 16px verdana, helvetica, sans-serif; 
				color: 					#2F5383;
				margin: 				0; 
				padding: 				0;
}

h2{
				font: 					bold 16px verdana, helvetica, sans-serif; 
				color:					#2F5383; 
				margin: 				0 0 26px 0; 
				padding: 				0;
}

h3{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#9F0D02; 
				margin: 				0; 
				padding: 				0;
}

h4{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#163660; 
				margin: 				0; 
				padding: 				0;
}

a{text-decoration: none; color: #212745;}
a:hover{text-decoration: underline; color: #6183B0;}

hr
{
				border: 				none; 
				border-top: 			1px solid #999999; 
				clear: 					left; 
				padding: 				10px 0 0 0; 
				overflow:				hidden; 
				height: 				1px
} 

p.caption{
				font-size:				10px;
				line-height:			12px;
				border-bottom:			1px solid #ccc;
				padding:				5px 0px;
				color:					#999
}

p.captionNoLine{
				font-size:				10px;
				line-height:			12px;
				padding:				5px 0px;
				color:					#999
}


.bodyLink{font-weight: bold; color: #006699}

.icon{vertical-align: middle;}


#imgRight
{
				float: 					right; 
				display:				block; 
				padding: 				0 0px 0 10px;

}

#imgLeft{
				float: 					left; 
				display: 				block; 
				padding: 				0 10px 0 0px;
}

#pubItem
{
				clear:					left;
				border-bottom:			1px solid #999999;
				margin:					10px 0 15px 0;
				voice-family:			"\"}\"";
				voice-family:			inherit;
				padding:				10px 0 20px 0; 
}
#voiceHack{}

#pubDate
{
				float:					left; 
				width:					120px; 
				padding:				0 10px 0 0;

}

#pubImg
{
				float:					left; 
				width:					80px; 
				padding:				0 10px 0 0;
}

#pubTxt
{
				float:					left; 
				width:					280px;

}



#listItem
{
				clear: 					left;

				min-height: 			80px;
				margin: 				10px 0 15px 0;
				voice-family:"\"}\"";
				voice-family:			inherit;
				padding: 				10px 0 20px 0; 
}
#voiceHack{}

#listImg
{
				float: 					left; 
				width:					80px; 
				padding:				0 10px 0 0;
}

#listTxt
{
				float:					left; 
				width:					auto;
}

#pageList{}

#pageList ul{
				list-style: 			url(../images/bp_unordered.gif);
				color: 					#666666;
			
}

#pageList ol{
				
				color: 					#666666;
			
}

#pageDropdown{
				clear: 					left;
				width:					90%;
				background:				#019BDC;
				height:					36px;
}

#exRow{

				clear:					left;
				margin-top: 			0px;
}



#exImg{
				float:					left;
				width:					69px;
				margin-right:			10px;
				
				
}
#exTxt{
				float:					left;
				width:					150px;
				margin-right:			20px;

}


#cDiv{			clear:					left;
}

/*------------ form class -----------*/
.dropDown
{
				width: 					272px;
				font: 					normal 11px verdana, helvetica, sans-serif;
				color: 					#666666
}

.inputField
{
				width: 					272px; 
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#666666; 
				padding:				5px 0;
}

textarea
{
				width: 					272px; 
				font: 					normal 11px verdana, helvetica, sans-serif; 
				color: 					#666666
}

.submitBtn
{
				font: 					bold 11px verdana, helvetica, sans-serif; 
				color: 					#666666; 
				margin: 				0; 
				padding: 				0;
}


/* additions added by jgee for 1024 Girth*/

.emailSubscribe {
	width: 						958px;
	height: 					40px;
	margin:						2px 0;
	background: 				#404040 url(/common/images/email.gif) no-repeat 0 0; 
	float:						left;
	padding:					6px 0 0 0;
	heigh\t:					35px;
	color:						#fff;
	text-align:					right; /* change text-align for subscribe label alignment on homepage */
}


#mainContent2
{
				float:					left; 
				width: 					500px; 
				margin-top: 			22px;
				padding: 				0px 10px;
				text-align: 			left; 
}


#500
{
				float:					left; 
				width: 					500px; 
				text-align: 			left; 
				margin-top: 			22px;
				padding: 				0px 10px;
}

#220
{
				float:					left; 
				width: 					220px; 
				margin-top: 			22px;
				text-align: 			left; 

				
}


.rightBox {
	background: 				#ffffff;

	float: 						right;

	width:						200px;

	heigh\t:					104px;
	padding:					0px 0px 0px 0px;
	widt\h:						200px;	
}

/* image slider carousel (js driven) for homepage */

.carouselSlider {
	width: 						747px;
	background: 				#e0f5ff url(/images/carouselWrapperBg.gif) no-repeat 0 0;
	margin-top:					2px;
	padding:					5px 0 0 0;
	height: 100%;
}

.carouselSliderFooter {
	width: 						747px;
	height: 					4px;	
	overflow:					hidden;
	background: 				url(/images/carouselWrapperFooter.gif) no-repeat 0 0;
}

.slideBoundary {
	position: 					relative;
	overflow:					hidden;
	width: 						705px;
	height:						190px;
	float: 						left;
}

div#itemsWrapper {
 	position:					absolute; 
	width:						1745px; /*235 = one char div NB width = 235 x (no of case studies)*/
	left:						0;
	padding:					0;
	float: 						left;
}

.perItem {
	float:						left;
	width:						235px; /* 235 */
	display:					block;
	height:						205px!important; /* 205 */
	padding:					0px;
	background:					#e0f5ff;
	color:						#545454;
}

a.moveRight, a.moveRDisabled {
	display:					block;
	width: 						16px;
	height: 					80px;	
	background: 				#006699 url(/images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
	float:						left;
	margin:						0 5px 0 0;
	display:					inline;
}
a.moveRight:hover {
	background: 				#019bdc url(/images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
}
a.moveRDisabled {
	background: 				#a6bbc4 url(/images/moveLeft.gif) no-repeat 0 0; /* solid background color can be changed */
}

a.moveLeft, a.moveLDisabled {
	display:					block;
	width: 						16px;
	height: 					80px;	
	background: 				#006699 url(/images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
	float:						left;
	margin:						0 0 0 5px;
	display:					inline;
}
a.moveLeft:hover {
	background: 				#019bdc url(/images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
}
a.moveLDisabled {
	background: 				#a6bbc4 url(/images/moveRight.gif) no-repeat 0 0; /* solid background color can be changed */
}

.perItem {
	width:						235px;
	height:						205px;
	float:						left;
	padding:					0 0 0 5px;
	widt\h:						230px;
}
.perItem h3 {
	font:						bold 1em arial,helvetica,sans-serif;
	color:						#545454;
	margin:						8px 0 0 15px;
	padding:					0;
}
.perItem p {
	width:						215px;
	height:						56px;
	margin:						10px 0 0 15px;
	color:						#545454;
	line-height:				1.2em;
}
a.moreBtn {
	font-weight:				bold;
	color:						#019bdc;
	margin:						0 0 0 15px;
}
/* end image slider */