*                       { margin: 0; padding: 0;}

body                    { background: #000000; font-family: sans-serif;}

/* For "What's New" heading */
h1                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 1.5em; }

/* For "What's New" content */
h2                      { font-family: sans-serif; font-style: italic; color: #736f6e; font-size: 0.9em;}

.indented               { padding-left: 1.5em;}

/* For page headings. */
h3                      { font-family: sans-serif; font-style: normal; color: #736f6e; font-size: 1.5em;}

h4                      { text-align: left; font-weight: normal; color: #d4a017; }

/* For IE note on home page. */
h5                      { font-family: sans-serif; font-style: normal; color: #736f6e; font-size: 0.7em;}

h6                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 0.7em; }

h7                      { font-family: sans-serif; font-style: normal; color: #736f6e; font-size: 0.7em;}

h8                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 250%; }

h9                      { text-align: center; font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 350%; }

#page-wrap              { width: 75%; margin: 0px auto; background-color: #000000; overflow: hidden;}

.new                    { color: #d4a017;}

.name                   { text-align: center;}

.intro                  { color: #736f6e; }

.intro td               { vertical-align: top; font-weight: lighter; text-align: left; font-size: 100%; padding: 30px 20px 30px 0px; }

.intro ul               { list-style: none; display: inline; }

.lnk                    { text-decoration: underline; color: #d4a017; display: inline;}

.intro a                { color: #736f6e; display: inline;}

.sm                     { display: inline; float: left; padding-right: 5px; padding-top: 5px;}

.cl                     { color: #d4a017; text-align: left;}

.tb                     { margin: auto; }

.tb td                  { text-align: center; width: auto;}

p                       { color: #736f6e;}

td                      { text-align: center; padding: 25px 30px; color: #736f6e; font-size: 80%; width: 25%;}

.nav                    { float: left; width: 100%;
                                list-style: none; list-style-position: inside;
                                border-top: solid 1px #736f6e; border-bottom: solid 1px #736f6e;
                                line-height: 30px;  background: #000; }

.nav li                 { float: left; position: relative; width: 25%; text-align: center; }

.nav li a               { display: block; }

.nav li:hover a,
.sub li                 { color: #000; background: #736f6e; }

a                       { display: block; text-decoration: none; color: #d4a017; font-family: sans-serif;}

.sub                    { display: none; width: 40em; position: absolute; }
        
.sub li                 { list-style: none; border: none; clear: both; }

.nav li:hover ul        { display: block; left: 0px;}

.sub li:hover a         { display: block; color: #fff; background: #504a4b; }

html,body               { height:100%;}



/** Here's where the magic happens **/
div.lb                  { display: none; position: absolute; position: fixed; /*for IE */ top: 0; left: 0; /*right: 0; bottom: 0;*/ height: 100%; width: 100%;
                                text-align: center;
                                background: url('screen.png'); }

img                     { text-decoration: none; border: none;}

.lb img                 { border: solid; border-width: 2px; border-color: #ffffff;}

div.lb:target           { display: block; }

/** IE doesn't support :target, so we use CSS expressions **/
div.lb                  { *display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none'); }

.contact                {width: 50%; text-align: justify; font-size: medium; font-weight: lighter;}

/** Pulse Gallery Images **/
.image-link { display: block; width: 75%; height: 400px; position: absolute; left: 210px; }

/**#zero { background: black; z-index: 2; }
#one { background: url(../Paintings/CircularShapes.jpg) no-repeat; }
#two { background: url(../Paintings/RisingAbove.jpg) no-repeat; }
#three { background: url(../Paintings/AutumnBirches.jpg) no-repeat; }
#four { background: url(../Paintings/SilentFriends.jpg) no-repeat; }
#five { background: url(../Paintings/SpringRain.jpg) no-repeat; }
#six { background: url(../Paintings/NaturesCurves.jpg) no-repeat; }
#seven { background: url(../Paintings/PetalsSeeds.jpg) no-repeat; }

#zero span { background: url(screen.png); border: none; }
#one span { position: absolute; left: -200px; top: 0px; }
#two span { position: absolute; left: -200px; top: 40px; }
#three span { position: absolute; left: -200px; top: 80px; }
#four span { position: absolute; left: -200px; top: 120px; }
#five span { position: absolute; left: -200px; top: 160px; }
#six span { position: absolute; left: -200px; top: 200px; }
#seven span { position: absolute; left: -200px; top: 240px; }**/

.image-link span { width: 180px; display: block; height: 30px; padding: 5px; background: url(screen.png); border: 1px solid #736f6e; background-position: center;}
.image-link:hover { z-index: 100; }
.image-link:hover span { background: #ccc; }