/* suzannekent.com.au ----------------------------------------------- */

.bdy { background: #FFF; color: #3a576e; font-size: 14px; text-align: center; font-weight: normal; }
* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


/* text ----------------------------------------------- */

.t2 { color: #3a576e; font-weight: bold; text-decoration: none; }
a.t2:link, a.t2:visited, a.t2:active { color: #3a576e; text-decoration: underline; }
a.t2:hover  { color: #65a552; text-decoration: none; }


/* content ----------------------------------------------- */

.th { border: none; }
a.th img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.th:hover img { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.pic, .pic50, .pic39, .pic42, .pic18 { border: 1px solid #999; }
.pic50 { height: 50px; width: 50px; }
.pic18 { height: 18px; width: 18px; }


/* outline graphics: common code ----------------------------------------------- */

.wedR1, .wedR2, .wedR3, 
.portR1, .portR2, .portR3, 
.commR1, .commR2, .commR3, 
.corpR1, .corpR2, .corpR3
{ height: 52px; display: block; position: absolute; padding: 0; text-align: center; clear: both; background: transparent; border: none; }

.hide { position: relative; top: 480px; margin: 0 auto; text-align: center; }


/* weddings: cake graphic ----------------------------------------------- */

#weddings { width: 353px; height: 400px; display: block; background: #FFF url(/images/outlines/cake.jpg) center center no-repeat; 
margin-left: -176px; left: 50%; top: 12px; position: absolute; z-index: 4; }

.wedR1 { top: 117px; left: 85px; width: 180px; z-index: 5; }
.wedR2 { top: 219px; left: 53px; width: 243px; z-index: 6; }
.wedR3 { top: 321px; left: 24px; width: 302px; z-index: 7; }
	
.wedI1, .wedI2, .wedI3, .wedI4, .wedI5, .wed2I2, .wed2I4 { height: 52px; width: 52px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; top: 0px; }
.wedI1 { left: 0px; z-index: 9; }
.wedI2 { left: 63px; z-index: 10; }
.wedI3 { margin-left: -25px; left: 50%; z-index: 11; }
.wedI4 { right: 63px; z-index: 12; }
.wedI5 { right: 0px; z-index: 13; }
.wed2I2 { left: 64px; z-index: 10; }
.wed2I4 { right: 64px; z-index: 12; }


/* portraits: camera graphic ----------------------------------------------- */

#portraits { width: 400px; height: 254px; display: block; background: #FFF url(/images/outlines/camera.jpg) center center no-repeat; 
margin-left: -200px; left: 50%; top: 120px; position: absolute; z-index: 4; }

.portR1, .portR2, .portR3 { width: 216px; left: 40px; }
.portR1 { top: 48px; z-index: 5; }
.portR2 { top: 102px; z-index: 6; }
.portR3 { top: 156px; z-index: 7; }
	
.portI1, .portI2, .portI3, .portI4 { height: 52px; width: 52px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; top: 0px; }
.portI1 { left: 0px; z-index: 8; }
.portI2 { left: 54px; z-index: 9; }
.portI3 { left: 108px; z-index: 10; }
.portI4{ left: 162px; z-index: 11; }


/* nature: sunflower / butterfly graphic ----------------------------------------------- */

#nature { width: 520px; height: 400px; display: block; background: #FFF url(/images/outlines/nature.jpg) center center no-repeat; 
margin-left: -260px; left: 50%; top: 12px; position: absolute; z-index: 4; }

.nat01, .nat02, .nat03, .nat04, .nat05, .nat06, .nat07, .nat08, .nat09, .nat10, .nat11
{ height: 18px; width: 18px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; z-index: 5; }
.nat01 { top: 119px; left: 235px; }
.nat02 { top: 142px; left: 212px; }
.nat03 { top: 142px; left: 235px; }
.nat04 { top: 142px; left: 258px; }
.nat05 { top: 142px; left: 281px; }
.nat06 { top: 165px; left: 235px; }
.nat07 { top: 165px; left: 258px; }
.nat08 { top: 165px; left: 281px; }
.nat09 { top: 165px; left: 304px; }
.nat10 { top: 188px; left: 258px; }
.nat11 { top: 188px; left: 281px; }


/* architecture: cityscape graphic ----------------------------------------------- */

#architecture { width: 620px; height: 370px; display: block; background: #FFF url(/images/outlines/cityscape.jpg) center center no-repeat; margin-left: -310px; left: 50%; top: 42px; position: absolute; z-index: 4; }

.archC2, .archC3 { display: block; position: absolute; padding: 0; text-align: center; clear: both; background: transparent; border: none; }
.archC2 { top: 77px; left: 241px; width: 44px; height: 282px; z-index: 5; }
.archC3 { top: 183px; left: 557px; width: 41px; height: 176px; z-index: 5; }
	
.archC2I1, .archC2I2, .archC2I3, .archC2I4, .archC2I5, .archC2I6, .archC2I7, .archC2I8, .archC2I9,
.archC3I1, .archC3I2, .archC3I3, .archC3I4, .archC3I5, .archC3I6, .archC3I7, .archC3I8, .archC3I9
{ display: block; text-align: center; margin: 0; padding: 0; position: absolute; left: 0px; }

.archC2I1, .archC2I2, .archC2I3, .archC2I4, .archC2I5, .archC2I6, .pic42 { height: 42px; width: 42px; }
.archC3I1, .archC3I2, .archC3I3, .archC3I4,  .pic39 { height: 39px; width: 39px; }

.archC2I1 { top: 0px; z-index: 8; }
.archC2I2 { top: 47px; z-index: 9; }
.archC2I3 { top: 94px; z-index: 10; }
.archC2I4 { top: 141px; z-index: 11; }
.archC2I5 { top: 188px; z-index: 12; }
.archC2I6 { top: 235px; z-index: 13; }

.archC3I1 { top: 0px; z-index: 8; }
.archC3I2 { top: 44px; z-index: 9; }
.archC3I3 { top: 88px; z-index: 10; }
.archC3I4 { top: 132px; z-index: 11; }

.picfix { display: block; position: relative; top: 35px; margin: 0 auto; text-align: center; width: 630px; height: 370px; }
.picfix2 { display: block; position: relative; top: 115px; margin: 0 auto; text-align: center; width: 630px; height: 215px; }


/* commercial: shop door graphic ----------------------------------------------- */

#commercial { width: 229px; height: 416px; display: block; background: #FFF url(/images/outlines/door.jpg) center center no-repeat; 
margin-left: -115px; left: 50%; top: 6px; position: absolute; z-index: 4; }

.commR1, .commR2, .commR3 { width: 162px; left: 34px; }
.commR1 { top: 228px; z-index: 5; }
.commR2 { top: 282px; z-index: 6; }
.commR3 { top: 336px; z-index: 7; }
	
.commI1, .commI2, .commI3 { height: 52px; width: 52px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; top: 0px; }
.commI1 { left: 1px; z-index: 8; }
.commI2 { left: 55px; z-index: 9; }
.commI3 { left: 109px; z-index: 10; }


/* corporate: laptop graphic ----------------------------------------------- */

#corporate { width: 390px; height: 400px; display: block; background: #FFF url(/images/outlines/laptop.jpg) center center no-repeat; 
margin-left: -195px; left: 50%; top: 12px; position: absolute; z-index: 4; }

.corpR1, .corpR2, .corpR3 { width: 216px; left: 82px; }
.corpR1 { top: 29px; z-index: 5; }
.corpR2 { top: 83px; z-index: 6; }
.corpR3 { top: 137px; z-index: 7; }
	
.corpI1, .corpI2, .corpI3, .corpI4 { height: 52px; width: 52px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; top: 0px; }
.corpI1 { left: 0px; z-index: 8; }
.corpI2 { left: 54px; z-index: 9; }
.corpI3 { left: 108px; z-index: 10; }
.corpI4 { left: 162px; z-index: 11; }


/* travel: postcard graphic ----------------------------------------------- */

#travel { width: 460px; height: 330px; display: block; background: #FFF url(/images/outlines/postcard.jpg) center center no-repeat; 
margin-left: -230px; left: 50%; top: 62px; position: absolute; z-index: 4; }

.trav01, .trav02, .trav03, .trav04, .trav05, .trav06, .trav07, .trav08, .trav09
{ height: 52px; width: 52px; display: block; text-align: center; margin: 0; padding: 0; position: absolute; z-index: 5; }
.trav01 { top: 15px; left: 199px; }
.trav02 { top: 18px; left: 266px; }
.trav03 { top: 12px; left: 330px; }
.trav04 { top: 14px; left: 395px; }
.trav05 { top: 85px; left: 263px; }
.trav06 { top: 77px; left: 329px; }
.trav07 { top: 79px; left: 397px; }
.trav08 { top: 141px; left: 326px; }
.trav09 { top: 148px; left: 395px; }

.stamp { bottom: 0px; right: 0px; display: block; text-align: right; color: #CCC; font-size: 11px; font-weight: bold; margin: 0; padding: 0; position: absolute; z-index: 6; }