@charset "UTF-8";
/* CSS Document */

body {font-family:Verdana, Geneva, sans-serif;
	  font-size:12px;
	  color:#FFF;
      background-color: #000;}
	  
html {overflow:hidden;}

.outer {width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
        }

.main {width:1000px;
	   margin:25px auto;
	   border-style:solid;
	   border-width:10px;
	   border-color:#FFF;
           z-index: 1;
	   }
    
.title {background-color:#000;
	border-style:none;
	}
    
.nav {padding:0px;
	background-image:url('buttons/nav_cap.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:38px;
	}

#button_holder {display:block;
		margin:auto auto;
		width:830px;
		}

/* ######################## vvvvv NAV BUTTONS vvvvv ######################## */

#button_portfolio span {display:none;}

#button_portfolio {width: 166px;
		   height: 38px;
		   background-image:url('buttons/portfolio_norm.jpg');
		   display: block;
		   float:left;
           }

#button_portfolio:hover {width: 166px;
		   	height: 38px;
		   	background-image:url('buttons/portfolio_over.jpg');
		   	display: block;
			float:left;
			}

#button_art span {display:none;}

#button_art {width: 166px;
             height: 38px;
             background-image:url('buttons/art_norm.jpg');
             display: block;
             float:left;
             }

#button_art:hover {width: 166px;
		   	height: 38px;
		   	background-image:url('buttons/art_over.jpg');
		   	display: block;
			float:left;
			}

#button_music span {display:none;}

#button_music {width: 166px;
               height: 38px;
               background-image:url('buttons/music_norm.jpg');
               display: block;
               float:left;
               }

#button_music:hover {width: 166px;
                    height: 38px;
                    background-image:url('buttons/music_over.jpg');
                    display: block;
                    float:left;
                    }

#button_journal span {display:none;}

#button_journal {width: 166px;
		   height: 38px;
		   background-image:url('buttons/guestbook_norm.jpg');
		   display: block;
		   float:left;
			}

#button_journal:hover {width: 166px;
                       height: 38px;
                       background-image:url('buttons/guestbook_over.jpg');
                       display: block;
                       float:left;
                       }

#button_bio span {display:none;}


#button_bio {width: 166px;
		   height: 38px;
		   background-image:url('buttons/bio_norm.jpg');
		   display: block;
		   float:left;
			}

#button_bio:hover {width: 166px;
		   	height: 38px;
		   	background-image:url('buttons/bio_over.jpg');
		   	display:block;
			float:left;
			}
                        
#button_photography1 {background: url('buttons/photography1.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_photography1:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_photography1:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}

#button_photography2 {background: url('buttons/photography2.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_photography2:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_photography2:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}

#button_l4d {background: url('buttons/l4d.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_l4d:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_l4d:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}

#button_nonphoto {background: url('buttons/nonphoto.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_nonphoto:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_nonphoto:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}

#button_advertising {background: url('buttons/advertising.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_advertising:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_advertising:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}
                            
#button_graphic_design {background: url('buttons/graphic_design.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_graphic_design:hover { background-position: 0 -40px;
                            outline-style:none;}
#button_graphic_design:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}

#button_podcast {background: url('buttons/podcast.jpg') no-repeat 0 0;
                    width: 230px;
                      height: 40px;
                      display: block;
                      outline-style:none;
                      text-indent:-2000px;}
            
#button_podcast:hover { background-position: 0 -40px;
                            outline-style:none;}

#button_podcast:active { background-position: 0 -80px;
                            border:none;
                            outline-style:none;}



/* ######################## ^^^^^^ NAV BUTTONS ^^^^^ ######################## */

.content {background-color:#123;
	  height:350px;
	  padding-right:40px;
	  padding-top:20px;
	  padding-left:50px;
          padding-bottom:0px;
	  }

.right span img{border:7px solid black;
		margin:5px;}
                
.right span img:hover {border:7px solid #ffc800;
		margin:5px;}
                
.right img  {margin-top:20px;}

.left {width:220px;
	   float:left;
	   height:150px;
	   background-color:#123;
           border:none;
            }

.left span a {margin-top:5px;
          margin-bottom:7px;
          border:none;
          outline:none;}

.right {width:650px;
	display:inline;
	float:right;
        background-color:#123;
        text-align:left;}
   
        
.caption {clear:both;
            background-color:#051518;
            height:40px;
            border-top:15px solid #123;
            padding:10px;
            text-align:center;
            line-height:3em;}
        
.footer {clear:both;
	 background-color:#FFF;
         background-image:url('art/footer.gif');
	color:#000;
	text-align:center;
	height:38px;
        line-height:3em;
	 }

a {color:#afaf00;}