/*--------------------------------------------------
TABBER FOR THE SHOW / HIDING ON THE DETAIL PAGE
-------------------------------------------------*/

@import url("tabber.css");
@import url("blog_test.css");


/*--------------------------------------------------
END TABBER / BLOG
-------------------------------------------------*/

body{
font:normal 70% Arial;
background:#000;
}

div{
margin:0;
padding:0;
}
div#contentWrap{
width:510px;
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

h6{
margin:10px;
}

.facets h4{
width:200px;
margin:3px 10px 20px 0px;
font:normal 120% Georgia, serif;
}

.facets h5{
margin:0px;
font-size:100%;
}



.halfBox h4{
margin:20px 0 20px 0;
}


h4.facet{
margin:5px 0px 15px 0px;
font:normal 120% Georgia, serif;
padding-top:10px;
border-top:#eee 1px solid;
margin-top:-25px; 
padding-left:0px;
width:500px;
}

h4.clientList {
float:left;
width:100%;
}

.facetTiles h6 {
margin:0px;
padding:0px;
}
.capBox h5{
margin-top:2px;
padding:0;   
display:block;
font-size:106%;
}

.square h5{
font-size:106%;
}

a, a:link{
text-decoration:none;
border-bottom:#fff 0 dotted;
color:#039;
}

a:hover{
color:#f93;
border-bottom:#f93 0 dotted;
}

a:hover img{
border-bottom:#fff 0 dotted;
}

a:visited{
color:#609;
border-bottom:#fff 0 dotted;
}

a:visited:hover{
color:#f93;
border-bottom:#f93 1px dotted;
}

a:hover:visited{
color:#031088;
border-bottom:#031088 1px dotted;
}

#flashcontent img a:hover, #flashcontent img a:hover:visited, #flashcontent img a:visited:hover{
border-bottom:#fff 0 dotted;
}

#flashcontent a {
height:200px;
width:495px;
}

.facets img{
float:left;
background:#aaa;
}
.facets p {
font-size:95%;
}

p{
line-height:170%;
}

p.listPre{
margin-bottom:5px;
}

p a{
margin-bottom:-1px;
}

p.leadIn {
font-size:108%;
padding-right:10px;
}

form{
margin:0;
padding:0;
}

select{
width:200px;
background:#f7f7f7;
font:normal 100% Verdana,sans-serif;
}

select#industry{
width:100px;
}

#mainContent{
background:#fff;
width:780px;
margin-left:auto;
margin-right:auto;
border:#000 1px solid;
padding:0px;
}

#flag{
position:absolute;
margin-left:646px;
height:134px;
width:134px;
display:block;
padding:0px;
margin-right:0px;
background-position: 100 top;
}


html>body #flag {
      *margin-left:639px;
}

#mag{
visibility:hidden;
position:absolute;
height: 200px;
width: 500px;
display:block;
margin-top:124px;
background: url(../i/mag.png) no-repeat 0 0;
}

#banner{
width:auto;
height:9px;
margin:1px 12px 12px 12px;
background:#000;
font-size:0;
}

#bottombanner{
width:auto;
height:9px;
margin:0px 12px 1px 12px;
background:#000;
font-size:0;

}

#main-column{
float:right;
width:530px;
}


#left-column{
float:left;
width:250px;
}

h1{
margin:5px 0 10px 10px;
padding:0;
width:189px;
height:36px;
}

h4{
font-size:100%;
}

h6{
font-weight:normal;
font-size:90%;
}

h1 a img, h1 a:link img{
border:0;
}

dl{
margin-top:0px;
color:#333;
line-height:145%;
}

ul{
line-height:185%;
padding:0;
margin:0;

}

ul.workEx{
font-size:90%;
}

ul#mainNav{
float:left;
width:80px;
margin:140px 0 20px 12px;
line-height:185%;
}

* html ul#mainNav{
  	margin:40px 0 40px 10px;
  	ma\rgin:40px 0 40px 5px;
}

ul#mainNav li{
width:90px;
list-style:none;
background: url(../i/bull_main_off.gif) no-repeat 5px 9px;
text-indent:15px;
margin:0;
}


ul#mainNav li.active, ul#subNav li.active{
background:#fff url(../i/bull_main_on.gif) no-repeat 5px 9px;
}

ul#mainNav li a,ul#subNav li a{
border-left:#fff 3px solid;
}


ul#mainNav li.active a.active{
//* background:#fff url(../i/nav_shade.gif) repeat-x; *//
width:155px;
background:#fdf0a3;
border:3px solid #fdf0a3;
}

ul#subNav{
float:right;
clear:right;
width:155px;
margin:140px 0 20px 0;
line-height:185%;
}

ul#subNav li.active a.active{
//* background:#fff url(../i/nav_shade.gif) repeat-x; *//
width:145px;
background:#fdf0a3;
border:3px solid #fdf0a3;
}

ul#subNav li{
width:145px;
list-style:none;
background: url(../i/bull_main_off.gif) no-repeat 5px 8px;
text-indent:17px;
margin:0;
}


ul#blogList,ul#pubList{
margin-left:-10px;
line-height:185%;
}


ul#blogList li,ul#pubList li{
list-style:none;	
text-indent:22px;
background: url(../i/bull_main_open.gif) no-repeat 10px 8px;
}

ul#pubList li.formPub{
list-style:none;	
text-indent:0px;
margin:20px;
margin-left:10px;
padding-left:10px;
background: url(../i/bull_main_open.gif) no-repeat 0px 8px;
}

ul#pubList li{
color:#666;
}

ul.bodyList li{
list-style:none;	
text-indent:22px;
background: url(../i/bull_main_open.gif) no-repeat 10px 8px;	
}


img#featTitle1 {
height: 0;
width: 0;
border-width: 0;
display:none;
}

object{
border:1px solid #eee;
}


a.mainFeat:hover img#featTitle1 {
position: absolute;
top:255px;
left:inherit;
height: 21px;
width: 495px;
margin-top:-21px;
z-index:100;
display:block;
border-bottom:0px;
}
    
span.featSpan1 {
display:none;
}

span.popUp {
padding-right:16px;
background: url(../i/icon_popUp.gif) no-repeat top right;	
}
 
a.mainFeat:hover span.featSpan1 {
color:white;
top:235px;
left:inherit;
z-index:99;
}
    
div.halfBox{
margin-left:10px;
margin-right:10px;
margin-top:50px;
padding-top:10px;	
padding-right:10px;
background: url(../i/hash.gif) repeat-x;
}

div.halfBox p{
padding-right:10px;
}

div.portExamps, div.facets{
margin-top:8px;
width:500px;
padding-top:15px;
background: url(../i/hash.gif) repeat-x;
display:block;
}

div.altStack {
margin-top:20px;
background: url(../i/hash.gif) repeat-x 0 0;
padding-top:10px; 
}

div.altStack h4{
margin-bottom:20px;
}

div.capBox{
display:block;
width:300px;
height:auto;
background:#fff url(../i/bg_sqBox_fade_white.gif) repeat-x  0 0;
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:4px;
padding-bottom:10px;
margin-bottom:10px;
margin-right:10px;
padding-top:5px;
color:#333;
}

div.capBox div.leftCap{
float:left;
width:100px;
height:100px;
height:100%;
}

div.rightCap{
margin-left:145px;
}

div.capBox#box2, div.capBox#box4, div.capBox#box6{
/*margin-top:-127px;*/
margin-left:175px;
}

div.capBox p{
margin:0;
padding:0;
margin-top:10px;
line-height:160%;
color:#666;
font-size:95%;
}

div.capBox hr{
margin:10px 0;
padding:0;
width:145px;
}

div.capBox h6{
margin:0;
padding:0;
}

* html div.capBox hr{
margin:10px 0;
ma\rgin:4px 0;
}

a:hover#logo {
border:0px;
}

div.capBox img{
float:left;
border:1px;
}

blockquote{
float:right;
width:300px;
border-left:#ccc 0 solid;
margin:0;
padding-left:20px;
padding-right:20px;
font-size:92%;
margin-bottom:20px;
line-height:155%;
}

div.facets ul.workEx, div.facets h6 {
margin-left:160px;
margin-top:0px;
}

div.capBox h6, div.facets h6{
margin-bottom:0px;
padding:0px;
}

div.facets h6 {
margin-bottom:3px;
background: url(../i/hash_light.gif);
line-height:100%;
height:12px;
padding-top:3px;
}

div.capBox ul.workEx li, div.facets ul.workEx li{
display:inline;
list-style:none;
padding:0 2px;
padding-left:1px;
margin-top:0px;
color: #555;
}

div.capBox ul.workEx li:before { content: " | "; color: #000; }
div.capBox ul.workEx li:first-child:before { content: ""; }
div.capBox ul.workEx li:first-child{ padding-left:0px; }

div.facets ul.workEx li:before { content: " | "; color: #000; }
div.facets ul.workEx li:first-child:before { content: ""; }
div.facets ul.workEx li:first-child{ padding-left:0px; }

div.facets ul.workEx{
margin-bottom:20px;
}

div.facets {
float:left;
}


div.detailView {
float:left;
margin-top:10px;
width:490px;
}

p.capPlugs {
margin-left:160px;
margin-top:-16px;
}

div#footer{
width:496px;
float:left;
padding-top:10px;
background: url(../i/hash.gif) repeat-x;
margin:22px 12px;
margin-right:12px;
font-size:90%;
color:#aaa;
display:block;
clear:all;
}

* html div#footer{
margin-right:12px;
ma\rgin-right:6px;
width:500px;
wi\dth:513px;
}

div.halfBox a.mainFeat,div.halfBox a.small{
border:#ccc 1px solid;
padding:1px;
display:block;
width:495px;
}

* html div.halfBox a.mainFeat{
width:495px;
w\idth:495px;
}

div.halfBox a.mainFeat:hover,div.halfBox a.small:hover{
border:#f93 1px solid;	
padding:1px;
display:block;
}

div.halfBox a.small{
width:149px;
float:left;
margin-left:20px;
margin-top:15px;
margin-bottom:15px;
margin-right:0px;
}

* html div.halfBox a.small{
  	width:140px;
  	w\idth:140px;
}

div.halfBox a.small#first{
margin-left:0;
}

div.halfBox img{
border:0;
margin:0;
padding:0;
display:block;
}

div.halfBox img.small{
float:left;
margin-right:10px;
}

div.indBox {
width:206px;
float:left;
margin-bottom:10px;
background:#fff url(../i/bg_capBox_fade_white.gif) repeat-x  0 0;
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
border-bottom:1px solid #999;
border-right:1px solid #999;
margin-right:10px;
}

div.indBox#box3,div.indBox#box7{
}

div.indBox#box4{
}

div.quadBox{
float:left;
width:200px;
margin-left:22px;
}

div.quadBox#blog{
width:220px;
}

div.quadBox#pubs{
width:220px;
margin-left:42px;
background:none;
}

div.quadBorder{
display:block;
width:220px;
padding:10px;
padding-top:5px;
padding-bottom:5px;
border:#ccc 1px solid;
color:#333;
margin:0;
margin-left:10px;
}

h3#feat{
margin-left:0px;
}

div.quadBox h3,div.halfBox h3{
font:normal 140% Georgia,serif;
margin:0px;
padding:0;
margin-left:10px;
margin-top:12px;
margin-bottom:8px;
}

div.halfBox h3{
font:normal 140% Georgia,serif;
padding:0;
margin-left:0px;
}


div.quadBox#bkg h3{
margin-left:0px;
}

div.quadBox#bkg{
margin:0;
margin-left:10px;
float:left;
}

* html div.quadBox#bkg{
  	margin-left:5px;
  	m\argin-left:10px;
}

div.quadBox#bkg h3{
margin-left:0px;
}

div.quadBox#bkg p{
line-height:170%;
display:block;
width:220px;
padding:10px;
padding-top:7px;
padding-bottom:7px;
border:#ccc 1px solid;
color:#333;
margin:0;
}

div.quadBox#bkg p a#bioPic{
border:#ccc 1px solid;
padding:1px;
display:block;
height:45px;
width:59px;
margin-right:7px;
float:left;
margin-top:3px;
}

div.quadBox#bkg p a#bioPic:hover{
border:#f93 1px solid;	
padding:1px;
display:block;
}

div.quadBox#bkg p img{
border:0;
margin:0;
padding:0;
}

div.quadBox#blog{
float:left;
margin-left:44px;
}

div.threeColumn {
margin-top:20px;
background: url(../i/hash.gif) repeat-x 0 0;
padding-top:15px;
}

div.square {
float:left;
width:152px;
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:1px 1px 3px 1px;
background:#fff url(../i/bg_sqBox_fade_white.gif) repeat-x  0 0;
margin-top:10px;
margin-right:10px;
}

div.square#box3{
margin-left:166px;
}

div.square#box5{
margin-right:0px;
}

div#researchSquares div.square {
width:150px;
margin-right:8px;
}

div.square img, div.leftCap img.capImg, div.indBox img.capImg {
float:left;
margin:3px;
border:1px solid #ccc;
background:#eee;
}


div.squareWrap {
height:152px;
}


div.indBox img.capImg {
margin-right:10px;
}

div.square a:hover img, a:hover img.capImg, div.indBox a:hover img.capImg{
border:#f93 1px solid;	
}


div.square a.portLink{
font-weight:bold;
line-height:160%;
margin-left:3px;
}

hr{
border:none 0;
height:1px;
background: url(../i/hash.gif) repeat-x;
margin:5px 0;
padding:-3px 0;	
line-height:70%;
}

hr.bodyRule{
margin-bottom:20px;
}

* html hr{
  	margin-top:0;
  	m\argin-top:5px;
  	margin-bottom:0;
 	m\argin-bottom:5px;
}

* html hr.bodyRule{
m\argin-bottom:5px;
}

.portfolioNav {
	background: url(../i/bg_fade_white.gif) repeat-x;
	color:#555;
	display:block;
	line-height:220%;
	font-size:95%;
	border:1px #eee solid;
	float:left;
	width:497px;
	margin-top:7px;
}

span.portPage {
	float:left;
	margin-top:0px;
	margin-right:5px;
}

div#nextExamp{
	text-align:center;

}
div#nextExamp a{
	height:20px;
	margin:0 5px;
	font-weight:bold;
}

div#nextExamp a:hover{
	color:#f93;
	border-bottom:#f93 1px dotted;
}
.imageColumn {
	float:left;
	margin-bottom:0px;
	margin-top:0px;
}

.imageColumn a {
	display:block;
	width:250px;
	height:350px;
	border:1px solid #eee;
	padding:1px;
}

.imageColumn a:hover {
	border:1px solid #f93;
}


.detailColumn {
	float:left;
	margin-left:10px;
	width:500px;
	font-size:93%;
}

.detailColumn h6 {
	float:left;
	font-weight:bold;
	margin-left:0px;
	margin-top:10px;
	width:300px;
}

table#creditBox {
	float:left;
	width:500px;
	font-size:92%;
	color:#555;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:0px;
	padding-left:0px;
	margin-left:0px;
	background:#eee;
	padding:2px;
}

table#creditBox td, table#creditBox tr{
	text-align:left;
		padding-left:0px;
		margin-left:0px;
		height:10px;
		background:#eee;
}

div.facetTiles {
	float:left;
	width:150px;
	margin-right:5px;
	margin-top:10px;
	padding-right:5px;
}

div.facetTiles p{
	font-size:92%;
}

div.facetTiles h6{
	font-size:95%;
	margin-bottom:0px;
}

div.facetTiles #last {
	margin-right:0px;
}

div.credit {
	float:left;
	width:110px;
	height:15px;
}

small{
	float:right;
	font:normal 82% Arial;
	color:#666;
}

dt {
	margin:10px 0px;
	float:left;
	width:500px;
	text-indent:0px;
	padding:0px;
}

dd {
	margin:0px;
	line-height:180%;
	color:#aaa;
	float:left;
	width:165px;
	margin-bottom:10px;
	
}

dd.colOne {
	
}


dd.colTwo {
}

dd.colThree {
}

.contactBox {
	float:left;
	width:290px;
	height:270px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	border-top:1px solid #eee;		
	padding:8px;
	background:#fff url(../i/bg_sqBox_fade_white.gif) repeat-x  0 0;
	margin-right:10px;
}


.contactBox#thanks{
	height:225px;
}


.contactBox div label{
	background:none;

}

.contactBox div label{
	font-size:90%;
	width:100%;

}

.IMbox {
	float:left;
	margin-top:2px;
	width:150px;
	height:30px;
	border:1px solid #eee;
	padding:3px;
	color:#555;
}

.IMbox img{
	float:left;
	margin-right:20px;
}

label {
	font-size:95%;
	color:black;
}

input, textarea {
	font:normal 110% Arial;
	width:300px;
	margin:10px 0px;
	margin-top:5px;
	border:1px solid #aaa;
	padding:2px;
}

input.button {
	color:#fff;
	background:blue url(../i/bg_button.gif) repeat-x  0 0;
	height:25px;
	width:150px;
}

halfBox img{
	border:#ccc 1px solid;
	padding:1px;
	display:block;
	height:200px;
	width:500px;
	margin-right:7px;
	float:left;
}

/*blog override */

li.widget h2.widgettitle, li#calendar h2.widgettitle{
	margin-top:0px;
	width:190px;
	background:#555;
	color:#fff;
	height:15px;
	vertical-align:center;
	font:normal 80% Verdana, sans-serif;
	padding-top:4px;
	margin-bottom:5px;
	margin-top:15px;
	text-transform:uppercase;
	text-indent:5px;
}

div.post p a img.alignleft{
float:left;
margin:10px;
}

div.post.single h2{
	font:normal 180% Georgia, serif;
	border:0px;
	background:#fff;
	margin-top:35px;
}

div.post.single{
	border:0px;
	background:#fff;
}


li.cat-item {
	margin-left:30px;
}

td a, td a:link, td a:visited{
display:block;
border:1px solid blue;
border-bottom:1px solid blue;
text-align:center;
text-decoration:none;
margin-top:-1px;
}

td#prev a,td#prev a:link,td#prev a:visited{
border:0px solid #fff;
}

td a:hover{
display:block;
border:1px solid #f93;
border-bottom:1px solid #f93;
color:#f93;
color:#000;
}

.firstPost p {
}

.firstPost img{
float:left;
border:0px;
}

.firstPost img.alignleft{
float:left;
margin-right:10px;
margin-top:5px;
}

.post img{
}


.post-teaser {
margin-bottom:15px;
margin-top:-8px;
}

.post h2{
font:normal 170% Georgia,serif;
line-height:170%;
margin:0px;
margin-top:0px;
padding:0px;
}

h3.postcomment {
font:normal 150% Georgia,serif;
margin-bottom:10px;
}

.post single {
color:red;
}

div#content.widecolumn {
width:510px;
}

.singleEntry {
width:510px;
font-size:110%;
}


ol#commentlist{
margin-left:-15px;
width:475px;
padding-right:30px;
margin-top:10px;
}

ol#commentlist li{
text-indent:0px;
font:normal 200% Georgia, serif;
color:#555;
margin-top:5px;
padding-top:5px;
padding-left:7px;
background: url(../i/hash.gif) repeat-x;
}

ol#commentlist li:first-child{
background:none;
}

ol#commentlist li img{
margin:5px;
margin-left:0px;
}


ol#commentlist li p{
font:normal 60% Arial, sans-serif;
color:#000;
margin:0px;
line-height:150%;
}

ol#commentlist li p.deets{
font:normal 45% Arial, sans-serif;
color:#555;
line-height:25px;
}


ol#commentlist li.odd-row{
background:#eee;
}
 
ol#commentlist li.author-comment{
background:#333;
}

ol#commentlist li.author-comment p{
color:#fff;
}

ol#commentlist li.author-comment p a{
color:#f93;
}