Original images

Open the Layers Palette to clearly identify individual layers for copying into other files and applications:

Woman at computer, square
Woman at computer, for 320x240 (Integratis)
Woman at computer, for 320x240 (Project Ally)

Membership group, for 320x240

Swapkeeper, master
Swapkeeper-black for 320x240
Swapkeeper, outlines
Swapkeeper, square

1 ...2 ...3 ...4 ...5 ...6

For all pages

CSS external style sheet: ProductSyle-1.css
This line of code must appear in header portion of HTML page:
<link href="ProductStyle-1.css" rel="stylesheet" type="text/css" /> [.css file in same directory] OR
<link href="../ProductStyle-1.css" rel="stylesheet" type="text/css" /> [.css file in directory above]
If it doesn't work be sure file reference is correct.

Images specified within style sheet:

grid background: bkgnd-grid-blue.jpg
<H3> grid header background: bkgnd_graph.png
<H4> green streak header background: bkgnd_tranp-green-gradient.png
#brandbox transparent green background: bkgnd_tranp-green.png
div.blueprint style background image: Bkgnd-Blueprint-b.png

Integratis home

Page markup [1]: integratis02.html

Images on this page:

Logo: IntegratisLogo-01.png
Integratis icon: I-icon-blue.jpg
320x240 graphic: ComupterWoman-Integ.png
Contact button: Contact.png and Contact-over.png (rollover requires the javascript embedded in this page)
About button: About.png and About-over.png (rollover requires the javascript embedded in this page)
Swapkeeper button: Swapkeeper.png and Swapkeeper-over.png (rollover requires the javascript embedded in this page)
Membership button: Membership.png and Membership-over.png (rollover requires the javascript embedded in this page)
Project Ally button: ProjAlly.png and ProjAlly-over.png (rollover requires the javascript embedded in this page)

Green streak header is <H4>, specified in CSS stylesheet.

Swapkeeper home

Page markup [1]: SwapKeeper01.html

Images on this page:

Logo: Logo-Swapkeeper01.png
Integratis icon: I-icon-blue.jpg
320x240 graphic: SwapKeeper-Baby02-black.jpg
Download button: Download2.png and Download2-over.png (rollover requires the javascript embedded in this page)

Graph paper header is <H3> specified in CSS stylesheet.
Transparent green background in <div id="brandbox"> is specified in CSS stylesheet.

Membership Keeper home

Page markup [1]: Membership01.html

Images on this page:

Logo: Logo-Membership01.png
Integratis icon: I-icon-blue.jpg
320x240 graphic: MembershipGroup.png
Register button: Register.png and Register-over.png (rollover requires the javascript embedded in this page)

Graph paper header is <H3> specified in CSS stylesheet.
Transparent green background in <div id="brandbox"> is specified in CSS stylesheet.

Project Ally home

Page markup [1]: ProjectAlly01.html

Images on this page:

Logo: Logo-ProjectAlly01.png [Alternative with blueprint background: Logo-ProjectAlly02.png ]
Integratis icon: I-icon-blue.jpg
Blueprint background image for #headerblock div specified in CSS stylesheet above.
320x240 graphic: ComputerWoman.png
Download button:Download2.png and Download2-over.png (rollover requires the javascript embedded in this page)

Graph paper header is <H3> specified in CSS stylesheet.
Transparent green background in <div id="brandbox"> is specified in CSS stylesheet.

NOTES

[1] To download HTML code: Open page in browser. Use View source on your browser. Select all, copy. Paste into a blank page, in the code area, not the design area. Save with same name as I gave it (till you have everything working). Upper vs lower case makes a difference in CSS.

[2] File references need to be correct. The references on the prototype pages reflect file structure as shown below.