/* CSS Document */
/* 78Plate Homepage */
h1 { margin:0; padding:0 }
#navWrapper { background:transparent url(images/hp-bg-content-top.jpg) center bottom no-repeat }
#hpWrapper { position:relative }

/*#hpWelcome { margin:0; padding:0; display:block; height:340px; background:transparent url(images/hp-bg-content.jpg) center top no-repeat; text-indent:-4000px }*/

h1.hpWelcome { margin:0; padding:0; border:0; display:block; width:720px; line-height:100%; height:340px; background:transparent url(images/hp-bg-content.jpg) center top no-repeat; text-indent:-4000px }

#hpBottom { margin:0; padding:0; background:transparent url(images/hp-bg-content-bottom.jpg) center top no-repeat; height:240px; position:relative }
/* top left hand link */
.polaroid { position:absolute; top:0; right:0; z-index:100 }
.polaroid a:link, .polaroid a:visited { text-indent:-4000px; display:block; width:240px; height:220px; background:transparent url(images/photos/78plate-optical.gif) center top no-repeat }
.polaroid a:hover, .polaroid a:active { background-image:url(images/photos/78plate-optical-over.gif) }
/* list links */
#hpList ul { margin:0; padding:0; list-style:none outside none; position:absolute; top:50px; left:95px }	
#hpList ul li { display:block }
#hpList ul li a { display:block; width:238px; height:42px; text-indent:-4000px }
li.hplContact a:link, li.hplContact a:visited { background:transparent url(images/hp-list-contact.gif) left top no-repeat }
li.hplContact a:hover, li.hplContact a:active { background:transparent url(images/hp-list-contact-over.gif) left top no-repeat }
#hpList li.hplAbout a:link, #hpList li.hplAbout a:visited  { height:49px; background:url(images/hp-list-about.gif) left top no-repeat }
#hpList li.hplAbout a:hover, #hpList li.hplAbout a:active  { height:49px; background:url(images/hp-list-about-over.gif) left top no-repeat }
li.hplGear a:link, li.hplGear a:visited  { background:url(images/hp-list-gear.gif) left top no-repeat  }
li.hplGear a:hover, li.hplGear a:active  { background:url(images/hp-list-gear-over.gif) left top no-repeat }
/* contact link */
#hpContact { display:block; position:absolute; top:0; right:28px; height:202px; width:302px; text-indent:-4000px; background:transparent url(images/hp-contact.gif) center top no-repeat }
#footer { background:transparent; height:90px }

#hpLink { position:absolute; top:120px; left:55px }
#hpLink a { display:block }

.stuff { background:transparent url(images/hp-moreLink.gif) left top no-repeat; text-indent:-4000px; height:35px; width:150px  }
.stuff:hover, .stuff:active { background-image:url(images/hp-moreLink-over.gif) }