html { 
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll; 
}
body
{ 

	background: white;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;
	font-family: verdana, sans-serif;

}


a:link
{
	color: #3366CC;
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: #cacaca;
}


a:hover
{
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: #3366CC;
	
}


a:visited
{
	color: #3366CC;
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: #cacaca;
}


h1
{
	color: #5E492D;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
}


h2
{
	color: #5E492D;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
}

h3
{
	color: #5E492D;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}


p
{
	font-size: 12px;
	margin: 0px 0px 20px 0px;
}


.description p
{
	font-size: 11px;
	margin: 0px 0px 15px 0px;
}

.left-col-description
{
	font-size: 11px;
	margin: 0px 0px 5px 10px;
	line-height: 15px;
}


.content-list li
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 1em;
}


.content-list
{
	list-style-type: none;
	padding: 0 20px 0 20px;
	margin: 0px;
	float: left;
}

.content-list-col
{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 1em;
	list-style-type: bullet;
	padding: 0 20px 5px; 20px;
	margin: 0px;
	float: left;
	line-height: 15px;
}


#wrapper
{
	width: 100%;
	text-align: left;
}


#main
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
}


#header
{
	text-align: center;
	width: 100%;
	height: 70px;
	border-bottom: solid 1px #C0B292;
	margin-bottom: 20px;
}


#header a, #header a:link, #header a:hover {border: 0px;} 


.login
{
float: right;
	color: #5E492D;
	position: relative;
	top: 30px;
	width: 200px;
	text-align: right;}
	
	
.logo {position: relative; left: 100px;}


#main-nav
{
	width: 140px;
	float: left;
}


.nav
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0;
	background: #5E492D;
	color: white;
}


.nav li a
{
	display: block;
	padding: 4px 0 4px 0px;
	margin: 0px;
	border: 0px;
}


.nav a:link
{
	color: #5E492D;
	text-decoration: none;
	border: 0px;
}


.nav a:visited
{
	color: #5E492D;
	text-decoration: none;
}


.nav a:hover
{
	text-decoration: none;
	color: white;
		border: 0px;
}


 #main-nav .nav li.title a, .nav li.title a:link, .nav li.title a:hover, .nav li.title a:visited 
{
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	background-image: url('../images-style/nav-dash.gif');
	background-repeat: no-repeat;
	background-position: left 48%;
	
}


#main-nav .nav
{
	float: left;
	width: 140px;
	padding: 0px 0 0px 0;
	font-size: .95em;
}


#main-nav li.break {
border-top: 3px solid white;
}


#main-nav .nav li.last {
padding-bottom: 10px;
}


#main-nav .nav li
{
	padding: 0px;
	width: 140px;
	margin: 0px;
	float: left;
}


#main-nav .nav li a
{
	display: block;
	padding: 4px 0 4px 12px;
	color: #C0B49E;
	margin: 0px;

}


#main-nav .nav li.title a, .nav li.title a:link, .nav li.title a:hover, .nav li.title a:visited { color: white; margin-top: 10px; }


#main-nav .nav a:link
{
	color: #C0B49E;
	text-decoration: none;
	
}


#main-nav .nav a:visited { text-decoration: none; }


#main-nav .nav a:hover
{
	text-decoration: none;
	background: #688580;
	color: white;
}


#left-col .nav
{
	background: transparent;
	color: #5E492D;
}


#home-description
{
	background: #C0B292;
	width: 290px;
	text-align: left;
	padding: 20px;
	color: white;
	border: solid white;
	border-width: 0px 4px 0px 3px;
	font-size: 18px;
}


.about { }
.specialties { }
.our-work { }


#left-col
{
	width: 227px;
	float: left;
	margin: 0 0 0 5px;
}

.left-col-copy
{
	background: #C0B292;
	padding: 10px;
	color: white;
	float: left;
	width: 207px;
}

.left-col-copy2
{
	margin-top: 3px;
	width: 207px;
}

/*
.left-col-copy
{
	background: #C0B292;
	padding: 10px;
	color: white;
	position: absolute;
	width: 207px;
}

.left-col-copy2
{
	margin: 3px 0 0 0;
	position: relative;
	width: 207px;
}
*/

.left-col-copy a:link
{
	color: white; 
	border-color: white;
}

.left-col-copy a:visited
{
	color: white; 
	border-color: white;
}


.left-col-copy p a:hover, .left-col-copy a:hover
{
	color: #5E492D; 
	border-color: #5E492D;
}


.left-col-copy a:hover
{
	color: white; 
}


.left-col-copy h2
{
	font-weight: bold;
	color: #5E492D;
	font-style: normal;
}


.left-col-copy-image 
{ 
	
	width: 227px; 
	margin: 5px 0 0 0;
}



#right-col
{
	width: 414px;
	float: right;
}


#full-span-col
{
	width: 645px;
	float: left;
	margin: 0 0 0 5px;
	padding:  0 0 0 10px;
}


#full-span-col p
{margin-left: 0px;}


#full-span-col h1 { margin-left: 0px; }


#footer
{
	clear: both;
	text-align: right;
	margin: 10px 10px 0 0;
	font-size: .8em;
}




.about-on #main-nav .about a,
.specialties-on #main-nav .specialties a,
.our-work-on #main-nav .work a,
.experience-on #main-nav .experience a,
.our-people-on #main-nav .our-people a,
.our-partners-on #main-nav .our-partners a,
.clients-on #main-nav .clients a,
.specialties-methods-on #main-nav .specialties-methods a,
.branding-communications-on #main-nav .branding-communications a,
.anthropology-ethnography-on #main-nav .anthropology-ethnography a,
.social-media-on #main-nav .social-media a,
.semiotics-on #main-nav .semiotics a,
.technology-industrial-markets-on #main-nav .technology-industrial-markets a,
.b2b-executive-interviewing-on #main-nav .b2b-executive-interviewing a,
.semiotic-analysis-on #main-nav .semiotic-analysis a,
.worldwide-research-capabilities-on #main-nav .worldwide-research-capabilities a,
.great-insights-on #main-nav .great-insights a,
.pictures-video-on #main-nav .pictures-video a,
 .publications-on #main-nav .publications a, 
 .resources-on #main-nav .resources a,
.branding-on #main-nav .branding-communications a,
.positioning-on #main-nav .branding-communications a,
.concept_development_evaluation-on #main-nav .branding-communications a,
.market_segmentation-on #main-nav .branding-communications a,
.creative_development_research-on #main-nav .branding-communications a,
.branding-on .branding a,
 .positioning-on .positioning a,
 .concept_development_evaluation-on .concept_development_evaluation a,
 .market_segmentation-on .market_segmentation a,
 .creative_development_research-on .creative_development_research a
{
	background: #71C1D3;
	color: white;
}


.headshot
{
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
	height: 54px;
	width: 54px;
}

.case-study
{
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
	height: 141px;
	width: 166px;
}


.video
{
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
	height: 125px;
	width: 166px;
}

.icon
{
	float: left;
	margin: 0px 5px 0px 0px;
	border: 0px;
	height: 24px;
	width: 24px;
}


.client-list
{
	list-style-type: none;
	margin: 0 20px 0 20px;
	padding: 0px;
	float: left;
}


.client-list li
{
	font-size: 11px;
	margin: .5em 0;
}


.example
{
	display: block;
	margin: 0em 0px 1em 20px;
	font-size: .9em;
}


.contact-table
{
	width: 645px;;
	font-size: 11px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #C0B292;
	float: left;
	margin-left: 0px;
}


.contact-table td { padding: .2em 1em; }


.table-header { 
	background: #C0B292; 
	line-height: 1.5em; 
}


.tabcontent {
	display:none;
}


/* colors 

Light Brown (left-col) - #C0B292
medium brown (hp) - #A08E6D
Dark Brown (nav) - #7F6C4D

blue highlight (nav-on) - #71C1D3
Blue hover (nav hover) - #688580


light brown type (nav-links) - #C0B49E
Dark brown type(links) - #5E492D
vlink - #7F6C4D
text-type - #666666
heading type  - #3366CC
highlight-blue - #12B8D4


*/

#thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#thumbs li {
	float: left;
	margin: 0 8px 8px 0;
}

#thumbs li a {
	float: left;
	overflow: hidden;
	display: inline;
	/*border:1px solid #000000;*/
}

#thumbs li a:hover {
	/*border:1px solid #FFFFFF;*/
}

#picture {
	float: left;
	margin: 5px 5px 0 0;
}

#bioText {
	font-size: 11px;
}