﻿/* Global */

body 
{
    margin:0px;
    padding:0px;
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    text-align:left;
    background-color:#000;
    color:#afafaf;
    background-color:#000;
    font-size:12px;
	line-height:1.45em;
    background: url("../images/page-bg.jpg");
    background-color:#fff;
}

a
{
    text-decoration: none;
    color:#ccc;
}

a img
{
    border-width:0px;
}

a.mail
{
    text-decoration: underline;
    color:#afafaf;
}

.bg-wrapper
{
    position:absolute;
    top:0px;
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    display:none;
}
.bg-wrapper0
{
    position:absolute;
    top:0px;
    width: 100%;
    height: 460px;
    background-repeat: no-repeat;
    display:none;
}

.bg-c
{
    display:block;
    background-image: url("../images/under_construction.jpg");
    height: 1153px;
}
.bg-01
{
    background-image: url("../images/bg01.jpg");
}
.bg-02
{
    background-image: url("../images/bg02.jpg");
}
.bg-03
{
    background-image: url("../images/bg03.jpg");
}

.bg-1
{
    background-image: url("../images/bg1.jpg");
}

.bg-2
{
    background-image: url("../images/bg2.jpg");
}

.bg-3
{
    background-image: url("../images/bg3.jpg");
}

.bg-4
{
    background-image: url("../images/bg4.jpg");
}

.bg-5
{
    background-image: url("../images/bg5.jpg");
}

.bg-6
{
    background-image: url("../images/bg6.jpg");
}

.bg-7
{
    background-image: url("../images/bg7.jpg");
}

.bg-8
{
    background-image: url("../images/bg8.jpg");
}


.wrapper
{
    position:relative;
    width: 980px;
    height: 100px;
    margin-left:auto;
    margin-right:auto;
}




.subtop
{
    position:relative;
    width:900px;
	height: 150px;
    margin-left:auto;
    margin-right:auto;
	background-color:#FFFFFF;
	
}


.subtop .elleo
{
    position: absolute;
	left:344px;
	top:47px;
    margin-left:auto;
    margin-right:auto;
}


.index_contents
{
    position:relative;
	top:500px;
    width:900px;
	height: 342px;
	background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}



.index_contents .elleo
{
    position: absolute;
	left:343px;
	top:55px;
    margin-left:auto;
    margin-right:auto;
}

.index_contents .people
{
    position: absolute;
	left:153px;
	top:176px;
    margin-left:auto;
    margin-right:auto;
}

.index_contents .sushia1
{
    position: absolute;
	left:376px;
	top:190px;
    margin-left:auto;
    margin-right:auto;
}

.index_contents .sushia2
{
    position: absolute;
	left:600px;
	top:176px;
    margin-left:auto;
    margin-right:auto;
}

.index_contents .copyright
{
    position: absolute;
	left:343px;
	top:293px;
    margin-left:auto;
    margin-right:auto;
}







.sub_contents1
{
    position:relative;
	top: 430px;
    width:690px;
	height: 440px;
	
    margin-left:auto;
    margin-right:auto;
}

.sub_contents1 .title
{
    position: absolute;
	left:135px;
	top:28px;

}

.sub_contents1 .text
{
	position: absolute;
	left: 136px;
	top: 85px;
	width: 630px;
	text-align: justify;
	color: #afafaf;
	height: 597px;

}







.sub_contents2
{
 position:relative;
	top: 430px;
    width:690px;
	height: 680px;
	
    margin-left:auto;
    margin-right:auto;
}

.sub_contents2 .title
{
    position: absolute;
	left:135px;
	top:28px;

}

.sub_contents2 .text
{
	position: absolute;
	left: 135px;
	top: 90px;
	width: 458px;
	text-align: justify;
	height: 426px;

}

.sub_contents2 .img1
{
	position: absolute;
	left: 625px;
	top: 90px;
	width: 140px;
	height: 527px;


}
.sub_contents2 .img2
{
	position: absolute;
	left: 137px;
	top: 247px;
	width: 373px;
	height: 107px;


}

.sub_contents2 .img3
{
	position: absolute;
	left: 136px;
	top: 354px;
	width: 373px;
	height: 107px;


}
.sub_contents2 .img4
{
	position: absolute;
	left: 136px;
	top: 150px;
	width: 373px;
	height: 107px;


}

.sub_contents2 .img5
{
	position: absolute;
	left: 136px;
	top: 90px;
	width: 436px;
	height: 40px;


}




.sub_contents3
{
 position:relative;
	top: 430px;
    width:690px;
	height: 425px;
	
    margin-left:auto;
    margin-right:auto;
}

.sub_contents3 .title2
{
    position: absolute;
	left:135px;
	top:28px;
}

.sub_contents3 .text2
{
	position: absolute;
	left: 141px;
	top: 104px;
	width: 263px;
	text-align: justify;
	height: 197px;
	

}

.sub_contents3 .img2
{
	position: absolute;
	left: 680px;
	top: 280px;
	width: 85px;
	height: 20px;


}











.sub_bottom
{
    position:relative;
	top: 420px;
    width:690px;
	height: 192px;
	
    margin-left:auto;
    margin-right:auto;
}

.sub_bottom .people
{
	position: absolute;
	left: 136px;
	top: 10px;

}

.sub_bottom .sushia1
{
	position: absolute;
	left: 376px;
	top: 23px;
  
}

.sub_bottom .sushia2
{
	position: absolute;
	left: 617px;
	top: 10px;

}

.sub_bottom .copyright
{
    position: absolute;
	left:343px;
	top:150px;

}











.logo 
{
	position: absolute;
	left: 76px;
	top: 440px;
	width: 144px;
	height: 50px;
	background: url("../images/logo.png") no-repeat;
	z-index:10;
}

.social 
{
    position:absolute;
    top: 70px;
    width:115px;
    height: 34px;
}

.social.sydney
{
    left: 884px;
    background: url("../images/header-social-sydney.png") no-repeat;
}

.social.perth
{
    left: 782px;
    background: url("../images/header-social-perth.png") no-repeat;
}

.social .facebook 
{
    position:absolute;
    top: 0px;
    left: 38px;
    width:28px;
    height:28px;
}

.social.perth .facebook  
{
    left: 30px;
}

.social .twitter
{
    position:absolute;
    top: 0px;
    left: 68px;
    width:28px;
    height:28px;
}

.social.perth .twitter
{
    left: 60px;
}

.nav
{
    position: relative;
    top: 804px;
    width:760px;
    height: 51px;
	margin-left:auto;
    margin-right:auto;

}

.nav-dash
{
    position:absolute;
    width: 71px;
    height: 51px;
    background: url("../images/nav-dash.png") no-repeat;
}


.nav-dash.h
{
    left: 132px;
}

.nav-dash.a
{
    left: 232px;
}

.nav-dash.p
{
    left: 398px;
}

.nav-dash.s
{
    left: 500px;
}

.nav-dash.c
{
    left: 684px;
}



.nav-item 
{
    position:relative;
    margin-top:17px;
    height: 35px;
    background: url("../images/nav-text.png") no-repeat;
    display:inline-block;
}

.nav-item:hover, .nav-item.sel
{
    background: url("../images/nav-text-sel.png") no-repeat;
}


.nav-item.sel 
{
    background: url("../images/nav-text-sel.png") no-repeat;
}

.nav .home
{
    margin-left:140px;
    background-position: 0px 4px;
    width: 40px;
}

.nav .about
{
    margin-left:54px;
    background-position: -97px 4px;
    width: 64px;
}

.nav .pdf
{
    margin-left:47px;
    background-position: -211px 4px;
    width: 110px;
}



.nav .fundraise
{
    margin-left:41px;
    background-position: -368px 4px;
    width: 140px;
}

.nav .contacts
{
    margin-left:38px;
    background-position: -550px 4px;
    width: 68px;
}



















.nav2
{
    position: relative;
    top: 434px;
    width:840px;
    height: 51px;
	margin-left:auto;
    margin-right:auto;

}

.nav2-dash
{
    position:absolute;
    width: 71px;
    height: 51px;
    background: url("../images/nav-dash.png") no-repeat;
}

.nav2-dash.h
{
    left: 132px;
}

.nav2-dash.a
{
    left: 232px;
}

.nav2-dash.p
{
    left: 398px;
}

.nav2-dash.s
{
    left: 500px;
}

.nav2-dash.c
{
    left: 684px;
}



.nav2-item 
{
    position:relative;
    margin-top:17px;
    height: 35px;
    background: url("../images/nav-text.png") no-repeat;
    display:inline-block;
}

.nav2-item:hover, .nav2-item.sel
{
    background: url("../images/nav-text-sel.png") no-repeat;
}


.nav2-item.sel 
{
    background: url("../images/nav-text-sel.png") no-repeat;
}

.nav2 .home
{
    margin-left:140px;
    background-position: 0px 4px;
    width: 40px;
}

.nav2 .about
{
    margin-left:216px;
    background-position: -97px 4px;
    width: 64px;
}

.nav2 .pdf
{
    margin-left:76px;
    background-position: -211px 4px;
    width: 110px;
}



.nav2 .fundraise
{
    margin-left:72px;
    background-position: -368px 4px;
    width: 140px;
}

.nav2 .contacts
{
    margin-left:70px;
    background-position: -550px 4px;
    width: 80px;
}






.nav3
{
    position: relative;
    top: 434px;
    width:840px;
    height: 51px;
	margin-left:auto;
    margin-right:auto;

}

.nav3-dash
{
    position:absolute;
    width: 71px;
    height: 51px;
    background: url("../images/nav-dash.png") no-repeat;
}

.nav3-dash.h
{
    left: 132px;
}

.nav3-dash.a
{
    left: 232px;
}

.nav3-dash.p
{
    left: 398px;
}

.nav3-dash.s
{
    left: 500px;
}

.nav3-dash.c
{
    left: 684px;
}



.nav3-item 
{
    position:relative;
    margin-top:17px;
    height: 35px;
    background: url("../images/nav-text2.png") no-repeat;
    display:inline-block;
}

.nav3-item:hover, .nav3-item.sel
{
    background: url("../images/nav-text2-sel.png") no-repeat;
}


.nav3-item.sel 
{
    background: url("../images/nav-text2-sel.png") no-repeat;
}

.nav3 .home
{
    margin-left:140px;
    background-position: 0px 4px;
    width: 40px;
}

.nav3 .about
{
    margin-left:216px;
    background-position: -97px 4px;
    width: 64px;
}

.nav3 .pdf
{
    margin-left:26px;
    background-position: -199px 4px;
    width: 110px;
}



.nav3 .fundraise
{
    margin-left:34px;
    background-position: -355px 4px;
    width: 140px;
}

.nav3 .contacts
{
    margin-left:37px;
    background-position: -544px 4px;
    width: 80px;
}


.nav3 .staff
{
    margin-left:34px;
    background-position: -671px 4px;
    width: 80px;
}































.content-wrapper
{
    padding-top:265px;
}

.content-wrapper.construction 
{
    padding-top:300px;
}

.content
{
    position:relative;
    margin-left:480px;
    margin-bottom:50px;
    width: 500px;
    background: url("../images/content-bg.png");
    color: #333;
    font-size:12px;
}

.content-header
{
    position: relative;
    padding-left:22px;
    padding-top:25px;
}

.content-body
{
    padding:30px 22px;
}

.content-body.about2
{
    padding-right:170px;
    background: url("../images/about2-side.png") no-repeat 342px 32px;
}

.content-body.about1
{
    padding-right:170px;
    background: url("../images/about1-side.png") no-repeat 342px 32px;
}

.content-body.fundraise 
{
    padding-right:170px;
    background: url("../images/fundraise-side.png") no-repeat 342px 32px;
}

.content-body.recruitment
{
    padding-right:270px;
}

.content-body.recruitment .pics
{
    position:absolute;
    right: 20px;
    width: 250px;
}

.content-body.recruitment .pics a 
{
    float: left;
    margin-left: 20px;
    margin-bottom:20px;
}

.content-body.location
{
    padding-right:140px;
    background: url("../images/location-side.png") no-repeat 342px 32px;
}

.content-body.location2
{
    padding-right:140px;
    background: url("../images/location-side2.png") no-repeat 342px 32px;
}

.content-body-title 
{
    font-size:13px;
    font-weight:bold;
}

.content-body-half
{
    float:left;
    width:210px;
    height: 140px;
    margin-left:15px;
    margin-bottom:35px;
    padding-top:6px;
    padding-left: 10px;
    background: url("../images/content-half-box.png") no-repeat;
}

.content-body-half.first
{
    margin-left:22px;
}

.content-body-half.fundraise
{
    background: url("../images/content-half-fundraise.png") no-repeat;
}

.content .heading
{
    color:#000;
    font-weight:bold;
}

.content .body
{
    font-size:11px;
    padding:12px 3px 3px 3px;
}

.content .content-footer
{
    border: 1px solid #fff;
    clear:both;
    background: url("../images/footer-bg.png");
    color: #999;
    height: 34px;
}

.content .content-footer.home
{
    border: 1px solid #fff;
    clear:both;
    background: url("../images/footer-bg.png");
    color: #999;
    height: 34px;
}

.content .content-footer .highlight 
{
    color: #fff;
}

.content.contact .content-body
{
    height: 260px;
}

.contact-map 
{
    position:absolute;
    top:288px;
}

.contact-offices
{
    float:right;
}

.contact-offices a
{
    display:block;
    margin-bottom:12px;
    width:220px;
    height: 70px;
}

.contact-offices a.office1 
{
    background: url("../images/contact-office-th1.png") no-repeat;
}

.contact-offices a.office1:hover
{
    background: url("../images/contact-office-th1-over.png") no-repeat;
}

.contact-offices a.office2
{
    background: url("../images/contact-office-th2.png") no-repeat;
}

.contact-offices a.office2:hover
{
    background: url("../images/contact-office-th2-over.png") no-repeat;
}

.contact-offices a.office3 
{
    background: url("../images/contact-office-th3.png") no-repeat;
}

.contact-offices a.office3:hover
{
    background: url("../images/contact-office-th3-over.png") no-repeat;
}

.menu-left 
{
    margin-top: 35px;
	padding-top: 120px;
    float:left;
    margin-left:20px;
    width:220px;
	height: 174px;
    font-size: 10px;
	background:url(../images/menu_perth.jpg);
    
    margin-bottom: 30px;
}

.menu-left table 
{
    width: 210px;
    border: 1px #aaa solid;
    color: #000;
    background: url("../images/menu-table-bg.png");    
    padding: 5px 10px;
}

.menu-left table .table-title 
{
    font-size:13px;
    font-weight:bold;
}

.menu-left table .table-subtitle 
{
    font-weight:bold;
    padding-top: 10px;
}

.menu-right 
{
    margin-top: 35px;
	padding-top: 120px;
    float:left;
    margin-left:20px;
    width:220px;
	height: 174px;
    font-size: 10px;
	background:url(../images/menu_sydney.jpg);
    
    margin-bottom: 30px;
}

.footer-links
{
    position:absolute;
    bottom:0px;
    left: -480px;
    width: 341px;
    height: 76px;
    background: url("../images/footer-links.png");
}

.footer-links .people
{
    position:absolute;
    width:100px;
    height:40px;
    top:38px;
    left: 250px
}

.footer-links .jnp
{
    position:absolute;
    width:165px;
    height:18px;
    top:48px;
    left:685px;
}

.footer-links .lux
{
    position:absolute;
    width:105px;
    height:18px;
    top:48px;
    left:860px;
}

.footer-links .elleo
{
    position:absolute;
    width:200px;
    height:30px;
    top:48px;
    left:0px;
}

.spacer
{
    height:40px;
}

.fundraise-h1 
{
    font-weight:bold;
    font-size:14px;
}

.fundraise-h2
{
    font-weight:bold;
    font-size:12px;
}

a.pdf-link 
{
    display:block;
    height:30px;
    width: 200px;
    
    text-decoration:none;
    color: #000;
    padding-left: 20px;
    padding-top: 3px;
    margin-top: 3px;
}

.bold 
{
    font-weight: bold;
}

.relative
{
    position:relative;
}

.home-email-link
{
    position:absolute;
    left: 20px;
    width: 130px;
    height: 20px;
    display:block;
    background-image: url(fake.gif);
}

.home-email-link.perth 
{
    top: 120px;
}

.home-email-link.bond
{
    left: 260px;
    top: 94px;
}

.home-image 
{
    margin-left: -2px;
}
