/*
 * Fiddlehead Solutions CSS
 */ 

body  { 
       font-family: "Comic Sans MS", verdana, arial, helvetica, sans-serif;
       font-size: 14px;
       line-height: 150%;
       background-image: url(images/fsbg.gif);
       background-position: 100% 100%;   
       background-repeat: repeat;       
   }
   
a:link    { color: #660099; background-color: #cccbff;}
a:visited { color: #660099; background-color: #cccbff;}
a:hover   { color: #333366; background-color: #cccbff;}

img   { border: 0; } 

#wrapper {
       color: #000000;
       background-color: #cccbff;
   width: 1024px; 
   height: 768px; 
   border: 6px solid #5d359c;
        padding: 0px 15px 0px 15px; 
   position: relative;
   margin-right: auto;
   margin-left: auto;   }    
   
#wrapper2 {
   text-align: left;
   margin: auto;
   width: 900px; 
   border: 6px solid #5d359c;
   background-color: #cccbff;
   }   

#logo {
   position: absolute;
   top: 25px;
   left: 15px;
   padding-bottom: 7px; 
   border-bottom: 3px solid #000000;
   margin-bottom: 12px;
   }

#menu {
   position: absolute;
   top: 150px;
   left: 150px;
   border-left: 5px solid #000000;
   }

#menu a { 
         text-decoration: none; 
         display: block;
         padding: 5px 5px 5px 0.5em;
         border-left: 5px solid #000000;
         border-right: none;
   }

#menu a:hover { 
         border: 2px;
   }

#workIsForTheBirds {
   padding: 20px 50px 20px 20px;
        
   }

#xfooter {
   position: absolute;
   top: 700px;
   left: 400px;
   }

div.centered { text-align: center; }