* { 
    margin: 0;
    padding: 0;
    }

html {height: 100%;
      background:#000000;
      overflow-y: scroll;
      }

body {
    margin-top:0px;
    padding:0;
    border:0;
    background-color:#000000;
    text-align:center;
}



/*PAGE NAVIGATION*/

 
#main_wrapper {
    width: 960px;
    text-align:center;
    margin:auto auto;
    border: 0;
 } 


#header {
    width:900px;
    height:88px;
    background: #000000  url(../images/graphics/howardlesterdesigns.jpg) no-repeat top left;
    padding:22px 60px 0 0px;


    }
 
 
#indiv {
    width:960px;
    height:300px;
    margin-top:0px;
    }
  
    

#content {
    width:960px;
    padding:0;
    text-align:center;
    } 
    
#portfolioContent {
    width:700px;
    margin: 0px auto;
    background-color:#ffffff;
    margin-top:0px;
    text-align:left;
    padding:30px 50px 50px 50px;
     }    
    

.boxContent {
    width:215px;
    float:left;
    padding: 10px 20px 0 15px;
    
     }    
  
.buttonBox {
    width:100px;
    height:35px;
    float:right;
    }     
    
.port_image {
    width:300px;
    vertical-align:top;
    padding:20px 0px 20px 0px;
         
     }    
    
.port_text {
    width:500px;
    vertical-align:middle;
    padding:20px 10px 20px 30px;

     }    
    
    
/*TEXT FORMATS */


p,a,h1,h2,h3,li{
    font-family:arial;
    color:#000000;
    text-decoration:none;
    font-style:normal;
    font-size:12px;
    line-height:20px;
    }

    
 
#header a{
outline:none; } 

#header a:focus{
outline:none; } 
    
 
#content h1 {
    color:#0354C3;
    font-size: 14px;
    line-height:30px;
    font-weight:700;
    text-indent:0px;
    } 

 
#content h2 {
    color:#0354C3;
    font-size: 14px;
    line-height:30px;
    font-weight:700;
    text-indent:0px;
    }  
 
#content p {
    margin-bottom:10px;
    text-indent:0px;
    }
    
    
 .boxContent li {
     font-size:12px;
     margin-left:20px;
     }   

 .boxContent a {
     font-size:12px;
     color:blue;
     text-decoration:underline;
     } 
 
 .boxContent a:hover {
     font-size:12px;
     color:#000000;
     }  
     
     
 #portfolioContent a {
     font-size:12px;
     color:blue;
     text-decoration:underline;
     } 
 
 #portfolioContent a:hover {
     font-size:12px;
     color:#000000;
     }        
    
    
 /*TABBED CONTENT*/

                
.tabbed-box {
    width: 800px;
    min-height:300px;
    text-align:left;
    background: #ffffff  url(../images/graphics/box_bottom.jpg) no-repeat bottom;
    border: 0;
    margin: 0px auto;
    }
    
.tabbed-box .tabs li {
    list-style: none;
    float: left;
    }

.tabbed-box .tabs li a {
    display: block;
    width: 200px;
    height:30px;
    padding: 10px 0 0 0;
    font-size:14px;
    font-weight: bold;
    text-align: center;
    color: #CCCCCC;
    background: #000000  url(../images/buttons/grey.jpg) no-repeat top;
    border-width: 0;
    }
    
.tabbed-box .tabs li:first-child a {
    }
    
.tabbed-box .tabs li a:hover {
    background: #000000  url(../images/buttons/high.jpg) no-repeat top;
    color: #ffffff;
    border-width:0;
    }
    
.tabbed-box .tabs li a:focus {
    outline: none;
    border-width:0;
    }
    
.tabbed-box .tabs li a.active {
    background: #000000  url(../images/buttons/white.jpg) no-repeat top;
    color:#000000;
    border-width:0;
    }
    
.tabbed-content {
    padding: 60px 25px 20px 25px;
    display: none;
    min-height:270px;
    }
    
br.clear {
    clear:both;
    }