* {
margin:0;
padding:0;
}

body {
padding:0;
margin:0 auto;
font-size:0.75em;
line-height:1.5em;
font-family:Arial, Helvetica, Sans-serif;
color:#ccc;
background:#222;
text-align:center;
}

img, div {
behavior:url(../iepngfix.htc)
}

blockquote {
padding:0 0.5em;
}

code {
color:#333;
}

a:link,a:visited {
color:#ccc;
text-decoration:none;
outline:none;
}

a:hover,a:active {
color:#0cf;
text-decoration:none;
outline:none;
}

p {
margin:0;
}

.center {
display:block;
margin-left:auto;
margin-right:auto;
}

.right {
float:right;
}

img.left {
margin:0 0.5em 0 0;
}

img.right {
margin:0 0 0 0.5em;
}

a img,img {
border:none;
}

.clear {
clear:both;
}

ul,ol {
list-style:none;
}

#background {
width:98%;
z-index:-1;
position:absolute;
top:0;
left:0;
display:block;
margin:0 auto;
}

#background div {
width:1200px;
height:678px;
background:url(../images/home_bg.jpg) 0 0 no-repeat;
margin:0 auto;
}

#homeflash {
width:1280px;
height:630px;
margin: 0 auto;
}

#about-page #background div {
background:url(../images/about_bg.jpg) 80% 0 no-repeat;
}

#projects-page #background div {
background:url(../images/projects_bg.jpg) 50% 0 no-repeat;
}

#contact-page #background div {
background:url(../images/contact_bg.jpg) 50% 0 no-repeat;
}

#container {
width:987px;
margin:0 auto;
position:relative;
text-align:left;
}

#header {
	background:url(../images/navigation.png) 0 0 no-repeat;
	width:987px;
	height:119px;
	display:block;
	margin:470px auto 0;
	position:relative;
	z-index:10;
	background-image: url(../images/navigation.png);
}

#header ol {
padding:67px 0 0 35px;
text-transform:lowercase;
}

#header ol li {
display:block;
float:left;
}

#header ol li a {
background:url(../images/nav.gif) 0 0 no-repeat;
display:block;
float:left;
margin:0 6px 0 0;
line-height:1em;
font-size:16pt;
height:35px;
position:relative; }

#header ol li#nhome a {
width:43px;
position:relative; 
}

#header ol li#nabout a {
width:46px;
background-position:-48px 0;
}

#header ol li#nprojects a {
width:69px;
background-position:-98px 0;
}

#header ol li#ncontact a {
width:65px;
background-position:-170px 0;
}

#header ol li#nhome.current a, #header ol li#nhome a:hover,#header ol li#nhome a:active {
width:43px;
background-position:0 -32px;
}

#header ol li#nabout a:hover,#header ol li#nabout a:active,#header ol li#nabout.current a {
width:46px;
background-position:-48px -32px;
}

#header ol li#nprojects a:hover,#header ol li#nprojects a:active,#header ol li#nprojects.current a {
width:69px;
background-position:-98px -32px;
}

#header ol li#ncontact a:hover,#header ol li#ncontact a:active,#header ol li#ncontact.current a {
width:65px;
background-position:-170px -32px;
}

#home {
position:absolute;
top:72px;
left:0;
display:none;
}

#footer {
	clear:both;
	padding:20px 0 0 32px;
	height:30px;
	position:relative;
	top: 0px;
}

#home-page #footer {
		position: relative;
		top: -32px;
		}

#about-page #footer,#home-page #footer {
padding:0 0 0 32px;
}

#contact-page #footer {
padding:20px 0 0 32px;
}

#footer #copyright {
background:url(../images/footer.png) no-repeat;
display:block;
width:198px;
height:30px;
}

#basegroup {
	position: absolute;
	top:120px;
	right:1px;
	background:url(../images/footer.png) no-repeat;
	background-position:0 -27px;
	display:block;
	width:198px;
	height:30px;
	text-indent:-500000em;
}

#contact-page #basegroup {
top:327px;
}

#about-page #basegroup {
top:333px;
}

#projects-page #basegroup {
top:346px;
}

#baselinks {
float:right;
height:65px;
width:127px;
position:absolute;
top:-48px;
right:0px;
z-index:15;
background:url(../images/footer.png) no-repeat;
background-position:-65px -63px;
}

#baselinks li a {
background:url(../images/footer.png) no-repeat;
height:26px;
}

#baselinks li#b1 a {
background-position:-65px -63px;
width:100%;
display:block;
}

#baselinks li#b1 a:hover {
background-position:-65px -133px;
width:100%;
}

#baselinks li#b2 a {
background-position:-65px -88px;
width:100%;
display:block;
}

#baselinks li#b2 a:hover {
background-position:-65px -158px;
width:100%;
}

#baselinks li span {
display:none;
}


#content {
padding:0 35px;
}

#about-page #content {
padding:0 0 0 35px;
}

#contact-page #content {
padding:0 0 0 35px;
margin: 0 -10px 0 0;
}

#about-page h2, #contact-page h2 {
font-size:24px;
}

#about-image {
float:right;
margin:5px -20px 0 0 
}

#about-page #inner-content {
width:425px;
padding:5px 0 0 0;
}

#contact-page span.formatted {
font-size:18px;
}

#contact-page p {
margin: -9px 0 23px 0;
line-height: 1.4em;
}

#contact-form {
background:transparent url(../images/contact-form.gif) 100% 0 no-repeat;
width:820px;
height:200px;
float:right;
margin:-35px 0 0 0;
position:relative;
}

#contact-form label {
display:none;
}

#contact-form * {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:none;
color:#ccc;
}

#contact-form input, #contact-form textarea {
background:transparent none !important;
}

#contact-form label.error {
position:absolute;
top:18px;
left:-45px;
width:170px;
padding: 0 5px;
background:#333;
}

#contact-form #message-field label.error {
position:absolute;
top:71px;
left:1px;
width:150px;
}

#contact-form input {
width: 135px;
padding:2px 0;
}

#contact-form #name-field {
position:absolute;
top:48px;
left:370px;
}

#contact-form #email-field {
position:absolute;
top:86px;
left:370px;
}

#contact-form #phone-field {
position:absolute;
top:125px;
left:370px;
}

#contact-form #message-field {
position:absolute;
top:72px;
left:555px;
}

#contact-form #message {
width:190px;
}

#contact-form #send {
position:absolute;
top:138px;
right:12px;
width:60px;
height:30px;
padding:13px 0 0 0;
font-size:0;
color:#222;
}

#contact-page #inner-content {
width:125px;
right:70px;
padding:5px 0 0 0;
float:left;
}

#scroll {
background:#222;
position:absolute;
top:50px;
right:70px;
height:83px;
width:26px;
display:block;
}

#up {
position:absolute;
top:5px;
right:0px;
}

#down {
position:absolute;
top:60px;
right:0px;
}

#thankyou {
position:absolute;
top:26px;
left:565px;
font-weight:bold;
color:#0cf;
}

#arrow{
display:none;
position:absolute;
top:77px;
left:762px;
padding:0;
height:70px;
width:52px;
zoom: 1;
}

#project {
display: none;
}

#project-title {
margin: 0 0 9px 0;
}

.categories {
float:left;
width:185px;
}

.categories h2 {
font-family:marydalee, Arial, Helvetica, sans-serif;
font-size:18pt;
line-height:0.7em;
margin:0 0 7px;
font-weight:normal;
}

li {
font-family:marydalee, Arial, Helvetica, sans-serif;
font-size:14pt;
line-height:1em;
}

.categories li {
height:24px;
display:block;
}

.categories li a {
display:block;
}

.current a,li.current a,h2.current,a.current, li.current1 a {
color:#0cf;
}

li.long {
line-height:0.85em;
height:51px !important;
}

li.long em .flir-image {
margin-top:-5px !important;
}

.formatted {
font-family:marydalee, Arial, Helvetica, sans-serif;
font-size:14pt;
line-height:1em;
color:#ccc;
}

.description {
font-size:0.9em;
}

#project-details {
width:546px;
float:left;
position:relative;
display:none;
}

.project-details {
width:520px;
float:right;
}

#project-details h2 {
font-family:marydalee, Arial, Helvetica, sans-serif;
font-size:18pt;
margin:0 0 10px;
color:#0cf;
}

#project-thumbs {
position:absolute;
top:7px;
right:11px;
z-index:15;
width:546px;
}

#project-thumbs li {
float:left;
display:block;
width:182px;
height:100px;
position:relative;
cursor:pointer;
}

#project-thumbs li a strong {
display: none;
}

#project-thumbs li span.caption {
font-family:marydalee, Arial, Helvetica, sans-serif;
font-size:14pt;
position:absolute;
top:68px;
left:10px;
color:#ddd;
}

.t1 {
background-position: 0 0;
}
.t2 {
background-position: -182px 0 !important;
}
.t3 {
background-position: -364px 0 !important;
}

.t1.unselected {
background-position: 0 -100px !important;
}
.t2.unselected {
background-position: -182px -100px !important;
}
.t3.unselected {
background-position: -364px -100px !important;
}

.t1:hover {
background-position: 0 -200px !important;
}
.t2:hover{
background-position: -182px -200px !important;
}
.t3:hover {
background-position: -364px -200px !important;
}

.t1.current:hover {
background-position: 0 0 !important;
}
.t2.current:hover{
background-position: -182px 0 !important;
}
.t3.current:hover {
background-position: -364px 0 !important;
}
/*
#project-thumbs li span.gradient {
background:url(../images/gradient_thumb_bg.png) repeat-x 0 100%;
position:absolute;
display:block;
width:182px;
height:100px;
}

#project-thumbs li a img.current {
opacity:1.0px;
}

#project-thumbs li a img.unselected {
opacity:0.6px;
}

#project-thumbs li:hover a img {
opacity:0.8px;
}
*/

/* Projects Navigation */

#byindustry-title {
background:url(../images/projects_nav.gif) no-repeat -455px -16px;
height:40px;
width:125px;
margin:0;
padding:0;
}

#project-title {
background:url(../images/projects_nav.gif) no-repeat -455px -67px;
height:41px;
width:125px;
margin:0;
padding:0;
}

#byindustry-title span, #project-title span {
display:none;
}

#industry-nav li a {
background:url(../images/projects_nav.gif) no-repeat 0 0;
height:24px;
width:165px;
margin:0 0 0 -3px;
padding:0;
}

#industry-nav li span {
display:none;
}

#industry-nav li.education a {
background-position:-28px -16px;
}

#industry-nav li.entertainment a {
background-position:-28px -41px;
}

#industry-nav li.fashion a {
background-position:-28px -65px;
}

#industry-nav li.sports a {
background-position:-28px -89px;
}

#industry-nav li.property-development a {
background-position:-28px -115px;
}

#industry-nav li.infrastructure a {
background-position:-28px -139px;
}

#industry-nav li.industry a {
background-position:-28px -163px;
}

#industry-nav li.education a:hover, #industry-nav li.education a:active, #industry-nav li.education.current a {
background-position:-226px -16px;
}

#industry-nav li.entertainment a:hover, #industry-nav li.entertainment a:active, #industry-nav li.entertainment.current a {
background-position:-226px -41px;
}

#industry-nav li.fashion a:hover, #industry-nav li.fashion a:active, #industry-nav li.fashion.current a {
background-position:-226px -65px;
}

#industry-nav li.sports a:hover, #industry-nav li.sports a:active, #industry-nav li.sports.current a {
background-position:-226px -89px;
}

#industry-nav li.property-development a:hover, #industry-nav li.property-development a:active, #industry-nav li.property-development.current a {
background-position:-226px -115px;
}

#industry-nav li.infrastructure a:hover, #industry-nav li.infrastructure a:active, #industry-nav li.infrastructure.current a {
background-position:-226px -139px;
}

#industry-nav li.industry a:hover, #industry-nav li.industry a:active, #industry-nav li.industry.current a {
background-position:-226px -163px;
}

.projects li{
height:23px;
display:block;
}

.projects li a {
background:url(../images/projects_nav.gif) no-repeat 0 0;
height:23px;
width:165px;
margin:0;
padding:0;
display:block;
}

.projects li span {
display:none;
}

.projects li.safesex a{
background-position: -29px -256px;
height:28px;
}

.projects li.supervising {
height:49px;
}

.projects li.supervising a {
background-position:-28px -281px;
height:49px;
}

.projects li.skilling-nsw, .projects li.career-choices {
height:27px;
}

.projects li.skilling-nsw a {
background-position:-28px -328px;
height:27px;
}

.projects li.career-choices a {
background-position:-28px -354px;
}

.projects li.toot-n-tinkle a {
background-position:-28px -379px;
}

.projects li.little-amigos a {
background-position:-28px -399px;
height:27px;
}

.projects li.supervising a:hover, .projects li.supervising a:active, .projects li.supervising.current1 a {
background-position:-226px -281px;
height:49px;
}

.projects li.safesex  a:hover, .projects li.safesex a:active, .projects li.safesex.current1 a {
background-position: -226px -256px;
height:28px;
}

.projects li.skilling-nsw a:hover, .projects li.skilling-nsw a:active, .projects li.skilling-nsw.current1 a {
background-position:-226px -328px;
}

.projects li.career-choices a:hover, .projects li.career-choices a:active, .projects li.career-choices.current1 a {
background-position:-226px -354px;
}

.projects li.toot-n-tinkle a:hover, .projects li.toot-n-tinkle a:active, .projects li.toot-n-tinkle.current1 a {
background-position:-226px -379px;
}

.projects li.little-amigos a:hover, .projects li.little-amigos a:active, .projects li.little-amigos.current1 a {
background-position:-226px -399px;
}

.projects li.argyle a:hover, .projects li.argyle a:active, .projects li.argyle.current1 a {
background-position:-226px -477px;
height:24px;
}

.projects li.iceage a:hover, .projects li.iceage a:active, .projects li.iceage.current1 a {
background-position:-226px -450px;
height:26px;
}

.projects li.havana-club-deluxe a:hover, .projects li.havana-club-deluxe a:active, .projects li.havana-club-deluxe.current1 a {
background-position:-226px -502px;
}

.projects li.jason-roberts a:hover, .projects li.jason-roberts a:active, .projects li.jason-roberts.current1 a {
background-position:-226px -525px;
}

.projects li.urban-music a:hover, .projects li.urban-music a:active, .projects li.urban-music.current1 a {
background-position:-226px -549px;
}

.projects li.westfield a:hover, .projects li.westfield a:active, .projects li.westfield.current1 a {
background-position:-226px -615px;
}

.projects li.mezi-jewellery a:hover, .projects li.mezi-jewellery a:active, .projects li.mezi-jewellery.current1 a {
background-position:-226px -641px;
height:26px;
}

.projects li.nrl-panthers a:hover, .projects li.nrl-panthers a:active, .projects li.nrl-panthers.current1 a {
background-position:-226px -728px;
}

.projects li.isports a:hover, .projects li.isports a:active, .projects li.isports.current1 a {
background-position:-226px -704px;
}

.projects li.one-whitsundays a:hover, .projects li.one-whitsundays a:active, .projects li.one-whitsundays.current1 a {
background-position:-226px -805px;
}

.projects li.murrays-beach a:hover, .projects li.murrays-beach a:active, .projects li.murrays-beach.current1 a {
background-position:-226px -830px;
}

.projects li.spectrum a:hover, .projects li.spectrum a:active, .projects li.spectrum.current1 a {
background-position:-226px -855px;
}

.projects li.triptych a:hover, .projects li.triptych a:active, .projects li.triptych.current1 a {
background-position:-226px -878px;
}


.projects li.westgate-freeway a:hover, .projects li.westgate-freeway a:active, .projects li.westgate-freeway.current1 a {
background-position:-226px -958px;
height:25px;
}

.projects li.jamie-durie a:hover, .projects li.jamie-durie a:active, .projects li.jamie-durie.current1 a {
background-position:-226px -1088px;
}

.projects li.six-figures a:hover, .projects li.shredfast a:active, .projects li.shredfast.current1 a {
background-position:-226px -1113px;
}

.projects li.shredfast a:hover, .projects li.shredfast a:active, .projects li.shredfast.current1 a {
background-position:-226px -1139px;
}

.projects li.argyle {
height:24px;
}

.projects li.argyle a {
background-position:-28px -477px;
height:24px;
}

.projects li.iceage {
height:26px;
}

.projects li.iceage a {
background-position:-28px -450px;
height:26px;
}

.projects li.havana-club-deluxe a {
background-position:-28px -502px;
}

.projects li.jason-roberts a {
background-position:-28px -525px;
}

.projects li.urban-music a {
background-position:-28px -549px;
}

.projects li.westfield a {
background-position:-28px -615px;
}

.projects li.mezi-jewellery {
height:26px;
}

.projects li.mezi-jewellery a {
background-position:-28px -641px;
height:26px;
}

.projects li.nrl-panthers a {
background-position:-28px -728px;
}

.projects li.isports a {
background-position:-28px -704px;
}

.projects li.one-whitsundays a {
background-position:-28px -805px;
}

.projects li.murrays-beach a {
background-position:-28px -830px;
}

.projects li.spectrum a {
background-position:-28px -855px;
}

.projects li.triptych a {
background-position:-28px -878px;
}


.projects li.westgate-freeway a {
background-position:-28px -958px;
height:25px;
}

.projects li.jamie-durie a {
background-position:-28px -1088px;
}

.projects li.six-figures {
height:27px;
}

.projects li.six-figures a {
background-position:-28px -1113px;
height:27px;
}

.projects li.shredfast a {
background-position:-28px -1139px;
}


#project-gallery {
position:absolute;
top:-590px;
left:-379px;
height:520px;
width:950px;
}

#project-gallery ul.jqGalScroll img {
height:520px;
width:950px;
}

#project-gallery li span {
background:url(../images/gradient_bg.png) repeat-x 0 100%;
position:absolute;
display:block;
width:950px;
height:520px;
}

.loadinbackground,#loadinbackground {
height:0;
width:520px;
overflow:hidden;
display:none;
}

#loadinbackground p.formatted {
width:520px;
}

/*#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}*/

#facebox {
position:absolute;
top:0;
left:0;
z-index:100;
text-align:left;
}

#facebox .popup {
position:relative;
}

#facebox table {
border-collapse:collapse;
}

#facebox td {
border-bottom:0;
padding:0;
}

#facebox .body {
padding:0;
background:transperant;
width:720px;
height:405px;
margin:0 auto;
text-align:center;
color:#ccc;
}

#facebox img {
border:0;
margin:0;
}

#facebox .footer {
position:absolute;
top:13px;
right:-41px;
}

#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {
height:10px;
width:10px;
overflow:hidden;
padding:0;
}

#facebox_overlay {
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
}

.facebox_hide {
z-index:-100;
}

.facebox_overlayBG {
background-color:#000;
z-index:99;
}

* html #facebox_overlay {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

ul.jqGalScroll,ul.jqGalScroll li {
float:left;
margin:0;
padding:0;
}

.jqgsContainer ul {
position:relative;
list-style:none;
margin:0;
padding:0;
}

.jqgsNav {
height:266px;
width:987px;
position:absolute;
margin-top:-133px;
top:380px;
left:20px;
}

.jqgsPagination {
font-family:marydale, Arial, Helvetica, sans-serif;
height:80px;
width:80px;
}

.jqgsPagination a {
display:none;
font-size:18pt;
color:#0cf;
}

.jqgsPagination a.selected {
position:absolute;
top:300px;
right:-90px;
width:80px;
height:80px;
display:block;
cursor:text !important;
}

.jqgsNav a.jqgsUp .hover {
background:url(../images/right_icon_hover.png) no-repeat;
}

.jqgsNav .down {
background:url(../images/left_icon.png) no-repeat 0 70%;
width:65px;
height:45px;
display:block;
overflow:hidden;
position:absolute;
top:0;
left:-98px;
}

h1,h2 {
color:#ccc;
}

.left,#copyright,.jqgsContainer li {
float:left;
}

#header h1,#header ol li a span,#footer span,.projects h3,.up *,.down *,.jqgsDown span {
display:none;
}

#project-thumbs li a img.current,#project-thumbs li:hover a img.current {
opacity:1px;
}

#facebox .loading,#facebox .image {
text-align:center;
}

.jqgsUp,.up {
background:url(../images/right_icon.png) no-repeat;
width:99px;
height:45px;
display:block;
overflow:hidden;
position:absolute;
top:0;
right:-22px;
}

/* IE 6 Projects page */

#projects-ie6 {
background:url(../images/projects_ie6.gif) no-repeat;
width:871px;
height:199px;
margin: 0 0 0px 0;
}

#projects-ie6 p{
display:none;
}

#projects-ie6 span {
display:none;
}

#projects-ie6 #ie a {
position:absolute;
bottom:70px;
left:30px;
width:175px;
height:27px;
display:block;
}

#projects-ie6 #ff a {
position:absolute;
bottom:70px;
left:250px;
width:115px;
height:27px;
display:block;
}

#projects-ie6 #wm a {
position:absolute;
bottom:70px;
left:473px;
width:150px;
height:27px;
display:block;
}

#projects-ie6 #qt a {
position:absolute;
bottom:70px;
left:653px;
width:105px;
height:27px;
display:block;
}

#projects-ie6 #cl a {
position:absolute;
bottom:155px;
left:613px;
width:105px;
height:56px;
display:block;
z-index:200;
}