@charset "utf-8";
/*
Author: Darren Jones
Publisher: http://www.shaccommunications.com/
*/

/* Overall page structure
========================================================== */
body { background:#fff url(../images/bgs/boy-in-wheat-field.jpg) no-repeat center; margin:0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

.clear { clear:both;}
a img { border:0px none;}

#container { width:900px; height:800px; background:#fff; margin:10px auto 0;}

#header { width:900px; height:92px; position:relative; z-index:99;}
#header #logo { width:55px; height:55px; position:absolute; top:22px; left:25px;}
#header #menu { display:block; width:780px; height:25px; position:absolute; left:115px; top:65px; font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index:99;}

#nav, #nav ul {padding:0; margin:0 auto; list-style:none;}
#nav { position:relative; display:block;}
#nav ul {display:none;}

#header #menu #nav li { list-style:none; display:inline;}
#header #menu #nav li a { color:#000; text-decoration:none; padding:5px 8px; margin-right:0; font-weight:normal;}
#header #menu #nav li b { color:#000; cursor:pointer; font-weight:normal;}
#header #menu #nav li a b.clicked {color:#000;}

#header #menu #nav li a.pg { background:#E0E0E0;}

#header #menu #nav li ul {position:absolute; left:0; top:26px; height:auto;}
#header #menu #nav li ul li a {display:block; height:20px; line-height:18px; padding:0; color:#fff; font-size:11px; border-bottom:1px solid #fff; font-weight:normal;}

#header #menu #nav li ul.b { width:110px; left:53px; text-align:center;}
#header #menu #nav li ul.b li a.sub1 { background:#882828;}
#header #menu #nav li ul.b li a.sub2 { background:#AD3333;}
#header #menu #nav li ul.b li a.sub3 { background:#C26666;}
#header #menu #nav li ul.b li a.sub4 { background:#D69999;}
#header #menu #nav li ul.b li a.sub5 { background:#EBCCCC;}
#header #menu #nav li ul.b li a:hover {color:#FFF;}

#header #menu #nav li ul.c { width:130px; left:175px; text-align:center;}
#header #menu #nav li ul.c li a.sub4 { background:#C26666;}
#header #menu #nav li ul.c li a.sub5 { background:#AD3333;}
#header #menu #nav li ul.c li a:hover {color:#FFF;}

#header #menu #nav li ul.d { width:110px; left:325px; text-align:center;}
#header #menu #nav li ul.d li a.sub2 { background:#C26666;}
#header #menu #nav li ul.d li a.sub3 { background:#AD3333;}
#header #menu #nav li ul.d li a:hover {color:#FFF;}

#header #menu #nav li ul.e { width:100px !important; left: 535px !important;}
#header #menu #nav li ul.e li a.sub2 { background:#AD3333;}
#header #menu #nav li ul.e li a.sub3 { background:#C26666;}
#header #menu #nav li ul.e li a.sub4 { background:#D69999;}
#header #menu #nav li ul.e li a.sub5 { background:#EBCCCC;}

#header #topNav { display:block; width:170px; height:25px; position:absolute; top:10px; right:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#header #topNav li { list-style:none; display:inline;}
#header #topNav li a { color:#000; text-decoration:none;}

#imgTitles { width:900px; height:168px; background:url(../images/common/bg_imgTitles.gif) no-repeat left;}
#imgTitles #images { display:block; float:left; width:620px; height:168px;}
#imgTitles #titles { display:block; float:right; padding:7px 25px 0 0; width:235px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:25px; font-weight:700;}

.font36 { font-size:30px;}
.red { color:#B40000;}
.grey { color:#CDCDCD;}


#content.home { width:900px; height:540px; margin:0; background:url(../images/common/bg_home.gif) no-repeat; position:relative; border:0px none;}
#content.home #blurbs { width:620px; height:356px; margin-top:-168px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:700; color:#231F20; position:absolute; top:0; left:0; z-index:1;}
#content.home #blurbs a { font-size:20px; color:#fff; background:#ccc; padding:8px; float:right; text-decoration:none;}

#content.home #mediaStuff { width:255px; height:170px; padding:18px 0 0 0; position:absolute; top:0; right:25px;}
#content.home #timeLine { width:850px; height:104px; padding:13px 0; position:absolute; top:210px; right:25px; background:#ccc;}

div#wn.timeLine { position:relative; display:block; width:770px; height:104px; overflow:hidden; margin-left:40px;}
div#wn.timeLine table #boxes { display:block; float:left; width:190px; height:104px; margin-right:3px; background:#fff;}
div#wn.timeLine table #boxes.last { margin-right:0;}
div#wn.timeLine table #boxes.title { width:180px; height:94px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:700; color:#666;}

#scrollLinks.timeLine { width:850px; height:104px; position:relative; margin-top:0px;}
#scrollLinks.timeLine #arrowLeft { position:absolute; top:0; left:0px;}
#scrollLinks.timeLine #arrowRight { position:absolute; top:0; right:0px;}


#content.home #extraLinks { width:850px; height:67px; position:absolute; top:371px; right:25px;}
#content.home #extraLinks li { display:inline; list-style:none; padding-right:36px;}
#content.home #extraLinks li.end { padding-right:0;}

#content.home #Ticker { width:848px; height:23px; position:absolute; top:469px; right:25px; background:#F4F4F4; border:1px solid #ccc;}

#content.home #copyright { width:850px; height:25px; position:absolute; top:510px; left:25px; line-height:25px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; border:0px;}

#NewsVertical { width:848px; height:23px; display:block; overflow: hidden; position: relative;}
#TickerVertical { list-style:none; display:block; width:828px; padding-left:20px; height:23px; line-height:23px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}


	#NewsVertical {
	width: 848px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 848px;
	height: 23px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: 818px;
	text-align: left;
	font-size: 13px;
	line-height:21px;
	color:#666;
	margin: 0;
	padding:0 15px;
	float: left;
	display: inline;
	}


#content { width:850px; height:540px; margin:0 25px; background:url(../images/common/bg_content.gif) no-repeat 0 61px;}

#content #pageTitle { width:850px; height:33px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#B40000; font-weight:700;}
#content #pageTitle.ext { width:850px; height:33px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#B40000; font-weight:700;}


#content #wording { width:850px; height:435px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px;}
#content #wording #left { display:block; float:left; width:260px; height:auto; margin-right:23px; font-size:16px; font-weight:700;}

#content #wording #left.sitemap { width:500px;}
#content #wording #left.sitemap ul li { margin:0 0 0 20px; padding:0;}
#content #wording #left.sitemap a { color:#000; text-decoration:underline; font-size:12px; font-weight:normal;}
#content #wording #left.sitemap a:hover { text-decoration:none;}

#content #wording #left #moreInfo { display:block; width:238px; padding:10px; height:auto; font-size:14px; border:1px solid #900; font-weight:normal; }
#content #wording #left #moreInfo a { color:#666; text-decoration:underline;}
#content #wording #left #moreInfo a:hover { text-decoration:none;}

#content #wording #left.partn { display:block; float:left; width:260px; height:auto; margin-right:23px; font-size:14px; font-weight:normal;}
#content #wording #left.partn ul li { margin:0 0 0 20px; padding:0;}

#content #wording #center { display:block; float:left; width:275px; height:auto; margin-right:17px; font-size:14px;}
#content #wording #center ul li { margin:0 0 0 20px; padding:0;}


#content #wording #right { display:block; float:right; width:275px; height:auto; font-size:14px;}
#content #wording #right ul li { margin:0 0 0 20px; padding:0;}

#content #wording #right.nbn { display:block; float:right; width:250px; padding:10px; height:auto; font-size:14px; border:1px solid #900;}
#content #wording #right.nbn a { color:#000; text-decoration:underline;}
#content #wording #right.nbn a:hover { text-decoration:none;}

#content #copyright { width:850px; height:25px; line-height:25px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; border-top:1px solid #ccc;}

td.right div.com-moreInfo { display:block; float:right; width:250px; padding:10px; height:auto; font-size:14px; border:1px solid #900;}
td.right div.com-moreInfo a { color:#000; text-decoration:underline;}
td.right div.com-moreInfo a:hover { text-decoration:none;}

#content #wording #ww_innov { display:block; float:right; width:567px; height:auto; font-size:14px;}

body.theTeam { background:#fff url(../images/bgs/ladies-on-computer.jpg) no-repeat center; margin:0px;}
body.ww_innov { background:#fff url(../images/bgs/fibre.jpg) no-repeat center; margin:0px;}
body.strategic-partn { background:#fff url(../images/bgs/women-with-laptop.jpg) no-repeat center; margin:0px;}
body.contact { background:#fff url(../images/bgs/at-beach-on-phones.jpg) no-repeat center; margin:0px;}
body.services { background:#fff url(../images/bgs/couple-outdoors-laptop.jpg) no-repeat center; margin:0px;}
body.media-centre { background:#fff url(../images/bgs/media-centre.jpg) no-repeat center; margin:0px;}
body.nbn-project { background:#fff url(../images/bgs/laptop-mountains.jpg) no-repeat center; margin:0px;}
body.community { background:#fff url(../images/bgs/community-kids.jpg) no-repeat center; margin:0px;}

#copyright.about { width:850px; margin:-43px 25px 0 25px; height:30px; line-height:32px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; z-index:999;}

div#wn { position:relative; display:block; width:900px; height:540px; overflow:hidden; background: url(../images/common/bg_about.gif);}


#scrollLinks { width:900px; height:55px; position:relative; margin-top:-55px; z-index:999;}
#scrollLinks #arrowLeft { position:absolute; top:0; left:32px;}
#scrollLinks #arrowRight { position:absolute; top:0; right:32px;}

#scrollLinks #copyright { position:absolute; top:4px; left:25px; width:850px; height:25px; line-height:25px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;border-top:1px solid #ccc;}

#copyright a { color:#333; text-decoration:none;}
#copyright a:hover { text-decoration:underline;}

table .pageTitle { height:33px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#B40000; font-weight:700; border-bottom:1px solid #ccc;}
table .pageTitle2 { height:60px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#B40000; font-weight:700; border-bottom:1px solid #ccc;}

table td.left { width:260px; padding-right:23px; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px; font-size:14px;}

table td.left ul, table td.center ul, table td.right ul { margin:0 0 0 20px;}

table td.center { width:275px; padding-right:17px; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px; font-size:14px;}
table td.right { width:275px; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px; font-size:14px;}

table td.bioDetails { height:145px; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px; font-size:14px;}
table td.bioDetails img { float:left; margin-right:40px; border:1px solid #ccc;}

table td.bios { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:14px;}
table td.bios h1 { font-family:Arial, Helvetica, sans-serif; font-size:35px; color:#B40000; font-weight:700; line-height:35px;}
table td.bios h1.jm { font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#B40000; font-weight:700; line-height:35px;}
table td.bios img { float:left; margin-right:10px; border:1px solid #ccc;}

.bold16 { font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px; font-size:16px; font-weight:700;}

table td.left a, table td.center a, table td.right a { color:#B40000; text-decoration:none; font-weight:700;}


#imgTitles.media { width:900px; height:168px; background:url(../images/common/bg_imgTitles2.gif) no-repeat left;}

#imgTitles.media #titles.media { display:block; float:right; padding:10px 0 0 0; width:245px; margin-right:15px; height:158px; text-align:left; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:14px; line-height:20px;}
#imgTitles.media #titles.media a { display:block; color:#000; text-decoration:none; padding:5px 0; border-bottom:1px solid #ccc; margin-right:25px;}
#imgTitles.media #titles.media a:hover { color:#666;}

#content #pageTitle.media { width:850px; height:33px; padding:20px 0 0 0;  font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#900; font-weight:700; border-bottom:1px solid #ccc;}
#content #wording.media { width:850px; height:430px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:20px;}
#content.media { width:850px; height:540px; margin:0 25px; background:none;}
#content #wording #left.media { display:block; float:left; width:280px; height:auto; margin-right:23px; font-size:14px; font-weight:normal;}

#content #wording #left.media a { color:#000; text-decoration:none;}
#content #wording #left.media a:hover { color:#666;}

#content #wording #center.media { display:block; float:left; width:260px; height:420px; margin-right:17px; font-size:14px;}

#content #wording #center.media a { display:block; color:#000; margin-right:23px; text-decoration:none; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px;}
#content #wording #center.media a:hover { color:#666;}
#content #wording #center.media a.more { color:#fff; text-decoration:none; background:#ccc; padding:5px 10px; width:50px; float:right; font-weight:700;}
#content #wording #center.media a:hover.more { background:#999;}

#content #wording #right.media { display:block; float:right; width:265px; height:auto; font-size:14px;}

#content #wording #right.media #images { width:255px; height:210px; padding-right:5px; margin-bottom:10px; overflow:auto;}
#content #wording #right.media #images li { display:inline; list-style:none;}
#content #wording #right.media #images li a img { display:block; float:left; margin:0 3px 3px 0;}
#content #wording #right.media #images li a.end img { margin:0 0 3px 0;}

#content #wording #right.media a { color:#000; text-decoration:none;}
#content #wording #right.media a:hover { color:#666;}

.xsm { font-size:10px; color:#ccc; margin-top:-8px;}

/* Scroll Bar Styling */

/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

/* Easy Slider */
	#slideContent { position:relative; width:850px; height:560px; padding:0 25px;}
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:505px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:84px;
		height:20px;
		position:absolute;
		left:32px;
		top:485px;
		}	
	#nextBtn{ 
		left:786px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:84px;
		height:20px;
		background:url(../images/common/btn_prev1.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/common/btn_next1.gif) no-repeat 0 0;	
		}
		

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

.vscrollerbase { width: 3px; background-color:#ebebeb; }
.vscrollerbar { width: 3px; background-color: #666; cursor:pointer;}

.scrollerjogbox { width: 6px; height: 6px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray;}





/* Blog 
---------------------------------------- */
.blog #container {
	height:100% !important;
	overflow:hidden;
}
.blog #scrollLinks {
	margin-top: 20px !important;
}
.blog #content {
	background:none !important;
}

.blog #content, .blog #wording {
	height:100% !important;
	overflow:hidden !important;
}
.blog #left {
	display:none !important;
}

.blog #center {
	width:533px !important;
}
.blog #right {
	float:right !important;
}
.blog .blog-item h2 {
	font-weight:normal;
}
.blog #blog  h2#extJs_content_51, .blog #blog  h2#extJs_content_52 {
	background: url("../images/common/bg_content.gif") no-repeat scroll transparent bottom left;
	padding:0 0 6px;
}
.blog .gray {
	color:#898989 !important;
}
.blog #blog p.info, .blog #blog-reader p.info {
	margin-bottom:30px;
}
.blog .blog-item {
	margin-top:30px;
}
.blog .readmore {
	margin:20px 0;
}
.blog .blog-reader .readmore, .blog .blog-reader #comments-container-box {
	display:none;
}
.blog #comments-container-box {
	padding:15px 20px;
	background:#EAEAEA;
	border: 1px solid #DADADA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.blog a {
	color:#000;				text-decoration:none;
}
.blog #right ul {
	margin:0;
}
.blog #right li {
	list-style: none inside;
	margin:0 !important;
}
	.blog #right li a {
		font-weight:bold;
		text-decoration:none;
	}
	.blog #right .mod_newslist {
		border: 1px solid #B40000;
		padding: 10px 10px 0;
		margin-top:20px;
	}	
	.blog #right .blog-list {
		margin: 0 0 10px;
	}

	.blog #right .mod_newslist h2 {
		font-size:0.85em;
		color:#B40000;
		margin-bottom:8px;
	}

.blog .ce_comments {
	margin-top:20px;
}
	.blog .ce_comments h1 {
		font-size:1.35em;
		color:#B40000;
		margin-bottom:20px;
	}
	.blog .ce_comments .comment_default {
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom: 1px solid #B40000;
	}
	.blog .ce_comments .comment_default p.info {
		margin-bottom:none;
		color:#898989;
	}
		.blog .ce_comments .widget {
			margin-bottom:10px;
		}
		p.back a {
			color:#898989;
		}
		
		.blog #right span.gray {
			display:none;
		}
		
		.blog #blog-archive .blog-list a {
			font-size:1.1em;
			margin-top:10px;
			display:block;
		}
		
		.blog #blog-archive .blog-list a .gray {
			font-size:0.85em  !important;
		}
body.blog, body.media-center  {
	background-position:0 0;
	background-image: url("../images/bgs/media-centre.jpg");
}






body.board-directors #left {
	width:47% !important;
}
	body.board-directors #left p {
		font-weight:400;
		line-height: 22px;
	}
body.board-directors #center {
	display:none !important;
}
body.board-directors #right {
	width:47% !important;
}
body.board-directors {
	background:transparent url("http://huawei.com.au/images/bgs/board-directors-1.jpg") no-repeat center top !important;
}

body.board-directors #extJs_content_98 {
	overflow-y: scroll;
	height: 400px;
	padding-right: 15px;
}