/*final*/

body { margin: 0px;
       padding: 0px;
       font: 11px arial, verdana, century gothic, sans-serif;
       font color: #663300;
       background: url(images/darkblue.jpg); 
       background-repeat: repeat-x repeat-y;
      }
      
#contentArea { width: 800px;
               margin: 30px auto;
               background-color: #FFFFFF;
               height: 555px; 
               color:#333132;
             }      
                   
      
#heading { background: #ffe9cc;
           background: url(images/curve.png);
           background-repeat: no-repeat;
		   height: 125px; 
           border-bottom: 5px solid #97bdb9;
           float: right; 
          width: 760px; 
          letter-spacing: 3px;
          font-size: 10px;          
          padding: 0px 20px;
          margin: 0px 0px 0px 0px;
           font: 10px arial, verdana, century gothic, sans-serif;
         } 
      

#heading img {margin: 15px 0px 0px 25px;
			  float: left;
			  border: none;
             }    
            
            
#heading ul { float: right; 
             margin: 0;
             padding: 20px 0 0 25px; 
             list-style-type: none; 
           }
               
#heading li { display: inline;
              }

#heading span a { display: block; 
            float: left; 
            text-decoration: none; 
            color: #0b5b75; 
            width: 11.36em; 
            text-align: center;
             height: 75px;
             }
         
#heading em {color: #663300;
			font-weight: bold;
			background: url(images/bird.png) no-repeat 50% 100%;
	   	    display: block; 
            float: left; 
            text-decoration: none;  
            width: 11.36em; 
            text-align: center;
             height: 68px;
 				}
               
#heading a:hover{ color: #663300;
				   font-weight: bold;
				   background: url(images/bird.png) no-repeat 50% 100%;
	   		       height: 68px;
                } 
#column2connect img {
			  border: none;
			  }
                
   
a:link { color: #0b5b75;
         text-decoration: none;
       } 
a:visited { color: #0b5b75;
            text-decoration: none;
        } 
a:hover, a:active { color: #663300; 
					text-decoration: none;

        }
         
#column1about { float: left; 
           /* fixes IE Double Margin Float bug */
           display: inline; 
           margin-left: 40px; 
           padding: 20px 0px 0px 0px;
           height: 400px; 
         }           
             
#column2about {  margin-left: 260px;
 	        padding: 0px 55px 0px 0px;
 	        line-height: 22px;
		   }
		   
#column2about span {color: white;
					background-color: #97bdb9;
					padding: 2px 475px 2px 5px;
				}
				
#column1resume { float: left; 
           /* fixes IE Double Margin Float bug */
           display: inline; 
           margin-left: 50px; 
           padding: 20px 0px 0px 0px;
           height: 400px;
            line-height: 16px
         }	
         
#column1resume span {color: white;
					background-color: #97bdb9;
					padding: 2px 130px 2px 5px;
				}
		   
	
#column2resume {  margin-left: 325px;
 	        padding: 205px 40px 0px 0px;
 	          line-height: 16px;
		   }	
		   
#column2resume span {color: white;
					background-color: #97bdb9;
					padding: 2px 325px 2px 5px;
				}
		   
#column1connect { float: left; 
           /* fixes IE Double Margin Float bug */
           display: inline; 
           margin-left: 50px; 
           padding: 21px 0px 0px 0px;
           height: 399px;
           line-height: 16px
         }	
		   
#column1connect span {color: white;
					background-color: #97bdb9;
					padding: 2px 130px 2px 5px;
				}

#column2connect {  margin-left: 325px;
 	               padding: 152px 40px 0px 0px;
 	              line-height: 15px;
		         }	
		         		   
#column2connect span {color: white;
					background-color: #97bdb9;
					padding: 2px 300px 2px 5px;
				}

		         
#column1portfolio { float: left; 
           /* fixes IE Double Margin Float bug */
           display: inline; 
           margin-left: 50px; 
           padding: 20px 0px 0px 0px;
           height: 400px;
           line-height: 18px
         }		
         
#column1portfolio span {color: white;
					background-color: #97bdb9;
					padding: 2px 130px 2px 5px;
				}    
				
#column1portfolio em {color: #663300;
				   font-weight: bold;
				}  				
				
				
#column2portfolio {  margin-left: 325px;
 	               padding: 205px 40px 0px 0px;
 	              line-height: 15px;
		         }	 
		         
#column2silliness { margin-left: 275px;
 	               padding: 140px 40px 0px 0px;
 	              line-height: 22px;
		         }

#column2mohotta {margin-left: 275px;
 	               padding: 140px 40px 0px 0px;
 	              line-height: 22px;
		         }	
#column3mohotta { margin-left: 275px;
 	               padding: 0px 40px 0px 0px;
 	              line-height: 13px;
                  font-size: 9px;
		         }		         
		         
#footer { clear: both; 
           background: url(images/curve2.png);
           background-repeat: no-repeat;
          color: #0b5b75; 
          padding: 5px 20px 10px 10px; 
          text-align: right; 
          font-size: 9px;  
         }