/*top navigation for home page*/

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

/* casestudies columns*/

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

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


/* casestudies nav*/

#casestudies-nav li {
margin-top: 7px;
line-height: 130%;
}

ul#casestudies-nav {
color:#343B43;
}

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

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

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

.title {
font-size: .6em;
text-transform: uppercase;
}

.title a:hover {
color:#0099FF;
}

/*backto top*/
#backtotop {
font-size: .9em; 
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 25px;
margin-top: 25px;
}

#backtotop p {
margin: 0px;
line-height: 100%;
}


/*casestudies detail*/

#casestudies-detail {
float: left;
width: 400px;
font-size: .9em; 
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 25px;
}

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

.highlight {
color:#0099FF;
}

.highlight a {
color:#0099FF;
}

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

#casestudies-imagery {
clear:both;
width: 669px;
text-align: left;
border-top: 1px solid #2A313A;
padding-top:25px;
}

#briefandanswer {
clear:both;
width: 669px;
text-align: left;
margin-top: 24px;
border-top: 1px solid #2A313A;
}

#briefandanswer h1, #briefandanswer h2 {
text-transform:uppercase;
font-size: 1.5em;
font-weight: normal;
margin-top: 24px;
margin-bottom: 5px;
border: 0px solid #2A313A;
padding: 0px;
}