/* CSS Document */ /* option Navigation */ #option {float:left; width:660px; height:40px; margin-top:10px;} #option p{font-size:16px; color:#FFFFFF; text-align:center; font-weight:500; margin-top:10px;} .option-church a{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_church.jpg); background-position:0px 0px;} .option-church a:hover{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_church.jpg); background-position:0px 140px;text-decoration:none;} .option-school a{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_school.jpg); background-position:0px 0px;} .option-school a:hover{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_school.jpg); background-position:0px 140px;text-decoration:none;} .option-agedcare a{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_agedcare.jpg); background-position:0px 0px;} .option-agedcare a:hover{width:220px; height:140px; float:left; background-image:url(../images/OptionsNav/Options-home_agedcare.jpg); background-position:0px 140px;text-decoration:none;} /* option Navigation */ #title {float:left; width:660px; height:40px;} #title p{font-size:13px; color:#FFFFFF; text-align:center; font-weight:200; margin-top:6px;} .title-1 {width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-1.png); background-position:0px 40px;} .title-2 {width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-2.png); background-position:0px 40px;} /*pesonnel*/ #image {float:right;} #image span {display:none;} #andrew a {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/andrew-roll.jpg); background-position:0px 0px;} #andrew a:hover {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/andrew-roll.jpg);background-position:105px 0px;} #karen a {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/karen-roll.jpg); background-position:0px 0px;} #karen a:hover {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/karen-roll.jpg); background-position:105px 0px;} #anthony a {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/anthony-roll.jpg); background-position:0px 0px;} #anthony a:hover {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/anthony-roll.jpg); background-position:105px 0px;} #stephen a {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/stephen-roll.jpg); background-position:0px 0px;} #stephen a:hover {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/stephen-roll.jpg); background-position:105px 0px;} #chris a {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/chris-roll.jpg); background-position:0px 0px;} #chris a:hover {float: left; margin-right: 5px; width:105px; height:105px; background-image: url(../images/Personnel/chris-roll.jpg); background-position:105px 0px;} #lee a {float: left; width:105px; height:105px; background-image: url(../images/Personnel/lee-roll.jpg); background-position:0px 0px;} #lee a:hover {float: left; width:105px; height:105px; background-image: url(../images/Personnel/lee-roll.jpg); background-position:105px 0px;} /* List of Projects */ #list {float:left; height:145px; width:660px;} #list span {display:none;} #list-cherrybrook a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-cherry.jpg); background-position:-10px 0px} #list-cherrybrook a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-cherry.jpg); background-position:90px 0px} #list-richmond a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Schools/school-2-rich.jpg); background-position:-10px 0px} #list-richmond a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Schools/school-2-rich.jpg); background-position:90px 0px} #list-carlingford a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:-10px 0px} #list-carlingford a:hover {float:left; margin-right:5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:90px 0px;} #list-groves a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Schools/school-2-groves.jpg); background-position:-10px 0px} #list-groves a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Schools/school-2-groves.jpg); background-position:90px 0px} #list-lighthouse a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-light.jpg); background-position:-10px 0px} #list-lighthouse a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-light.jpg); background-position:90px 0px} #list-stpauls a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:-10px 0px} #list-stpauls a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:90px 0px} #list-thornleigh a {float:left; margin-right: 0px; height:145px; width:90px; background-image:url(../images/Churches/church-2-thorn.jpg); background-position:-10px 0px} #list-thornleigh a:hover {float:left; margin-right: 0px; height:145px; width:90px; background-image:url(../images/Churches/church-2-thorn.jpg); background-position:90px 0px}