body 
{
    background:url(Images/nav_bg.png) repeat;
    font-family:Georgia;
}

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

#Materhead
{
    width:550px;
    height:150px;
    background-color:Gray;
    background-image:url(Images/masterhead_wpic_simpl.gif);
    float:right;
}

#content
{
    width: 510px;
    height: 305px;
    margin-top:5px;
    /*background-image: url(Images/bg_content_right.gif);*/
    background-color: white;
    display: block;
    float: right;
    background-position:right;
    background-repeat: no-repeat;
    line-height:150%;
    padding:20px;
    overflow:auto;
}

#home #content p
{
    font-size:100%;
}

/* Navigation Formating Start */
#cont_nav
{
    width: 200px;
    height: 149px; /*background-image:url(Images/bg_cont_nav.gif);*/
    padding-top:1px;
    padding-left: 5px;
    float: left;
    background-color:#d3d3d3;
}

#homeL a, #resumeL a, #contactL a, #PortfolioL a, #bioL a 
{
    background:url(Images/nav_bg.png) repeat;
    color:White;
    text-decoration:none;
    text-align:center;
    position:relative;
    display:block;
    border: ridge 1px white;

}

#homeL a:hover, #resumeL a:hover, #contactL a:hover, #PortfolioL a:hover, #bioL a:hover 
{
    background:url(Images/nav_bg_orange.png) repeat;
    color:black;
}

#home #homeL a
{
    background:url(Images/nav_bg_white.png) repeat;
    color:black;
}

#resume #resumeL a
{
    background:url(Images/nav_bg_white.png) repeat;
    color:black;
}

#contact #contactL a
{
    background:url(Images/nav_bg_white.png) repeat;
    color:black;
}

#Portfolio #PortfolioL a
{
    background:url(Images/nav_bg_white.png) repeat;
    color:black;
}

#Bio #bioL a
{
    background:url(Images/nav_bg_white.png) repeat;
    color:black;
}


#homeL a
{
    width:75px;
    height:40px;
    padding-top:10px;
    z-index:6;
    top:5px;
    left:20px;   
}

#resumeL a
{
    width:100px;
    height:25px;
    padding-top:5px;
    z-index:5;
    top:-40px;
    left:80px;  
}

#contactL a
{
    width:60px;
    height:45px;
    padding-top:15px;
    z-index:4;
    top:-35px;
    left:120px;  
}

#PortfolioL a
{
    width:90px;
    height:45px;
    padding-top:15px;
    padding-left:5px;
    z-index:3;
    top:-65px;
    left:48px;
    text-align:left;  
}

#bioL a
{
    width:35px;
    height:55px;
    padding-top:30px;
    z-index:3;
    top:-170px;
    left:7px;  
}


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

#cont_subnav ul 
{
 list-style:none;
 margin-top:30px;
}

#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:Black;   
    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 ul
{
    list-style:none;
    margin:0 0 0 5px;
    padding:0;

}

#Portfolio #content ul
{

    width:500px;
    margin-left:-10px;
}

#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;    
 }

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

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


/*Contact Page */
#contact fieldset dd 
{
    margin:0;
    padding:2px;
}


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

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

#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;
}