body {background: url(background4.jpg) repeat-x #000102;
      background-attachment: fixed; 
      color: #000; font-family: Franklin Gothic Medium,AppleGothic,MgOpen Modata,sans-serif;
      text-align: center;}
#moon {z-index: -3;position:fixed; top:0px; left:0px; width:300px; height: 110px; background: url(moon.jpg);}
#container {position: relative;
            margin: 0px auto 0px auto;
            height: 100%;
            width: 960px;
            text-align: center;
           }
menthing {float:left; font-size: 12pt;}
#topthing {z-index: -1;
           position: relative; width: 800px; height: 146px; margin: 0px auto 0px auto;}
#topleft {float: left; width: 43px; height: 146px; margin: 0px 0px 0px 0px; background: url(topleft.png);}
#topmiddle {float: left; width:714px;height: 146px; background: url(topmiddle.png);} 
#topright {float: right; width: 43px; height: 146px; margin: 0px 0px 0px 0px; background: url(topright.png);}
#topstuff {position: absolute; left: 100px; top: 20px; color: white; text-align: left; width: 600px;color: #fff; font-size: 10pt;height: 20px;}
#logo  {float: left; z-index: 12;width:177px; height: 188px; background: url(logo.png); margin-top: -146px;margin-right: -100px;}
#j2name {z-index: 12;position: absolute; top: 110px; left: 100px;font-size:8pt ; color: #a0a0a0;text-align: left;}
#textback2 {z-index: 0;position: relative;  background: url(textback.png);width: 770px;min-height: 300px;overflow: hidden;margin-left: 95px;}
#textback {z-index: -2;position: relative;  margin: -20px auto 0px auto; background: url(textback.png);width: 770px;min-height: 300px;}
#textbottom {z-index:-3;position: relative;margin: 0px auto 0px auto; background: url(textbottom.png); width: 770px;height: 37px;}
#topmonitor {float:right; margin-right: -100px; margin-top: -80px;z-index:20;width: 200px; height: 300px;}

#displaydiv1 {z-index: 1; 
position: absolute;
 top: 150px;
 left: 110px;
 color: #000;
 padding: 25px 40px 25px 40px;
 width: 649px; 
background: url(display.png);
height: 235px;
text-align: left;
font-size: 10pt;}

.displaydivs 

{z-index: 1; 
position: absolute;
   top: 500px;
   left: 110px;
 padding: 25px 40px 25px 40px;
 width: 649px; 
background: url(display.png);
height: 235px;
visibility: hidden;
text-align: left;
font-size: 10pt;}



.divheads {position: relative;
           text-align: right;
           margin-top: -40px;
           margin-right:0px;
           float: right;
           font-size: 24pt;
           font-weight: bold;
           color: #A36C81;
           font-family: Century Gothic, san-serif;
           width: 500px;
}
.divhead1  {position: absolute;
            top: 0px;
            left: 0px;
            text-align: right;
            color: #dd00dd;}
.divhead2  {position: absolute;
            top:1px;
            left: 1px;
            text-align: right;
            color: #550055;}

.pageheads {position: relative;
           text-align: right;
           margin-top: -10px;
           margin-right:30px;
           float: right;
           font-size: 36pt;
           font-weight: bold;
           color: #A36C81;
           font-family: Century Gothic, san-serif;
           width: 300px;
           z-index: 24;
}
.pagehead1  {position: absolute;
            top: 0px;
            left: 0px;
            
            color: #dd00dd;}
.pagehead2  {position: absolute;
            top:1px;
            left: 1px;
            color: #550055;}

#divnormal {position: relative;float: left; margin-left: 15px;overflow: hidden;width: 727px;z-index: 9;margin-top: 10px;z-index: 15;}
#divetop {position: relative;width: 727px; height: 55px; background: url(displayetop.png);z-index: 9;margin-top: 10px;}
#diveback {position: relative;width: 727px; min-height: 255px; background: url(displayeback.png);margin-top:13px;}

#divebottom {position: relative;width: 727px; height: 55px; background: url(displayebottom.png);z-index: 9;margin-bottom: 0px;}
#divetext {position: relative; width: 640px; margin: -13px auto 0px auto;text-align: left;font-size: 10pt;margin-bottom: 0px;z-index: 10; }
#hidedisplay {z-index: 5; position: fixed; top:494px; left: 0px;  width: 100%; height: 275px; background: #000102;margin: 0px 0px 0px 0px; padding: 0px;}
#portfolioexpress {position: absolute; top: 520px; left:315px; height: 138px;width: 638px;z-index: 12;visibility: hidden;}
#peleft {float: left; width: 37px; height: 138px; background: url(portfolioleft.png);z-index: 14;} 
#peback {float: left; width: 564px; height: 138px; background: url(portfolioback.png);} 
#peright {float: left; width: 37px; height: 138px; background: url(portfollioright.png);z-index: 12;} 
#peover {position: absolute; top: 0px; left: 0px;width:  107px;height: 141px;background: url(hideleft.jpg);z-index: 14;margin-left: -60px;margin-top: -3px;}
#menu {z-index: 4;position: absolute; top: 50px; left: 200px;display: inline;height: 80px;width:400px;font-size: 12pt;}
#menu a:link, a:visited, a:active {text-decoration: none;
                                   background: url(menuback.png);
                                   color: yellow;
                                     
                                   width: 90px;}
#menu a:visited {text-decoration: none;
                                   background: url(menuback.png);
                                   color: yellow;
                                   
                                   width: 90px;}
#menu a:hover {background: url(menubackon.png);
               color: white;}

#portfolio {position: relative;
            z-index: 6;
            margin: 40px auto 0px auto;
            width: 800px;
            }
.portfoliopage {width: 95%;
                text-align: center;
                margin-top: 13px;
               
                clear: both;
                font-size: 10pt;
                z-index: 8;
                overflow: hidden;
                border-bottom: 1px dotted #a0a0a0;
                padding-bottom: 20px;
                }

.portfolioimage {width:250px;
                float: left;
                text-align: center;
                margin-top: 10px;
                margin-left: 10px;
                }
h1 {text-align: left;
    font-size: 14pt;
    font-weight: bold;
    color: purple;
    font-family: century gothic;
    }
.monitor {position: absolute; top: 15px; left: 23px;width: 113px; height: 102px;  background: url(monitor.png); z-index: 10;overflow: hidden;clip: rect(0px, 113px, 102px, 0px);}
.thumb  {position: absolute; top: 10px; left: 5px; width: 102px; height: 64px;padding-top: 0px; padding-left: 0px;border: 1px solid #000;cursor: pointer;opacity: 0.7;}

#pheading {position: relative; margin: -30px auto 0px auto; width: 293px; height: 36px; background: url(expresshead.png);z-index: 12;}
.monitor2 {position: absolute; margin-top: 0px; margin-left: 0px;width: 113px; height: 102px; background: url(monitor.png); z-index: 20;}
.picleft  {position: relative;float: left;width: 300px;text-align: center;}
.picright {position: relative;float: left;width: 300px;text-align: left;border-left: 1px dotted #a0a0a0;padding-left: 20px;}

a:link,a, a:visited, a:active {color: blue; text-decoration: none;background: transparent;}
a:hover {color: red;}

.formlabel  {position: relative;float: left;clear: both; width: 100px; font-size: 10pt;margin-top:3px;text-align: right;margin-right: 10px;}
.formfield   {position: relative; float: left; width: 200px;margin-top:3px;}
.formthing {position: relative; clear: both; float: left; width: 310px;margin-left: -30px;}
.formwarn  {position: relative; clear: both; float: left; height: 6px; width: 200px; font-size: 7pt; background: #d00; color: white;visibility: hidden;padding-top: 1px;}
.noform {position: relative;float: right; top:0px;margin-left: -60px;width: 300px;}
ul {list-style-image: url(dot.gif);}