﻿.TopNavMenu ul.AspNet-Menu li#SelectedProjects {
    background:transparent url(/images/layout/btn_projects.gif) no-repeat scroll 0px -38px;
}
div#portfolio_main {
    position: relative;
    height: 520px;
}
#secondary_nav a.goto:link, #secondary_nav a.goto:visited {
    color:#000;
    text-decoration:none;
    background-image: url(/images/layout/arrow_orange.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 13px;
}
div#projectPhoto {
    border: 1px solid #b0b0b0;
    width: 630px;
    height: 338px;
    text-align: center;
    position: absolute;
    top:25px;
    left:20px;
}
div#projectThumbs {
    border: 1px solid #b0b0b0;
    background: #b0b0b0;
    width: 620px;
    height: 38px;
    padding: 5px;
    text-align: left;
    position: absolute;
    top:365px;
    left:20px;
    overflow: hidden;
}
img.thumbnail 
{
	width: 39px;
	height: 39px;
	padding-right: 4px;
}
div#projectDesc {
    width: 630px;
    padding: 12px 0;
    position: absolute;
    top:410px;
    left:20px;
}
div#projectSpecs {
    border: 1px solid #b0b0b0;
    border-left: none;
    width: 167px;
    height: 368px;
    padding: 10px 5px 10px 15px;
    position: absolute;            
    top: 25px;
    left: 647px;
    font-size: .85em;
}
div#projectSpecs h3 
{	
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}
div#projectSpecs td {
    vertical-align: top;
    padding: 3px;
}
#divWebcam a:link, #divWebcam a:visited {
    color: #000;
    text-decoration: none; 
    background: url(/images/layout/img_webcam.gif) left center no-repeat;  
    padding-left: 20px;         
} 
#divWebcam a:hover {
    color: #000;
    text-decoration: underline;
}
div#caseStudy {
    width: 170px;
    height: 40px;
    padding: 10px 5px 0 15px;
    position: absolute;            
    top:410px;
    left: 647px;
}
#pnlCaseStudy a:link, #pnlCaseStudy a:visited {
    color: #00acee;
    font-weight: bold;
    text-decoration: none;
}
div#projectnav {
    width: 198px;
    background: url(/images/layout/project_nav_ovr.gif) top left no-repeat;
    position: absolute;            
    top: 5px;
    left: 635px;
}
#projectnav, #projectnav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 200px;
    z-index: 400;
    position: absolute;
}

#projectnav li { /* all list items */
    position : relative;
    float : left;
    line-height : 1.25em;
    width : 198px;
    z-index: 400;     
}

#projectnav li.parent {
    text-align: right;
    text-transform:uppercase;
    display: block;
    width: 200px;
    height: 21px;
    padding: 0;
    background: transparent url(/images/layout/project_nav_off.gif) no-repeat;
}

#projectnav li ul { /* second-level lists */
    position : absolute;
    left: -999em;
    margin-left : 0;
    margin-top : 0;
    z-index: 400;
    width: 198px; 
    text-align: left;
    text-transform: none;
    background-color: #ffe0bf;
    border: 1px solid #c5b8a9;
    border-bottom: none;
}

#projectnav li ul ul { /* third-and-above-level lists */
    left: -999em;
    text-align: left;
    text-transform: none;
}

/*parents*/
#projectnav li.parent a {
    width: 200px;
    w\idth : 190px;
    display : block;
    color : black;
    font-size: 10px;
    text-decoration : none;
    /*height: 18px;*/
    padding : 3px 5px;
    z-index: 400;
    background: transparent;
    /*background: url(/images/layout/project_nav_off.gif) no-repeat;*/
}
#projectnav li.parent a:hover {
    width: 200px;
    w\idth : 190px;
    display : block;
    color : black;
    font-size: 10px;
    text-decoration : none;
    background : transparent;
    /*height: 18px;*/
    padding : 3px 5px;
    z-index: 400;
    background:none;
    background: transparent; /*url(/images/layout/project_nav_ovr.gif) no-repeat;*/
}

/*keep highlight on parent items*/
#projectnav li.parent:hover {
    background:transparent;
    background: url(/images/layout/project_nav_ovr.gif) no-repeat;
}

#projectnav li.parent:hover li a {
    background: none;
}

/*children*/
#projectnav li.parent ul li a {
    width: 198px;
    w\idth : 188px;
    display : block;
    color : black;
    font-size: .8em;
    text-decoration : none;
    padding : 0.25em 5px;
    z-index: 500;
    background-color: #ffe0bf;
    background-image: none;
    border-bottom: 1px solid #c5b8a9;
}

#projectnav li.parent ul li a:hover {
    width: 198px;
    w\idth : 188px;
    display : block;
    color : black;
    font-size: .8em;
    text-decoration : none;
    padding : 0.25em 5px;
    z-index: 500;
    background-color: #ffffff;
    background-image: none;
    border-bottom: 1px solid #c5b8a9;
}

#projectnav li:hover ul ul, #projectnav li:hover ul ul ul, #projectnav li.sfhover ul ul, #projectnav li.sfhover ul ul ul {
    position: absolute;
    display: block;
    left: -999em;
    z-index: 500;
}

#projectnav li:hover ul, #projectnav li li:hover ul, #projectnav li li li:hover ul, #projectnav li.sfhover ul, #projectnav li li.sfhover ul, #projectnav li li li.sfhover ul { /* lists nested under hovered list items */
    /*position: absolute;*/
    display: block;
    left: 0;
    z-index: 500;
    top: 20px;
    visibility:inherit;
}
#projectnav li.sfhover {
    background: url(/images/layout/project_nav_ovr.gif) no-repeat;
}

