/* #content { margin-top: 0px; } */

.hide { display: none; }
.show { display: block; }

#folioH { margin: 0 0 22px 0px; width: 100%; float: left; }
#folioH h2 { background: url('h2-portfolio.gif') no-repeat 0 6px; width: 518px; height: 32px; display: block; margin: 0; border-bottom: 1px solid #99c4d5; float: left }
#folioH h2 span { display: none; }

#folioImg { width: 608px; background: #fff; border: solid 1px #99c4d5; padding: 5px; float: left; height: 214px; } 
#folioIn { width: 294px; height: 180px; float: left; padding: 34px 280px 0px 34px; overflow: hidden; }

#folioImg h1 { color: #fff; display: block; margin: 0px; }
#folioImg p { color: #fff; font-size: 0.7em; margin: 0 0 0.6em 0; line-height: 1.35em; } 
#folioImg p a { color: #fff; text-decoration: none; }
#folioImg p a:hover { text-decoration: underline; background: none; color: #fff; }
#folioImg .link { margin: 0 0 30px 0; line-height: 0.9em; font-size: 0.8em; }



#h3-we { background: url('h3-we.gif') no-repeat 0 0; width: 83px; height: 12px }
#h3-visit { background: url('h3-visit.gif') no-repeat 0 0; width: 122px; height: 12px }
#h3-visit a, #h3-oceanscape a { width: 122px; height: 12px; display: block; text-indent: -5000px; }
#h3-oceanscape { background: url('h3-oceanscape.gif') no-repeat 0 0; width: 140px; height: 15px }
#folioLeft h3 span, #right2 h3 span { display: none; }

#folioH #arrows { float: right; width: 85px; height: 38px; background: url('arrows-shadow.jpg') no-repeat 0 bottom; padding-left: 15px; margin: 0 }
#prev, #next { width: 33px; height: 27px; display: block; float: left; }
#prev { background: url('arrow-left.gif') no-repeat 0 0; margin-right: 15px }
#next { background: url('arrow-right.gif') no-repeat 0 0; }
#prev span, #next span { display: none; }
#left #arrows a:hover { background-position: 0px -27px; background-color: #d9f3f4; }

#quoteBox { float: right; padding: 22px 0; width: 330px;}
#quoteBox img { border: solid 1px #99c4d5; background: #fff; padding: 5px; float: right; }
blockquote { font-size: 0.7em; text-indent: 25px; line-height: 1.5em; color: #5c5c5c; width: 218px; background: url('quote-box.jpg') no-repeat 0 0; float: right; margin: 0; padding-left:26px; padding-right:15px; padding-top:22px; padding-bottom:26px }
blockquote span { display: block; margin-top: 10px; text-indent: 0px; }
#bq2 { width: 280px; }
#quoteBox #noBorder { border: none; padding: 0; background: none; }


#works { margin: 0 0 20px 0; }
#works ul { margin: 0; padding: 0; background: url('works-border.gif') no-repeat right 0; width: 100%; float: left }
#works ul li { list-style-type: none; font: 0.7em Verdana, Arial, Helvetica, sans-serif; float: left; padding: 0; }
#works ul li a { 
	color: #0678a9; 
	width: 287px; 
	display: block; 
	font-weight: bold; 
	background: url('works-border.gif') no-repeat right bottom; 
	text-decoration: none; padding-left:23px; padding-right:0px; padding-top:8px; padding-bottom:5px
}
#works ul li a:hover { color: #093151; }

.p1 #works #p1 a,
.f28 #works #f28 a,
.p2 #works #p2 a,
.p3 #works #p3 a,
.p4 #works #p4 a,
.p5 #works #p5 a,
.p6 #works #p6 a,
.p7 #works #p7 a,
.p8 #works #p8 a,
.p9 #works #p9 a,
.p10 #works #p10 a,
.p11 #works #p11 a,
.p12 #works #p12 a,
.f17 #works #f17 a,
.f16 #works #f16 a,
.f15 #works #f15 a,
.f14 #works #f14 a,
.f13 #works #f13 a,
.f12 #works #f12 a,
.f11 #works #f11 a,
.f10 #works #f10 a,
.f09 #works #f09 a,
.f08 #works #f08 a,
.f07 #works #f07 a,
.f06 #works #f06 a,
.f05 #works #f05 a,
.f04 #works #f04 a,
.f03 #works #f03 a,
.f02 #works #f02 a,
.f01 #works #f01 a
{ background: url('works-active.jpg') no-repeat 0 bottom; color: #666 }

.f17 #works #f17 a,
.f16 #works #f16 a,
.f15 #works #f15 a,
.f14 #works #f14 a,
.f13 #works #f13 a
{ background: url('works-active2.jpg') no-repeat 0 bottom; color: #666 }

.p1 #works #f30 a,
.f28 #works #p3 a,
.p2 #works #p1 a,
.p3 #works #p2 a,
.p4 #works #p3 a,
.p5 #works #p4 a,
.p6 #works #p5 a,
.p7 #works #p6 a,
.p8 #works #p7 a,
.p9 #works #p8 a,
.p10 #works #p9 a,
.p11 #works #p10 a,
.p12 #works #p11 a,
.f17 #works #p12 a,
.f16 #works #f17 a,
.f15 #works #f16 a,
.f14 #works #f15 a,
.f13 #works #f14 a,
/* .f12 #works #f13 a, */
.f11 #works #f12 a,
.f10 #works #f11 a,
.f09 #works #f10 a,
.f08 #works #f09 a,
.f07 #works #f08 a,
.f06 #works #f07 a,
.f05 #works #f06 a,
.f04 #works #f05 a,
.f03 #works #f04 a,
.f02 #works #f03 a,
.f01 #works #f02 a
{ background-image: url('works-border.gif'); background-repeat: repeat-x }

.first #works li .no01,
.first2 #works li .no02  
{ background: #d8f2f3 url('works-border.gif') repeat-x 0 0; padding-top: 1px; display: block }

.first #works li .no01 a,
.first2 #works li .no02 a
{ padding-top: 7px; }

.first #works li .no01 a:hover,
.first2 #works li .no02 a:hover  
{ color: #fff; background-color: #044980; }

#right2 .nextP a { color: #78a60e; width: 272px; background: url('icon-arrow3.gif') no-repeat 22px 13px;; padding-left:38px; padding-right:0px; padding-top:10px; padding-bottom:10px }
#right2 .nextP a:hover { color: #517206;}

.aussiehealth { background: #459033 url('bg-aussiehealth.jpg') no-repeat 0 0; }
.auscare { background: #6b97bf url('bg-auscare.jpg') no-repeat 0 0; }
.aizer { background: #6f62a0 url('bg-aizer.jpg') no-repeat 0 0; }
.gourmetguru { background: #212121 url('bg-gourmetguru.jpg') no-repeat 0 0; }
.fermentedgrape { background: #4d0b18 url('bg-fermentedgrape.jpg') no-repeat 0 0; }
.saizen { background: #8d1106 url('bg-saizentours.jpg') no-repeat 0 0; }
.kidsculture { background: #74441b url('bg-kidsculture.jpg') no-repeat 0 0; }
.pcphoto { background: #282622 url('bg-pcphoto.jpg') no-repeat 0 0; }
.lanbruk { background: #412a1e url('bg-lanbruk.jpg') no-repeat 0 0; }
.surfinparadise { background: #127fd5 url('bg-surfinparadise.jpg') no-repeat 0 0; }
.onerve { background: #1d3f58 url('bg-onerve.jpg') no-repeat 0 0; }
.avmed { background: #517ea8 url('bg-avmed.jpg') no-repeat 0 0; }
.central { background: #c17a05 url('bg-177central.jpg') no-repeat 0 0; }
.commodore { background: #21466c url('bg-65commodore.jpg') no-repeat 0 0; }
.oceanscape { background: #2561b4 url('bg-oceanscape.jpg') no-repeat 0 0; }
.johnsons { background: #868475 url('bg-johnsons.jpg') no-repeat 0 0; }
.quorum { background: #21466c url('bg-quorum.jpg') no-repeat 0 0; }
.intbrokers { background: #125a8f url('bg-intbrokers.jpg') no-repeat 0 0; }
.myrobina { background: #1d5496 url('bg-myrobina.jpg') no-repeat 0 0; }
.energetichealing { background: #7c5c89 url('bg-energetichealing.jpg') no-repeat 0 0; }
.earthmother { background: #6a563c url('bg-earthmother.jpg') no-repeat 0 0; }
.machinerydr { background: #5782a8 url('bg-machinerydr.jpg') no-repeat 0 0; }
.janreichle { background: #313131 url('bg-janreichle.jpg') no-repeat 0 0; }
.moveyourbody { background: #b76910 url('bg-myb.jpg') no-repeat 0 0; }
.teschner { background: #74201a url('bg-teschner.jpg') no-repeat 0 0; }
.bramsturf { background: #387327 url('bg-bramsturf.jpg') no-repeat 0 0; }
.sudoku { background: #8c8b6f url('bg-sudoku.jpg') no-repeat 0 0; }
.starbowl { background: #027d9e url('bg-starbowl.jpg') no-repeat 0 0; }
.ballarat { background: #634320 url('bg-ballarat.jpg') no-repeat 0 0; }