/*** Jiwa Web Design Website Style Sheet 
 *** Aqua Colour is #99FFFF,
 vary pale Aqua is #D3F7FB; 
 another pale Aqua is #E1FFFF
 Cream is #FFFFCC 
 Brick is #FF6666 
 Lilac is #6666CC 
 Dark Lilac is #4848C2 ***/  

  p {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 0.8em; line-height: 1.8em;} 
  h1 {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.4em;} 
  h2 {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.1em; }
  h3 {font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 0.9em; color:#4848C2;font-weight: bold; } 
  hr{background-color: #ADD8E6; border-style: none; color: #006600; height: 1px; width: 100%; } 
  
  a:link {color: #6666CC; background-color: transparent; text-decoration: none}
  a:visited {color: #000000; background-color: transparent;text-decoration: none} 
  a:hover {color: #000000; background-color: #99FFFF;text-decoration: underline} 
  a:active {color: #99FFFF; background-color: transparent;text-decoration: underline}
  
  ul {
     list-style: none;
     margin-left: 0;
     padding-left: 5px;
     }
     
  li { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em;}
  
  body {
       margin: 0;
       padding: 0;
       text-align: center;
       background-color: #D3F7FB;
       }
 
  #header {
          border: none; 
          height: 100px; 
          width: 760px;
          padding-top: 0px;
          }
          
 #header img {
             border: none;
             height: 100px; 
             width: 763px;
             margin-left: -1px;
             }
       
  #border {
           width: 780px;
           padding: 0 0 0 0; 
           background-image: url(../images/graphics/edge.gif);
           background-repeat: repeat-y;
           background-position: top left;
          }
            
  #bordertop {
           width: 780px;
           min-height: 5px;
           margin-right: auto;
           margin-left: auto;
           margin-top: 0px;
           padding: 10px 0 0 0; 
           background-image: url(../images/graphics/top.gif);
           background-repeat: no-repeat;
           background-position: top left;
          } 
          
  #borderbottom {
           width: 780px;
           padding-top: 0px;
           padding-bottom: 10px; 
           background-image: url(../images/graphics/bottom.gif);
           background-repeat: no-repeat;
           background-position: bottom left;
          }                      

  #wrapper {
           position: relative;
           text-align: left;
           width: 762px;
           margin-right: auto;
           margin-left: auto;
           margin-top: 0px;
           padding: 0 0 0 0; 
           padding-left: 1px;
           background-image: url(../images/graphics/lilaccatleft2.png);
           background-repeat: no-repeat;
           background-position: right bottom;
           background-color: #FCFCFE;
           }

  #navigation {
              position: absolute;
              top: 130px;
              right: 30px;
              float: right;
              width: 160px;
              background-image: url(../images/graphics/lilacfade.png);
              background-repeat: repeat-y;
              background-position: top left;              
              }
              
  #navigation ul {
              list-style: none;
              margin-left: 0;
              padding-left: 5px;
              }
              
  #navigation li { 
                 font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
                 font-size: 0.8em;
                 line-height: 1.5em;
                 padding-bottom: 1em;
                 }
                 
                           
  #navigation a:link {color: #000000; background-color: transparent; text-decoration: none}
  #navigation a:visited {color: #000000; background-color: transparent;text-decoration: none} 
  #navigation a:hover {color: #000000; background-color: #99FFFF;text-decoration: underline} 
  #navigation a:active {color: #99FFFF; background-color: transparent;text-decoration: underline}
                         
  #content {
           margin-left: 35px;
           float: left;
           width: 500px;
           }
  #content img {
               float: right;
               margin-left: 20px;
               }
           
  #footer {
          clear: both;
          padding-top: 10px;
          padding-left: 25px;
          /*background-image: url(../images/graphics/bottom.gif);
           background-repeat: no-repeat;
           background-position: bottom left */
          }

  #footer p {
          font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
          font-size: 0.7em;
          float:right;
          }
          
   #copyright {
               width: 760px;
               margin-right: auto;
               margin-left: auto;
               }
          
   #copyright p {
          font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
          font-size: 0.7em;

          float:left;
          }          
   /** Recent Work Styles **/
   #horizphotos {list-style-type: none; margin-left: 1px; height: 150px;} 
  #horizphotos li { float: left; margin-left: 0px; margin-right: 5px;  margin-bottom: 5px; 
  font: 0.8em Arial, Helvetica, sans-serif; color: #000000;text-align: 
  center;} 
  #horizphotos img { display: block; border-color: #6666CC; }

  .clear {
         clear: both;
         }