/*top navigation for home page*/

#topnav a#onstate-portfolio {
color: #FFFFFF;
}

#mainwrapper3  /*override*/
{
float: left;
width: 820px;
background-color:#1E2329;
padding:30px 40px 30px 40px;
margin-bottom: 25px;
}

/* portfolio columns*/

#portfolio-left {
width: 120px;
float: left;
margin-right: 24px;
}

#portfolio-right {
float: right;
width: 649px;
border-left: 1px solid #2A313A;
padding-left: 24px;
}

#portfolio-right p a {
background-color: transparent;
}

#portfolio-right p a:hover {
background-color: transparent;
}

#portfolio-right-temp {
float: right;
width: 649px;
border-left: 1px solid #2A313A;
padding-left: 24px;
}




/* portfolio nav*/

#portfolio-nav li {
margin-bottom: 2px;
}

ul#portfolio-nav {
border-bottom: 1px solid #2A313A;
margin-bottom: 17px;
padding-bottom: 15px;
font-size: 1.4em;
color:#343B43;
}

#portfolio-nav a {
padding: 0px 2px 0px 2px; 
color:#BEC5CD;
}

#portfolio-nav a:hover {
background-color:#343B43;
color:#FFFFFF;
}

#portfolio-nav .onstate a {
background-color:#0099FF;
color:#FFFFFF;
}

/* portfolio subnav*/

#portfolio-subnav li {
margin-top: 7px;
line-height: 130%;
}


#portfolio-subnav a {
font-size: .9em; 
text-transform: uppercase;
color:#BEC5CD;
padding: 2px 2px 2px 0px;
}

#portfolio-subnav a:hover {
background-color:#343B43;
color:#FFFFFF;
}

#portfolio-subnav .onstate a {
background-color:#0099FF;
color:#FFFFFF;
}

#portfolio img {
margin: 20px 0px 0px 0px;
}


/*portfolio details*/
/*casestudies detail*/

#portfolio-detail {
width: 500px;
font-size: .9em; 
text-transform: uppercase;
color: #FFFFFF;
}

#portfolio-detail p {
margin: 0px;
line-height: 130%;
}

.highlight {
color:#0099FF;
}

.highlight a {
color:#0099FF;
}

.highlight a:hover {
color:#FFFFFF;
}