body 
{
    font-family:Arial;
    font-size:12px;
    margin:0;
    padding:0;
    background:url("images/bg_top.gif") repeat-x;
}

table.subscribe 
{
    padding:20px;
    border-collapse:collapse;
}

table.subscribe tr td
{   
    padding-top:10px;
    padding-right:10px;
}

table.subscribe td.label 
{
  vertical-align:top;
  margin-right:0.5em;
  padding-left:10px;
  text-align:right;
  font-weight:bold;
  }


table.subscribe .submit
{
    background-color:lightgray;
    border:1px solid black;
    font-weight:bold;
    margin-bottom:10px;
}

.clb
{
    clear:both;
}

a img
{
    border:1px solid black;
}

a:hover img
{
    border:1px solid blue;
}

#webstats
{
    width:100%;
    border:1px solid #000;
    border-collapse:collapse;
    margin:0px 0 180px 0;
    padding:0;
}

    #webstats tr.header
    {
        background-color:black;
        color:white;
        font-weight:bold;
    }
    
        #webstats tr.header td
        {
            padding:4px;
        }
    #webstats td.right
    {
        text-align:right;
    }
    
    #webstats tr.colored
    {
        background-color:#ededed;
    }
    
    #webstats tr.total td
    {
        border-top:1px solid black;
        font-weight:bold;
    }
    
    #webstats td.total
    {
        border-top:1px solid black;
        text-align:right;
    }
    
.center
{
    text-align:center;
}

.marginRight20
{
    margin-right:20px;
}

.marginRight10
{
    margin-right:10px;
}

.marginBottom10
{
    margin-bottom:10px;
}

a
{
    color:black;
    font-weight:normal; 
    color:black;
    text-decoration:underline;
}

a:hover
{
    color:blue !important;
    background-color:#FDFAB3;
}

p
{
    text-align:justify;
    line-height:150%;
}
  
div.clr
{
    clear:both;
}

.spacer
{
    height:15px;
}

.left
{
    float:left;
}

.border
{
    border:1px solid black;
}

.textLeft
{
    text-align:left !important;
}


/**********************************************************/
/* HEADER                                                 */
/**********************************************************/

#site
{
    position:relative;
    width:800px;
    margin:0 auto;
    background-color:#ffffff;
}



#top
{
    background-image:url("images/bg_top.gif");
    background-repeat:repeat-x;
    width:100%;
    height:7px;
    margin:0;
    padding:0;
}

#logo
{
    width:217px;
    height:107px;
    background:url("images/logo.gif") no-repeat bottom;
    margin-left:5px;
    margin-top:10px;
    _margin-top:0;
}

#header
{
    position:absolute;
    right:0;
    top:0;
    font-size:12px;
    line-height:normal;
    margin-top:6px;
    margin-right:15px;
}

    #header a
    {
        display:block;
        background:url("images/bg_ltab.gif") no-repeat left top;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:5px;
        padding-top:2px;
        color:#000000;
        text-decoration:none;
    }
    
    
    #header a:hover
    {
        color:Black !important;
    }

    #header ul
    {
        margin:0;
        padding:0;
        list-style:none;
    }
    
        #header li
        {
            float:left;
            background:url("images/bg_rtab.gif") no-repeat right top;
            margin:0;
            padding:0;
            cursor:pointer;
        }
        
            
    #header #current
    {
        background:url("images/bg_rtab_sel.gif") no-repeat right top;
    }
    
    #header #current a
    {
        background:url("images/bg_ltab_sel.gif") no-repeat left top;
    }
    
    #header li.hover
    {
        background:url("images/bg_rtab_hover.gif") no-repeat right top;
    }
    
    #header li.hover a
    {
        background:url("images/bg_ltab_hover.gif") no-repeat left top;
    }

/**********************************************************/
/* TESTIMONIALS                                            */
/**********************************************************/ 

#testimonials
{

    margin-top:30px;
}

    #testimonials a
    {
        font-weight:bold;
    }

    #testimonials #text p
    {
        margin:0;
        margin-top:2px;
        margin-left:2px;
        padding-right:15px;
        padding-bottom:5px;
    }
    
    #testimonials #sig
    {
        text-align:right;
        color:black;
        font-weight:bold;
        margin-right:25px;
        _margin-right:15px;
        margin-bottom:25px;
    }
  
/**********************************************************/
/* TESTIMONIAL                                            */
/**********************************************************/ 
 
#testimonial
{
    position:absolute;
    background:url("images/left_quote.gif") no-repeat left top;
    left:300px;
    top:30px;
    width:463px;
    height:50px;
    font-size:10px;
    color:Gray;
    padding-left:15px;
}  

    #testimonial a
    {
        color:Gray;
        text-decoration:underline;
    }

    #testimonial #text p
    {
        background:url("images/right_quote.gif") no-repeat right bottom;
        font-style:italic;
        margin:0;
        margin-top:2px;
        margin-left:2px;
        padding-right:15px;
        padding-bottom:5px;
    }
    
    #testimonial #sig
    {
        float:right;
        color:Gray;
        font-size:10px;
        margin-right:25px;
        _margin-right:15px;
    }
    
/**********************************************************/
/* LEFT COL                                               */
/**********************************************************/
   
#leftCol
{
    position:absolute;
    left:10px;
    top:137px;
    _top:142px;
    width:200px;
    height:100%;
}

    #leftCol div.leftSection
    {
        background:url("images/bg_rheader.gif") no-repeat right top;
        margin-bottom:10px;
        width:200px;
    }

    #leftCol div.title
    {
        background:url("images/bg_lheader.gif") no-repeat left top;
        height:23px;
        font-weight:bold;
        padding-left:5px;
        padding-top:5px;
        margin-bottom:-5px; /* to counteract the padding-top pushing colContent down */
    }
    
    #leftCol div.colContent
    {
        padding:5px;
        border:1px solid #cfb835;
        border-top:0;
    }
    
/**********************************************************/
/* MAIN CONTENT                                           */
/**********************************************************/
    
#mainContent, #mainContentB
{
    margin-left:230px;
    margin-right:20px;
    margin-bottom:20px;
    margin-top:12px;
}

#mainContentB
{
    margin-left:0;
}



    #mainContent p, #mainContentB p
    {
        margin:0;
        margin-bottom:10px;
    }
    
    #mainContent h1, #mainContentB h1
    {
        margin:0;
        padding:0;
        font-size:16px;
    }

/**********************************************************/
/* FOOTER                                                 */
/**********************************************************/   

#footer
{
    width:100%;
    height:17px;
}

    #footer div
    {
        border-top:1px solid #b4b3b3;
        color:#b4b3b3;
        font-size:9px;
        margin-left:10px;
        margin-right:20px;
        padding-top:2px;
        text-align:right;
    }

/**********************************************************/
/* MY WORK                                                */
/**********************************************************/
ul.myWork li 
{
    font-weight:bold;
}

ul.myWork a
{
    padding:2px;
}

    ul.myWork li p
    {
        font-weight:normal;
    }
    
    ul.myWork li a.siteLink
    {
        font-size:10px;
    }
    
.liSection
{
}

.jsDisplay
{
    clear:both;
}


.jsDisplay li
{
    margin-bottom:2px;
}

    .jsDisplay li span a
    {
        font-weight:bold;
        color:Black;
        text-decoration:none;
    }

        .jsDisplay .jsDisplay li span a
        {
            color:black;
        }

    .jsDisplay li.liOpen
    {
        list-style-image:url(images/liOpen.jpg);
    }

    .jsDisplay li.liClosed
    {
        list-style-image:url(images/liClosed.jpg);
    }

.fieldx .items
{
    margin-left:280px;
}

    .fieldx .items img
    {
        margin-bottom:10px;
    }

.software_images div
{
    float:left;
    margin-bottom:10px;
}

/**********************************************************/
/* FOR HIRE                                               */
/**********************************************************/

table.forHire
{
    width:100%;
    padding:0;
    margin:0;
}


    table.forHire tr.header td
    {
        background-color:#cccccc;
        padding:5px;
        font-weight:bold;
        margin-top:30px;
    }
    
    table.forHire td.field
    {
        text-align:right;
        width:100px; 
        padding-right:10px;
        vertical-align:top;
    }
    
    table.forHire td.input
    {
        width:600px;
    }
    
    table.forHire ul
    {
        list-style:none;
    }
    
    table.forHire textarea
    {
        width:99%;
        height:100px;
    }
    
    table.forHire .details
    {
        text-align:center;
    }
    

div.gallery
{
    margin-top:50px;
}

    div.gallery h2
    {
        text-align:center;
    }

    div.gallery table td
    {
        text-align:center;
    }
    
    div.gallery div.quote
    {
        font-style:italic;
        color:gray;
        font-family:Times New Roman;
        font-size:16px;
    }
    
    div.gallery div.sig
    {
        float:right;
        font-weight:bold;
        margin-top:-20px;
        margin-bottom:20px;
        color:Gray;
    }