/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; color: #333; padding: 0; background-color: #fff; margin: 0; }
p { line-height: 16px; margin: 0 0 13px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { vertical-align: top; padding: 0; border: 0; }
a { color: #333; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #333; text-decoration: none; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { font-size: 13px; font-weight: bold; color: #333; margin: 0 0 10px 0; }
h1.space { margin-top: 25px; }
h2 { font-size: 11px; font-weight: bold; color: #333; text-decoration: none; padding: 0; margin: 10px 0 5px 0; }




/*

Primary layout styles

*/

#page { position: relative; width: 760px; }
#content { width: 760px; padding: 0 0 20px 0; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#leftNav { float: left; width: 110px; padding: 41px 11px 0 24px }
#leftNav ul li { font-size: 10px; margin: 0 0 10px 0; cursor: pointer; }
#leftNav ul li.selected { font-weight: bold; }
#leftNav ul li a:hover { color: #51becd; }

#leftNav ul li ul { margin: 10px 0 0 0; }
#leftNav ul li ul li { padding: 0 0 0 10px; background-image: url(../images/nav/nav_bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; margin: 0 0 10px 0px; }
#leftNav ul li.selected ul li { font-weight: normal; }
#leftNav ul li.selected ul li { font-weight: normal; }
#leftNav ul li.selected ul li.selected { font-weight: bold; }
#leftNav ul li.selected ul li.selected a:hover { color: #000; }
#leftNav ul li:hover ul li a:hover { color: #51becd; }
#leftNav ul li:hover ul li a { color: #000; }

#main { float: left; width: 610px; padding: 20px 0 0 0; }
#main #portfolio { padding: 20px 0 40px 50px; }
#main #portfolio td { padding: 0 4px 4px 0; }
#main #portfolio #clickIt { position: absolute; font-style: italic; margin: 227px 0 0 0; }
#main #copy { padding: 0 0 0 50px; }





#main #copy table.contact td { padding: 0 0 0 0px; }
#main #copy table.contact td a { color: #000; font-weight: bold; border-bottom: 1px dotted #000; }
#main #copy table.contact td a:hover { color: #0095ad; border-bottom: 1px solid #0095ad; }





/*

Slide styles

*/

#main #slide { width: 477px; height: 371px; border: 1px solid #3e3e3e; margin: 54px 0 0 50px; }
#main #slide #image { position: absolute; margin: 47px 0 0 36px; }
#main #slide #label { position: absolute; color: #333; margin: 334px 0 0 36px; }
#main #slide #caption { position: absolute; width: 95px; font-size: 10px; line-height: 13px; color: #333; margin: 47px 0 0 370px; }
#main #slide #caption div.subtitle { font-weight: bold; margin: 0 0 2px 0; }
#main #slide #caption p { line-height: 13px; }
#main #slide #caption a { font-weight: bold; text-decoration: underline; }
#main #slide #slideNav { position: absolute; margin: 337px 0 0 379px; }
#main #slide #slideNav.solo { margin-left: 414px; }
#main #slide #slideNav img { float: left; }




ul.researchList { margin: 0 0 15px 0; }
ul.researchList li { padding: 0 0 0 10px; background-image: url(../images/research/img_bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 0 0 5px 10px; }
ul.researchList li a { color: #006; text-decoration: underline; }
#main #slide #slideNav.research { margin-left: 374px; }





/*

Clients styles

*/

#main #clients { padding: 20px 0 30px 50px; }
#main #clients a { color: #006; text-decoration: underline; }
#main #clients div.thumbnails { width: 100%; padding: 20px 0 0 0; }
#main #clients div.thumbnails:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#main #clients div.thumbnails ul li { float: left; width: 260px; height: 260px; margin: 0 20px 10px 0; }
#main #clients div.thumbnails ul li em { font-weight: bold; }





/*

Panel styles

*/

#main #panel { padding: 20px 0 30px 50px; }
#main #panel input { font-family: arial,sans-serif; font-size: 11px; }
#main #panel table { width: 600px; margin: 20px 0 0 0; }
#main #panel table td { padding: 0 10px 20px 0; }
#main #panel table tr.separation td { padding-bottom: 40px; }
#main #panel table td.label { width: 300px; color: #000; text-align: right; padding-top: 2px; }
#main #panel table td.info { white-space: nowrap; }
#main #panel input.text1 { width: 200px; border: 1px solid #ccc; padding: 1px; }
#main #panel input.pct { width: 23px; text-align: right; padding-right: 2px; border: 1px solid #ccc; margin: 0 8px 5px 0; }
#main #panel input.pctTotal { width: 23px; font-weight: bold; color: #000; text-align: right; padding-right: 2px; border: 1px solid #999; margin: 0 8px 5px 0; }
#main #panel input.pct100 { width: 23px; font-weight: bold; color: #0f0; text-align: right; padding-right: 2px; border: 1px solid #0f0; margin: 0 8px 5px 0; }
#main #panel input.other { width: 120px; color: #333; padding: 1px; border: 1px solid #ccc; margin: 0 8px 5px 10px; }