body 
{
    background:url(Images/JL_bg960x800.jpg) no-repeat 0 300px;
    font-family:Georgia;
    background-position:center;
    background-repeat:no-repeat;
    background-color:Black;
    
}

#container 
{
    width:960px;
    height:800px;
    text-align:center;
    margin:20px auto 20px auto;
    text-align:left;
    
    
}

#Materhead
{
    width:550px;
    height:150px;
    
    float:none;
}

#content
{
    width: 510px;
    height: 305px;
    margin-top:5px;
    float: right;
    line-height:150%;
    padding:20px;
    overflow:auto;
    
}
.jlDotCom 
{
    float:left;
    margin:200px 0 0 20px;
}

#home #content p
{
    font-size:100%;
    color:White;
    float:left;
    margin: 0 0 0 0;
}
#Jason_Labaw
{
float:left;
margin:50px 0 0 100px ;
height:auto;
width:auto;
}

/* Navigation Formating Start */
#cont_nav
{
    float: right;
    
}
#cont_nav a
{
    color:White;
    text-decoration:none;
    text-align:center;
    height:0;
    padding-top:28px;
    width:112px;
    overflow:hidden;
    display:block;
    margin:0 10px 0 0px;

}
#contactL a 
{
    background:black url(Images/JL_NAVContact2state.jpg) no-repeat top left;
}
#contactL a:hover 
{
    background:black url(Images/JL_NAVContact2state.jpg) no-repeat -112px 0;
}
#resumeL a 
{
    background:black url(Images/JL_NAVResume2state.jpg) no-repeat top left;
}
#resumeL a:hover 
{
    background:black url(Images/JL_NAVResume2state.jpg) no-repeat -112px 0;
}


#HomeL a 
{
    background:black url(Images/JL_NAVhome2state.jpg) no-repeat top left;
}
#HomeL a:hover 
{
    background:black url(Images/JL_NAVhome2state.jpg) no-repeat -112px 0;
}

#PortfolioL a 
{
    background:black url(Images/JL_NAVPortfolio2state.jpg) no-repeat top left;
}
#PortfolioL a:hover 
{
    background:black url(Images/JL_NAVPortfolio2state.jpg) no-repeat -112px 0;
}
#headset
{
    float:left;
     background-color:white;
    }
/*#pictures 
{
    background-color:Red;
    float:left;
}
*/
#resume #pictures #dotPDF{
    float:left;
    margin: 200px 0 0 100px;
    }
#resume #pictures #dotDOC{
    float:none;
    margin: 320px 0 0 -70px;
    }
#resume #content 
{
    height:400px;
    background-color:black;
    background-position:center, top;
    color:White;
    float:none;
    margin: -400px 0 0 250px;
    
}

#resume #index_resume{
list-style:none;
float:left;
margin:-450px 0 0 250px;
}
#resume #index_resume li{
 clear:both;
 display:inline;
 
 }
#resume #index_resume a:link, #index_resume a:visited, #index_resume a:hover{
    
    
    color:white;
   
}


/*#home #homeL a, #resume #resumeL a, #contact #contactL a, #Portfolio #PortfolioL a, #Bio #bioL a
{
<li id="home"><a href="Default.aspx">Home</a></li>
<li id="bioL"><a href="Bio.aspx">Bio</a></li>
    background-image: url(image/JL_NAV)
}

*/
#cont_nav li
{
    float:right;
    margin:0 10px 0 0;
    padding:0 0 0 1px;
}

#cont_subnav 
{
    width:205px;
    height:345px;
    display:block;
    float:left;
    background-color:black;
    margin:50px 0 0 50px;   
    color:White;
    
}

#cont_subnav ul 
{
 list-style:none;
 margin:50px 0 0 0;
}

#cont_subnav #validators
{
    position:absolute;
    top:477px;
}

#cont_subnav p a img 
{
    border:none;
    float:left;
 
}

#cont_subnav li #bg1 a, #cont_subnav li #bg2 a, #cont_subnav li #bg3 a, #cont_subnav li #bg4 a 
{
    height:45px;
    width:150px;
    display:block;
    text-decoration:none;
    color:white;   
    background-repeat:no-repeat;
    background-position:-15px 25px;
}

#cont_subnav li #bg1 a
{
    background:url(Images/bg_subnav_animated.gif);
    background-repeat:no-repeat;
    background-position: 30px 25px;
}

#cont_subnav li #bg2 a
{
    background:url(Images/bg_subnav_animated2.gif);
    background-repeat:no-repeat;
    background-position:30px 25px;
}

#cont_subnav li #bg3 a
{
    background:url(Images/bg_subnav_animated3.gif);
    background-repeat:no-repeat;
    background-position:30px 25px;
}

#cont_subnav li #bg4 a
{
    background:url(Images/bg_subnav_animated4.gif);
    background-repeat:no-repeat;
    background-position:30px 25px;
}


#cont_subnav li #bg1 a:hover, #cont_subnav li #bg2 a:hover, #cont_subnav li #bg3 a:hover, #cont_subnav li #bg4 a:hover
{
    background:url(Images/bg_subnav_hover.gif);
    background-repeat:no-repeat;
    background-position:30px 25px;
}

#Portfolio #cont_subnav li a 
{
    font-size:80%;
    width:200px;
    margin-left:-30px;
}


/*Nav Formating End */

/*Portfolio Formatting */
#Portfolio #content
{
    width: 510px;
    height: auto;
    float:left;
    
    margin: 90px 0 0 200px;    
    line-height:150%;
    overflow:auto;
}
/*
#Portfolio #container #Portfolio_content
{
    list-style:none;
    
    Float:left;
    margin:800px, 0 0 400px;
    }
    
    #Portfolio #container #Portfolio_content li
    {
     clear:both;
    }
    #Portfolio #container #Portfolio_content li:visited, #Portfolio #container #Portfolio_content li:link, #Portfolio #container #Portfolio_content li:hover
    {
    background:white url(images/JL_NotoriousLogo.png)no-repeat left center;
    }
    
*/



#Portfolio #content ul li
{
    margin:5px 0 5px 0;
    /*background:#dcdcdc url(Images/Portfolio_li_bg.jpg) no-repeat scroll top left;   */ 

}

#Portfolio #content ul a 
{
    display:block;
    text-decoration:none;
    color:#cccccc;
    padding: 3px 3px 3px 5px;
    line-height:115%;
}
#Portfolio #content ul a:first-line 
{
    color:#cb5100;
    text-align:center;
    
}


#Portfolio #content ul li span 
{
    
    font-size:70%;
    display:block;
    
}


#Portfolio #content ul li img
{
    float:right;
    width:150px;
    border:none;
}


#Portfolio #content ul li a:hover span
{
    color:#cb5100;
    font-size:70%;
    
}

#Portfolio #content ul a:hover
{
     background:#d3d3d3 url(Images/Portfolio_li_hover_bg.jpg) no-repeat scroll top left;   
 }
 
 #Portfolio #content ul
{
    list-style:none;
    padding:0;
    width:500px;
    height:auto;
    margin:-400px, 0 0 -400px;

}

#Bio #content h3
{
    margin:0;
    padding:0;
    text-decoration:underline;
}

#Bio #content p
{
    font-size:80%;
}


/*Contact Page */
#contact #content 
{
    overflow:hidden;
    width:650px;
    height:auto;
    margin:-430px 0 0 300px;
    float:left;
}
#RegularExpressionValidator1
{
float:left;
}
#contact fieldset dd 
{
    margin:0;
    padding:2px;
    color:White;
}


#contact fieldset dt 
{
    float:left;
    width:150px;
    padding:2px;
    color:White;
}

#contact fieldset p 
{
    font-size:60%;
    margin-top:-10px;
    margin-bottom:-30px;
    float:right;
    color:white;
}
.val_summary 
{
    font-size:80%
}
#contact fieldset
{
    float:left;
    margin:0 0 0 0;  
    
    
}

#contact #fieldset_legend
{
color:White;
}

#contact fieldset input
{
    margin-top:-15px;
}

#contact #cont_subnav address, p
{
    margin:10px;
}

#contact #cont_subnav a
{
    margin:10px;
    font-size:75%;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/*footer*/
#footer
{
    list-style:none;
    clear:both;
    float:left;
    margin:100px 0 0 330px;
    
    }
    #footer li
    {
    clear:both;
    display:inline;
        
    }
    #footer a:visited, #footer a:link, #footer a:hover
    {
    color:White;
    
    } 
    #contact #footer
    {
    margin:100px 0 0 330px;
    
   }
   #Portfolio #footer
   {
   margin: 0 0 0 330px;
   }