/*initial 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: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
p { margin-bottom: 10px; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, html
{
	/*height:100%;*/
}

body {
	background: #000 url(/images/back.jpg) no-repeat center top;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#wrapper { background: url(/images/back-nav-strip.gif) repeat-x; }



/* ======================================== TOP NAVIGATION SECTION ======================================== */
#topNav {
	color: #FFF;
	font-size: 1.1em;
	margin: 0 auto;
	height: 24px;
	padding-top: 8px;
	text-align: right;
	width: 960px;
}
	#topNav span {
		background: url(/images/bullet-nav-top.gif) no-repeat left center;
		padding-left: 10px;
		margin-left: 16px;
	}
	#topNav a {
		color: #FFF;
		text-decoration: underline;
	}
	#topNav a:hover { text-decoration: none; }


/* ======================================== HEADER SECTION ======================================== */
#header {
	height: 65px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
	width: 960px;
}



/* ======================================== HOMEPAGE INTRODUCTION SECTION ======================================== */
#introduction {
	background-color: #FFF;
	color: #000;
	font-size: 1.4em;
	height: 102px;
	margin: 38px auto 0 auto;
	overflow: hidden;
	padding: 35px 30px 0 30px;
	width: 900px;
}
	#introduction .headerTitle {
		position: absolute;
		margin: -73px 0 0 -15px;
	}
	#introduction .introductionContent .leftContent {
		float: left;
		padding-top: 5px;
		width: 527px;
	}
	#introduction .introductionContent .rightButton {
		float: right;
		width: 345px;
	}
		#introduction .introductionContent .rightButton a {
			background: url(/images/btn-report.png) no-repeat;
			display: block;
			height: 65px;
			overflow: hidden;
			width: 345px;
		}
		#introduction .introductionContent .rightButton a:hover {
			background: url(/images/btn-report-active.png) no-repeat;
		}
		#introduction .introductionContent .rightButton span {
			position:absolute; 
			left:-100px; 
			top:-100px; 
			width:345px; 
			height:65px;
		}
	#introduction .introductionContent .introductionClear { clear: both; }
	

/* ======================================== HOMEPAGE VIDEO SECTION ======================================== */
#video {
	background: url(/images/back-video.png);
	color: #fff;
	height: 311px;
	margin: 25px auto 0 auto;
	overflow: hidden;
	padding: 15px;
	width: 930px;
}

	#video .videoPreview {
		float: left;
		height: 310px;
		overflow: hidden;
		width: 540px;
	}
	#video .videoList {
		float: left;
		padding: 18px 0 0 30px;
		width: 355px;
	}
		#video .videoList .videoListWrapper { margin-top: 13px; }
			#video .videoList .videoListWrapper .videoListContainer .videoListImage {
				float: left;
				width: 108px;
			}
			#video .videoList .videoListWrapper .videoListContainer {
				background: url(/images/line-dot.gif) no-repeat left bottom;
				margin-bottom: 15px;
				padding-bottom: 15px;
				*padding-bottom: 5px;
				_padding-bottom: 5px;
			}
				#video .videoList .videoListWrapper .videoListContainer .videoListContent {
					float: left;
					margin-left: 17px;
					width: 195px;
				}
					#video .videoList .videoListWrapper .videoListContainer .videoListContent .vidTitle {
						font-size: 1.2em;
						font-weight: bold;
						text-transform: uppercase;
						margin-bottom: 4px;
					}
						#video .videoList .videoListWrapper .videoListContainer .videoListContent .vidTitle a {
							color: #FFF;
							text-decoration: underline;
						}
						#video .videoList .videoListWrapper .videoListContainer .videoListContent .vidTitle a:hover { text-decoration: none; }
						#video .videoList .videoListWrapper .videoListContainer .videoListContent .vidDate {
							font-size: 1.1em;
							margin-bottom: 4px;
						}
					#video .videoList .videoListWrapper .videoListContainer .videoListContent .vidDesc {
						font-size: 1.2em;
					}
					#video .videoList .videoListWrapper .videoListContainer .videoListContent .videoCode {
						height: 0;
						line-height: 0;
						overflow: hidden;
						display: none;
					}
				#video .videoList .videoListWrapper .videoListContainer .videoListClear { clear: both; }
			#video .videoList .videoListWrapper .videoListContainerLast { background: none; }
	#video .videoClear { clear: both; height:0; line-height:0; overflow: hidden; }
	
	
	
/* ======================================== HOMEPAGE DOWN SECTION (inc Blog) ======================================== */
#downContent {
	color: #fff;
	margin: 25px auto 0 auto;
	width: 960px;
}

#mainBlog {
	color: #000;
	float: left;
	margin-top: 28px;
	width: 555px;
}
	#mainBlog .mainBlogContent {
		background-color: #FFF;
		padding: 35px 15px 5px;
	}
		#mainBlog .mainBlogContent .mainBlogHeaderTitle {
			position: absolute;
			margin-top: -73px;			
		}
		
		#mainBlog .mainBlogContent .blogList { margin-bottom: 15px; }
			#mainBlog .mainBlogContent .blogList .blogImage {
				float: left;
				height: 88px;
				overflow: hidden;
				width: 108px;
			}
			#mainBlog .mainBlogContent .blogList .blogContent {
				float: left;
				margin-left: 20px;
				width: 340px;
			}
				#mainBlog .mainBlogContent .blogList .blogContent .blogTitle {
					font-size: 1.2em;
					font-weight: bold;
					margin-bottom: 4px;
					text-transform: uppercase;
				}
					#mainBlog .mainBlogContent .blogList .blogContent .blogTitle a {
						color: #00acee;
						text-decoration: underline;
					}
					#mainBlog .mainBlogContent .blogList .blogContent .blogTitle a:hover { text-decoration: none; }
				#mainBlog .mainBlogContent .blogList .blogContent .blogDate {
					font-size: 1.1em;
					margin-bottom: 4px;
				}	
				#mainBlog .mainBlogContent .blogList .blogContent .blogDesc { font-size: 1.2em; }
			#mainBlog .mainBlogContent .blogList .blogListClear { clear: both; }
	#mainBlog .blogFooter {
		background: url(/images/tweet-arrow.gif) no-repeat left top;
		height:14px;
	}

#rightNav {
	float: left;
	margin-left: 30px;
	width: 345px;
}
	#rightNav li {
		margin-bottom: 25px;
	}
	
		#rightNav li.rollover a {
			/*background: url(/images/btn-report.gif) no-repeat;*/
			display: block;
			height: 65px;
			overflow: hidden;
			width: 345px;
		}
		#rightNav li.rollover .requestCopy {
			background: url(/images/btn-request.png) no-repeat;
		}
		#rightNav li.rollover .requestCopy:hover {
			background: url(/images/btn-request-active.png) no-repeat;
		}
		
		#rightNav li.rollover .talkToUs {
			background: url(/images/btn-talk.png) no-repeat;
		}	
		#rightNav li.rollover .talkToUs:hover {
			background: url(/images/btn-talk-active.png) no-repeat;
		}		
		#rightNav li.rollover span {
			position:absolute; 
			left:-100px; 
			top:-100px; 
			width:345px; 
			height:65px;
		}	

#downContent .downContentClear { clear: both; }




/* ======================================== DISCUSSION PAGE ======================================== */
#discussionWrapper {
	color: #000;
	margin: 40px auto 0 auto;
	width: 960px;
}
#discussionWrapper a {
	color: #00acee;
	text-decoration: underline;
}
#discussionWrapper a:hover { text-decoration: none; }
#discussionMain {
	background-color:#FFF;
	float: left;
	padding: 40px 15px 15px 15px;
	width: 525px;
}
		#discussionMain .mainBlogHeaderTitle {
			position: absolute;
			margin-top: -80px;			
		}
		#discussionMain .topicWrapper {
			font-size: 1.2em;
		}
			#discussionMain .topicWrapper .topicTitle {
				color: #00acee;
				font-size: 1.5em;
				font-weight: bold;
				padding-left: 15px;
				text-transform: uppercase;
			}	
			#discussionMain .topicWrapper .topicDate {
				font-size: 0.9em;
				margin: 10px 0 13px 0;
				padding-left: 15px;
			}
			#discussionMain .topicWrapper .topicContent { padding: 0 15px; }
				#discussionMain .topicWrapper .topicContent .wideImage {
					position: relative;
					margin: 0 0 20px -15px;
				}
			#discussionMain .topicWrapper .topicCreator { 
				font-style: italic;
				margin-top: 13px; /* Addition */
				padding-left: 15px;
			}
			
			#discussionMain .topicWrapper .commentWrapper { margin-top: 15px; }
				#discussionMain .topicWrapper .commentWrapper .commentHeader { margin-bottom: 15px; }
				#discussionMain .topicWrapper .commentWrapper .commentDetail {
					margin-bottom: 6px;
					padding: 15px 15px 29px 15px;
				}
				#discussionMain .topicWrapper .commentWrapper .commentDetailFirst { background: #eee url(/images/img-comment-arrow1.jpg) no-repeat bottom; } 
				#discussionMain .topicWrapper .commentWrapper .commentDetailSecond { background: #eee url(/images/img-comment-arrow2.jpg) no-repeat bottom; }
				#discussionMain .topicWrapper .commentWrapper .commentDetail .commentAuthor { margin-bottom: 4px; }
					#discussionMain .topicWrapper .commentWrapper .commentDetail .commentAuthor .commentDate { font-size: 0.9em; }
					
				#discussionMain .topicWrapper .commentWrapper .addCommentWrapper { margin-top: 10px; }
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .addCommentHeader {
						margin-bottom: 10px;
						margin-left:15px;
					}
						#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .addCommentHeader .addCommentHeaderTitle { 
							color:#00ADEC;					
							font-size: 1.5em;
							font-weight: bold;
						}
						#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .addCommentHeader .addCommentHeaderTitleMark { 
							color:#F00;
							font-size: 0.9em;
							padding-left: 4px;
						}
						
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .formLabel{
						float:left;
						font-weight:bold;
						margin-bottom:5px;
						width:253px;
						}
						#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .captcha .formLabel{
						width:100%!important;
						}
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .fldName {
						border: solid 1px #CCC;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;						
						height: 22px;
						margin-bottom: 5px;
						padding: 8px 15px 0 15px;
						width: 210px;
					}
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .fldEmail {
						border: solid 1px #CCC;
						/*color: #F00;*/
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;						
						height: 22px;
						margin: 0 0 5px 11px;
						padding: 8px 15px 0 15px;
						width: 210px;
					}	
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .captcha .fldCaptcha {
						border: solid 1px #CCC;
						/*color: #F00;*/
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;	
						float: left;
						height: 22px;
						margin-right: 5px;
						padding: 8px 15px 0 15px;
						width: 168px;
					}
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .captcha .imgCaptcha {
						float: left;
						width: 150px;
					}
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .captcha .captchaClear { clear: both; }
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .fldDetails {
						border: solid 1px #CCC;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;						
						height: 140px;
						margin-bottom: 5px;
						padding: 8px 15px 0 15px;
						width: 463px;
					}
					#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .btnSubmit { margin: 15px 0 10px 0; }
						#discussionMain .topicWrapper .commentWrapper .addCommentWrapper .fmComment .btnSubmit fldSubmit {
						}
				
#discussionNav {
	float: left;
	overflow: hidden;
	width: 405px;
}
#discussionNav .topicList a{	
color:#FFF;
text-decoration:underline;
}
#discussionNav .topicList a:hover{	
color:#FFF;
text-decoration:none;
}
#discussionNav .topicList li{
	background:transparent url(/images/arrow.gif) no-repeat scroll left 5px;
	padding-bottom:2px;
	padding-left:8px;
	}
#discussionNav .btnBackHome {
	margin-bottom: 20px;
	text-align: center;
}
	#discussionNav .btnBackHome a {
		background: url(/images/btn-back-homepage.png);
		display: block;
		height: 65px;
		margin: 0 auto;
		width: 345px;
	}
	#discussionNav .btnBackHome a:hover {
		background: url(/images/btn-back-homepage-active.png);
	}
	#discussionNav .btnBackHome span {
		position:absolute; 
		left:-100px; 
		top:-100px; 
		width:345px; 
		height:65px;
	}

#discussionWrapper .moreTopicWrapper {
	background: url(/images/back-video.png);
	/*height: 235px;*/
	padding: 20px 30px 25px 30px;
	_padding-bottom: 0;
	*padding-bottom: 10px;
	padding-bottom: 10px/9;
}

#discussionWrapper .moreTopicWrapper .moreTopicHeader {
	height: 46px;
	overflow: hidden;
	width: 154px;
}

#discussionWrapper .topicContent { margin-top: 15px; }
	#discussionWrapper .topicContent .topicImage {
		float: left;
		width: 108px;
	}
	#discussionWrapper .topicContent .topicDesc {
		color: #FFF;
		float: left;
		margin-left: 18px;
		padding-top: 0;
		width: 218px;
	}
		#discussionWrapper .topicContent .topicDesc .topicTitle a {
			color: #FFF;
			display: block;
			font-size: 1.4em;
			font-weight: bold;
			margin-bottom: 4px;
			text-decoration: underline;
			text-transform: uppercase;
		}
		#discussionWrapper .topicContent .topicDesc .topicDate { font-size: 1.2em; }
	#discussionWrapper .topicContent .topicDesc .topicTitle a:hover { text-decoration: none; }
	#discussionWrapper .topicContent  .topicContentClear { clear: both; }
	
#discussionWrapper .bullseyeNav {
	background: url(/images/back-video.png);
	margin-top: 20px;
	padding: 20px 0;
	text-align: center;
}
#discussionWrapper .discussionNavClear { clear: both; }


/* ======================================== FOOTER SECTION ======================================== */
#footer {
	color: #fff;
	font-size: 1.2em;
	margin: 27px auto 0 auto;
	width: 960px;
}
#footer .footerLine {
	background: url(/images/footer-line.gif) no-repeat;
	height: 5px;
	margin-bottom: 17px;
}
#footer .footerLinkBlock {
	height: 48px;
	margin-bottom: 20px;
}
	#footer .footerLinkBlock .headerTitle {
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 5px;
	}
	#footer .footerLinkBlock .logo {
		float: left;
		height: 48px;
		width: 156px;
	}
	#footer .footerLinkBlock .strategy {
		border-left: #00adef solid 2px;
		float: left;
		height: 48px;
		padding: 0 15px;
		width: 250px;
	}
		#footer .footerLinkBlock .strategy .strategyColor { color:#00adef; }
	#footer .footerLinkBlock .technology {
		border-left: #7ac142 solid 2px;
		float: left;
		height: 48px;
		padding: 0 15px;
		width: 244px;
	}	
		#footer .footerLinkBlock .technology .technologyColor { color:#7ac142; }
	#footer .footerLinkBlock .marketing {
		border-left: #fff201 solid 2px;
		float: left;
		height: 48px;
		padding-left: 15px;
		width: 229px;
	}
		#footer .footerLinkBlock .marketing .marketingColor { color:#fff201; }
	#footer .footerLinkBlock .linkBlockClear { clear: both; }
	
#footer .officeBlock {
	font-size: 1.2em;
	margin: 0 0 20px 114px;
}
	#footer .officeBlock .melbourne,
	#footer .officeBlock .sydney { padding-left: 60px; }	
	
#footer .copyright {
	font-size: 0.9em;
	padding-bottom: 40px;
}



/* ======================================== POPUP 1 SECTION ======================================== */
#popup {
	background: none;
	background-color: #fff;
	overflow-x:hidden;
	overflow-y:hidden;	
}

#popupTalkWrapper {
	background: #FFF;
	/*height: 350px;*/
	margin: 0;
	width: 780px;
}
#popupTalkWrapper.reqHardCopy { width: 497px; /*height: 330px; */}
#popupTalkWrapper .headerTitle {
	float: left;
	height: 46px;
	position: relative;
	margin-top: -27px;
	width: 154px;
}
#popupTalkWrapper .closeButton {
	float: right;
	height: 33px;
	position: relative;
	margin: -20px -15px 0 0;
	width: 33px;
	text-align: right;
}
#popupTalkWrapper .pageDesc {}
#popupTalkWrapper .pageTitle {
	color:#00acee;
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px 0 11px 0;
}
#popupTalkWrapper .pageTitle .required{
	font-size: 0.6em;
	font-weight:normal;
	color:#F00;
	}
#popupTalkWrapper .clearHeader { clear: both; }
#popupTalkContent {
	color: #000;
	font-size: 1.2em;
	margin: 0 30px 20px 30px;
}
#popupTalkPageId {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
	#popupTalkContent .popupContentWrapper .popupLeft {
		float: left;
		width: 469px;
	}
		#popupTalkContent .popupContentWrapper .popupLeft .fldLeft,
		#popupTalkContent .popupContentWrapper .popupLeft .fldRight {
			background-color: #FFFFFF;
			border: solid 1px #ccc;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;				
			height: 23px;
			margin-bottom: 5px;
			padding: 5px 15px 0 15px;
			width: 185px;
		}
		#popupTalkContent .popupContentWrapper .popupLeft .formLabel{
			float:left;
			font-weight:bold;
			margin-bottom:5px;
			width:222px;
			}
		#popupTalkContent .popupContentWrapper .popupLeft .short,
		#popupTalkContent .popupContentWrapper .popupLeft .short {	width: 74px;}	
		#popupTalkContent .popupContentWrapper .popupLeft .fldLeft { margin-right: 5px; }
		#popupTalkContent .popupContentWrapper .popupLeft .fldComments {
			background-color: #FFFFFF;
			border: solid 1px #ccc;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;				
			height: 145px;
			padding: 5px 15px 0 15px;		
			width: 407px;
		}
		#popupTalkContent .popupContentWrapper .popupLeft .btnSubmit {
			margin-top: 15px;
		}
		#popupTalkContent .popupContentWrapper .popupLeft .btnClose {
			margin: 20px 0;
		}
	#popupTalkContent .popupContentWrapper .popupRight {
		float: left;
		width: 250px;
	}
		#popupTalkContent .popupContentWrapper .popupRight .popupRightDesc { padding: 15px 0; }
		#popupTalkContent .popupContentWrapper .popupRight .linkBullseye {
			background: url(/images/arrow-white.jpg) no-repeat left top;
			color: #00acee;
			padding-left: 15px;
			text-decoration: underline;
		}
		#popupTalkContent .popupContentWrapper .popupRight .linkBullseye:hover { text-decoration: none ; }
	#popupTalkContent .popupContentWrapper .popupClear { clear: both; }
	
	
/* ======================================== COMMONS SECTION ======================================== */
	
a {
	color: #00acee;
	text-decoration: underline;
}
a:hover { text-decoration: none; }