@import url(reset.css);
@import url(tabs.css);

/* --------------------------------------------------------------------------------
 * HTML
 * -------------------------------------------------------------------------------- */ 
body {
	font: 62.5%/1.4 verdana,arial,helvetica,sans-serif; /* Resets 1em to 10px */
	color: #666;
	background: url(../images/global/bg_global.png) repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

p {
	padding: 0 0 10px 0;
	font-size: 1.1em;
}

a:link,a:visited {
	color: #ff0000;
}

a:hover {
	color: #666;
}

ul { font-size: 1.1em }

/* --------------------------------------------------------------------------------
 * Layout
 * -------------------------------------------------------------------------------- */ 
#wrap-bg {
	background: url(../images/global/bg_wrap.png) no-repeat 50% 0;
}

#wrap {
	margin: 0 auto;
	width: 974px;
}


#header {
    height: 398px;
    text-align: left;
	background: #990000 url(../images/homepage/homebg.jpg) no-repeat 0 0; /* placeholder */
	position: relative;
} 

h1#rs-logo {
	width: 710px;
	height: 55px;
	font-size: 0px;
	text-indent: -9999px;
	position: absolute;
	top: 15px;
	left: 135px;
	z-index: 1;
}

#flash-box {
	width: 100%;
	padding-top: 29px;
    position: absolute;
    z-index: 0;
}

body#about #flash-box  {
	padding: 100px 0 0 250px;
}

#header-intro {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 105px;
	left: 60px;
	z-index: 0;
}

#header-intro h2, #header-intro p {
	text-indent: -9999em;
	font-size: 0;
}

p.noFlash {
	width: auto;
	color: #fff;
	padding-top: 150px;
	text-align: center;
}


ul#main-nav {
	width: 717px;
	height: 34px;
	background: url(../images/global/bg_main_nav.png) no-repeat 0 0;
    position: absolute;
	top: 55px;
	left: 131px;
    z-index: 1;
}

ul#main-nav li {
	display: block;
	height: 34px;
	float: right;
}

ul#main-nav li a, ul#main-nav li a:visited {
	display: block;
	height: 34px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#main-nav li.menu-home a { width: 89px; background-image: url(../images/nav/bt_home.gif); }
body#index ul#main-nav li.menu-home a { display: none; }

ul#main-nav li.menu-webqem a { width: 96px; background-image: url(../images/nav/bt_webqem.gif); margin-left: 532px; }

ul#main-nav li.menu-about a { width: 96px; background-image: url(../images/nav/bt_about2.gif); margin-left: 532px; }
/*ul#main-nav li.menu-about a { width: 101px; background-image: url(../images/nav/bt_about.gif); }*/
ul#main-nav li.menu-portfolio a { width: 136px; background-image: url(../images/nav/bt_portfolio.gif); }
ul#main-nav li.menu-clients  a { width: 116px; background-image: url(../images/nav/bt_clients.gif); }
ul#main-nav li.menu-services a { width: 131px; background-image: url(../images/nav/bt_services.gif); }
ul#main-nav li.menu-jobs a{ width: 90px; background-image: url(../images/nav/bt_jobs.gif); }
ul#main-nav li.menu-contact a { width: 143px; background-image: url(../images/nav/bt_contact.gif); }

ul#main-nav li a:hover,

/* current page */
body#about ul#main-nav li.menu-about a,
body#portfolio ul#main-nav li.menu-portfolio a

{
	background-position: 0 -100px;
}


#content-container {
	background: url(../images/homepage/bg_content_container.gif) repeat-y 0 0;
}

#column-left {
}

#content {
}

#footer {
}
	
/* --------------------------------------------------------------------------------
 * Headers
 * -------------------------------------------------------------------------------- */ 
h1#title {
}

#column-left h2 {
}

#column-left h3 {
}

/* --------------------------------------------------------------------------------
 * Content
 * -------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------------------- */ 
#footer {
	color: #970000;
	background: url(../images/global/bg_footer.gif) repeat-x 0 0;
}

#footer a, #footer a:visited {
	color: #970000;
}

#footer a:hover {
	color: #666;
}

/* Microformats */
#footer {
}

ul.vcard {
	height: 33px;
	padding-left: 300px;
}

ul.vcard li {
	float: left;
	padding: 10px 0 0 15px;
	margin-right: 20px;
}

ul.vcard ul {
	font-size: 100%;
}

ul.vcard ul li {
	padding: 0;
	margin-right: 5px;
}


li.org { text-indent: -9999em; }
li.adr { background: url(../images/global/ic_vcard.gif) no-repeat 0 0; }
li.country-name { width:0px; text-indent: -9999em; }
li.tel { background: url(../images/global/ic_vcard.gif) no-repeat 0 -99px; }
ul.vcard li.fax { background: url(../images/global/ic_vcard.gif) no-repeat 0 -197px; padding-left: 31px; }
li.e-mail { background: url(../images/global/ic_vcard.gif) no-repeat 0 -299px; }
li.gmap { background: url(../images/global/ic_vcard.gif) no-repeat 0 -413px; display: block; text-indent: -9999em; width: 165px; }
li.gmap a { display: block; height: 26px; }




/* --------------------------------------------------------------------------------
 * Homepage
 * -------------------------------------------------------------------------------- */ 

p#intro {
	position: absolute;
	top: 340px;
	color: #fff;
	padding: 14px 65px;
	line-height: 1.6em;
	margin-bottom: 0;
}

#client-pod {
	background:	#f0f0f0;
}

#client-pod h3 {
	padding: 15px 65px;
}

#client-pod p {
	margin: 0;
	padding: 0 65px 15px 65px;
	font-size: 1.2em;
}

ul#client-list {
	height: 155px;
	padding-left: 85px;
	background: #e5e5e5;
}

ul#client-list li {
	display: block;
	height: 50px;
	text-indent: -9999em;
	float: left;
	margin: 20px 30px 0 0; 
}

ul#client-list li.last { margin-right: 0; }
ul#client-list li.client-maersk,
ul#client-list li.client-scec,
ul#client-list li.client-smorgon-steel,
ul#client-list li.client-tourism-queensland
 { margin-right: 15px; }

ul#client-list li a {
	display: block;
	height: 50px;
}

ul#client-list li.client-arista a { width: 78px; background: url(../images/homepage/client_logos/gr_arista.gif) no-repeat 0 0; }
ul#client-list li.client-bluedog a { width: 66px; background: url(../images/homepage/client_logos/gr_blue_dog.gif) no-repeat 0 0; }
ul#client-list li.client-bluescope a { width: 54px; background: url(../images/homepage/client_logos/gr_bluescope.gif) no-repeat 0 0; }
ul#client-list li.client-calliden a { width: 77px; background: url(../images/homepage/client_logos/gr_calliden.gif) no-repeat 0 0; }
ul#client-list li.client-leforge a { width: 80px; background: url(../images/homepage/client_logos/gr_leforge.gif) no-repeat 0 0; }
ul#client-list li.client-campquality a { width: 49px; background: url(../images/homepage/client_logos/gr_camp_quality.gif) no-repeat 0 0; }
ul#client-list li.client-ferrier-hodgson a { width: 41px; background: url(../images/homepage/client_logos/gr_fh.gif) no-repeat 0 0; }
ul#client-list li.client-mark-webber a { width: 53px; background: url(../images/homepage/client_logos/gr_mark_webber.gif) no-repeat 0 0; }
ul#client-list li.client-maersk a { width: 80px; background: url(../images/homepage/client_logos/gr_maersk.gif) no-repeat 0 0; }
ul#client-list li.client-morgan a { width: 80px; background: url(../images/homepage/client_logos/gr_morganbuckley.gif) no-repeat 0 0; }
ul#client-list li.client-goodguys a { width: 80px; background: url(../images/homepage/client_logos/gr_goodguys.gif) no-repeat 0 0; }
ul#client-list li.client-oneworld a { width: 41px; background: url(../images/homepage/client_logos/gr_oneworld.gif) no-repeat 0 0; }
ul#client-list li.client-panasonic a { width: 79px; background: url(../images/homepage/client_logos/gr_panasonic.gif) no-repeat 0 0; }
ul#client-list li.client-scec a { width: 66px; background: url(../images/homepage/client_logos/gr_scec.gif) no-repeat 0 0; }
ul#client-list li.client-smorgon-steel a { width: 74px; background: url(../images/homepage/client_logos/gr_smorgon.gif) no-repeat 0 0; }
ul#client-list li.client-tourism-queensland a { width: 90px; background: url(../images/homepage/client_logos/gr_queensland.gif) no-repeat 0 0; }
ul#client-list li.client-vintage-blue a { width: 80px; background: url(../images/homepage/client_logos/gr_vintageblue.gif) no-repeat 0 0; }
ul#client-list li.client-yha a { width: 42px; background: url(../images/homepage/client_logos/gr_yha.gif) no-repeat 0 0; }
ul#client-list li.client-det a { width: 67px; background: url(../images/homepage/client_logos/gr_det.gif) no-repeat 0 0; }
ul#client-list li.client-fuji-xerox a { width: 81px; background: url(../images/homepage/client_logos/gr_fuji_xerox.gif) no-repeat 0 0; }
ul#client-list li a:hover {
	background-position: 0 -100px;
}



body#index #content-container {
	padding-left: 85px;
}

#content-container .col {
	float: left;
	width: 230px;
	padding: 0 30px 30px 30px;
}

#content-container .col h3 {
	text-indent: -9999em;
}

#content-container .col p {
	text-align: justify;
}

#content-container #jobs {
	background: url(../images/homepage/hd_jobs.gif) no-repeat 0 20px;
}
#content-container #news {
	background: url(../images/homepage/hd_news.gif) no-repeat 0 20px;
}
#content-container #launched {
	background: url(../images/homepage/hd_just_launched.gif) no-repeat 0 20px;
}

ul#just-launched {
}

ul#just-launched li {
	display: block;
	height: 110px;
	text-indent: -9999em;
	padding-bottom: 15px;
}

ul#just-launched li a {
	display: block;
	width: 200px;
	height: 110px;
}
ul#just-launched li#spremote a { background: url(../images/homepage/just_launched/bt_sponsorship_remote.jpg) no-repeat 0 0; }
ul#just-launched li#leforge a { background: url(../images/homepage/just_launched/bt_leforge.jpg) no-repeat 0 0; }
ul#just-launched li#goodguys a { background: url(../images/homepage/just_launched/bt_goodguys.jpg) no-repeat 0 0; }
ul#just-launched li#calliden a { background: url(../images/homepage/just_launched/bt_calliden.jpg) no-repeat 0 0; }
ul#just-launched li#mw a { background: url(../images/homepage/just_launched/bt_markwebber.jpg) no-repeat 0 0; }
ul#just-launched li#ken a { background: url(../images/homepage/just_launched/bt_kenduncan.jpg) no-repeat 0 0; }
ul#just-launched li#oly a { background: url(../images/homepage/just_launched/bt_panolympics.jpg) no-repeat 0 0; }
ul#just-launched li#p08 a { background: url(../images/homepage/just_launched/bt_platform08.jpg) no-repeat 0 0; }
ul#just-launched li#remote a { background: url(../images/homepage/just_launched/bt_olympic_remote.jpg) no-repeat 0 0; }

ul#just-launched li#spremote a:hover,
ul#just-launched li#leforge a:hover,
ul#just-launched li#goodguys a:hover,
ul#just-launched li#calliden a:hover,
ul#just-launched li#mw a:hover,
ul#just-launched li#ken a:hover,
ul#just-launched li#oly a:hover,
ul#just-launched li#p08 a:hover,
ul#just-launched li#remote a:hover {
	background-position: 0 -150px;
}

input.job-email { width: 224px; color: #ff0000; border: 1px solid #ccc; padding: 2px; font-size: 11px; font: verdana, arial, helvetica, sans-serif; }


/* --------------------------------------------------------------------------------
 * 
 * 
 *  Second Level
 * 
 * 
 * -------------------------------------------------------------------------------- */ 

/* --------------------------------------------------------------------------------
 * Layout [Second Level]
 * --------- ----------------------------------------------------------------------- */ 

body.level2 #content-container {
	padding-top: 35px;
	background: #f0f0f0 url(../images/global/bg_content_panel.gif) repeat-x 0 0;
}

.left-col {
	float: left;
	width: 250px;
}

.right-col {
	float: left;
	width: 645px;
	padding-bottom: 30px;
}

ul#subnav {
}

ul#subnav li {
	display: block;
}

ul#subnav li a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 75px;
	background: url(../images/global/bg_subnav.gif) no-repeat 10px 0;
	text-decoration: none;
}

ul#subnav li a:hover {
	color: #fff;
	background-position: 10px -99px;
}

subnav-about {}
subnav-strengths {}
subnav-company {}
subnav-sponsorship {}

/* --------------------------------------------------------------------------------
 * Headers [Second Level]
 * -------------------------------------------------------------------------------- */ 
body#about #header {
	background: #990000 url(../images/about/aboutbg.jpg) no-repeat 0 0; /* placeholder */
} 


/* --------------------------------------------------------------------------------
 * Content [Second Level]
 * -------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------
 * Page specific
 * -------------------------------------------------------------------------------- */ 
/*--- About section ---*/
body#about ul#subnav li.subnav-about a,
/*--- Portfolio section ---*/
body#portfolio ul#subnav li.subnav-portfolio a
{
	color: #ff0000;
}

body#about ul#subnav li.subnav-about a:hover,
body#portfolio ul#subnav li.subnav-portfolio a:hover
{
	color: #ff0000;
	background-position: 10px 0;
}

body#about #header-intro {
	background: url(../images/panels/gr_toppanel_about.png) no-repeat 0 0;
}

body#portfolio #header-intro {
	background: url(../images/panels/gr_toppanel_portfolio.png) no-repeat 0 0;
}


/* --------------------------------------------------------------------------------
 * Portfolio
 * -------------------------------------------------------------------------------- */ 
.portfolio {
	width: 700px;
}

.one {
	float: left;
	width: 200px;
	padding: 0 25px 0 0
}

.two {
	float: left;
	width: 450px;
}

.three {
	width: 685px;
}

.one h4 {
	width: 200px;
	height: 23px;
	text-indent: -9999em;
}

.two h4 {
	width: 430px;
	height: 23px;
	text-indent: -9999em;
}

.three h4 {
	width: 660px;
	height: 23px;
	text-indent: -9999em;
}

.portfolio-box {
	width: 200px;
	margin-bottom: 30px;
	padding-bottom: 2px;
	background: url(../images/portfolio/bg_portfolio_box.gif) no-repeat 0 100%;
}

.portfolio-box img {
	display: block;
	border-bottom: 1px solid #ccc;
}

.portfolio-box p {
	width: 110px;
	float: left;
	padding: 22px 0 0 5px;
	font-size: 9px;
}

.portfolio-box ul {
	padding-top: 17px;
}

.portfolio-box li {
	margin-right: 4px;
	font-size: 9px;
	text-align: right;
	color: #ff0000;
}

.portfolio-box li a {
	height: 16px;
	line-height: 16px;
	padding-right: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background: url(../images/global/bt_link.gif) no-repeat 100% 0;
}

.portfolio-box li a:hover {
	color: #970000;
	background-position: 100% -100px;
}

.two .portfolio-box {
	float: left;
	margin-right: 25px;
}

.three .portfolio-box {
	float: left;
	margin-right: 25px;
}

/* Portfolio headers */
h4.arista { background:url(../images/portfolio/hd_arista.gif) no-repeat 0 0 }
h4.bluedog { background:url(../images/portfolio/hd_bluedog.gif) no-repeat 0 0 }
h4.bluescope { background:url(../images/portfolio/hd_bluescope.gif) no-repeat 0 0 }
h4.calliden { background:url(../images/portfolio/hd_calliden.gif) no-repeat 0 0 }
h4.campquality { background:url(../images/portfolio/hd_camp_quality.gif) no-repeat 0 0 }
h4.det { background:url(../images/portfolio/hd_det.gif) no-repeat 0 0 }
h4.fh { background:url(../images/portfolio/hd_ferrier_hodgson.gif) no-repeat 0 0 }
h4.mw { background:url(../images/portfolio/hd_mark_webber.gif) no-repeat 0 0 }
h4.maersk { background:url(../images/portfolio/hd_youship.gif) no-repeat 0 0 }
h4.mb { background:url(../images/portfolio/hd_morgan_buckley.gif) no-repeat 0 0 }
h4.oneworld { background:url(../images/portfolio/hd_oneworld.gif) no-repeat 0 0 }
h4.panasonic { background:url(../images/portfolio/hd_panasonic.gif) no-repeat 0 0 }
h4.scec { background:url(../images/portfolio/hd_scec.gif) no-repeat 0 0 }
h4.smorgon { background:url(../images/portfolio/hd_smorgon.gif) no-repeat 0 0 }
h4.tourism_qld { background:url(../images/portfolio/hd_tourism_qld.gif) no-repeat 0 0 }
h4.vintageblue { background:url(../images/portfolio/hd_vintageblue.gif) no-repeat 0 0 }
h4.yha { background:url(../images/portfolio/hd_yha.gif) no-repeat 0 0 }


/* --------------------------------------------------------------------------------
 * Extras
 * -------------------------------------------------------------------------------- */ 
.clearer {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height:0;
}

p.more a,p.more a:visited {
	display: block;
	text-indent: -9999em;
	width: 52px;
	height: 15px;
	background: url(../images/global/bt_more.gif) no-repeat 0 0;
}

p.more a:hover { background-position: 0 -50px; }
p.errorMsg, p.confirmMsg { color: #970000; font-weight: bold; }
.left	{ float: left; }
.right	{ float: right; }


body #tab3content li {
	list-style-type: disc;
	margin-left: 20px;
}