body {
border: 0;
color: #75767a;
font: 10pt 'lucida grande', myriad, verdana, geneva, helvetica, arial, sans-serif;
/* margin: 40px; */
margin: 10px;
padding: 0;
text-align: center;
}
#container
{
/* width: 90%; */
width: 860px;
margin: 10px auto;
background-color: #fff;
/* color: #333; */
border: 1px solid gray;
line-height: 130%;
/* new attributes */
text-align: left;
}
#top
{
padding: .5em;
/* background-color: #ddd; */
border-bottom: 1px solid gray;
}
#top h1
{
padding: 0;
margin: 0;
}
#header h1
{
padding: 0;
margin: 0;
}
#nav a {
text-decoration: none;
}
#nav ul {
border-bottom: 2px solid #ccc;
border-top: 1px solid #ddd;
height: 22px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#nav ul li {
display: inline;
font-size: 12px;
line-height: 1em;
margin: 0;
padding: 0;
}
#nav ul li a {
display: block;
float: left;
padding: 5px 10px;
}
#nav ul li a:hover {
text-decoration: underline;
}
body.home li.home a, body.biography li.biography a, body.case_studies li.case_studies a, body.articles li.articles a, body.resources li.resources a {
color: #b6222a;
}
#leftnav
{
float: left;
/* width: 160px; */
width: 140px;
margin: 0;
/* padding: 1em; */
padding: 10px;
/* border-right: 1px solid gray; */
}
#rightnavheader
{
float: right;
clear: right;
width: 165px;
margin: 0;
padding: 0px 10px 0px 10px;
border-left: 1px solid gray;
height: 20px;
background-color: #b6222a;
font-family: Verdana;
font-size: 14px; 
}
#rightnav
{
float: right;
/* width: 160px; */
width: 165px;
margin: 0;
/* padding: 1em; */
padding: 10px;
border-left: 1px solid gray;
height: 400px;
background-color: #ccc;
/* new attributes */
font-family: Arial;
font-size: 9px;
clear: right;
color: #333; 
}
#content
{
/* margin-left: 200px; */
margin-left: 150px;
border-left: 1px solid gray;
/* margin-right: 200px; */
margin-right: 170px;
/* border-right: 1px solid gray; */
/* padding: 1em; */
padding: 10px;
/* max-width: 36em; */
width: 520px;
height: 420px;
display:table-cell;
vertical-align:top;
}
#footerdiv
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
/* background-color: #ddd; */
border-top: 1px solid gray;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/* new attributes */
a:link {
color: #000;
}
a:visited {
color: #666;
}
a:hover {
background: #eee;
}
h1 {
/* margin: 0 0 15px -76px; */
margin: 0 0 15px 0px;
}
h2 {
clear: left;
color: #444;
font-size: 12pt;
font-weight: bold;
margin: 15px 0;
}
h3 {
color: #b6222a;
font: 18pt garamond, georgia, 'times new roman', serif;
margin: 15px 0 -10px 0;
}
h3 a {
text-decoration: none;
}
img {
vertical-align: bottom;
}
p {
font-size: 100%;
line-height: 1.5em;
margin: 15px 0;
text-align: justify;
}
p.biography {
clear: left;
float: left;
/* margin: 0 15px 5px 0; */
margin: 0 0 0 0;
}
p.footer {
/* border-top: 1px dotted #ddd; */
font-size: 10px;
margin: 0 0 0 0;
/* padding-top: 5px; */
color: #999;
}
p.webspiffy {
bottom: 0;
color: #ccc;
font-size: 9px;
line-height: 1em;
margin: 0;
padding-bottom: 5px;
position: absolute;
right: 0;
}
p.webspiffy a:link, p.webspiffy a:visited {
color: #ccc;
}
ul {
list-style: square;
}
ul li {
line-height: 1.5em;
}
p.leftnav {
/* font-size: 100%; */
font-size: 11px;
line-height: 1.5em;
margin: 0 0;
text-align: left;
}
font.contact {
font-size: 11px;
background: #b6222a;
color: #fff;
}
.framed {
border: 1px solid #ddd;
padding: 5px;
}
/* Gray Table */
#greytabs {width: 501px; height: 200px; overflow: hidden; background-color: #FFFFFF; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-top: 1px solid #333333; border-right: 1px solid #333333;}
#tab_strategy, #tab_design, #tab_marketing, #tab_analytics, #tab_vendor {
	overflow: hidden; 
	width: 500px; 
	height: 200px; 
	background-color: #808080; 
	font-family: Arial;
	font-size: 11px; 
	color: #000000;
	vertical-align: middle; 
	line-height: 120%;}
#tab_strategy a:link, #tab_design a:link, #tab_marketing a:link, #tab_analytics a:link, #tab_vendor a:link, #tab_strategy a:visited, #tab_design a:visited, #tab_marketing a:visited, #tab_analytics a:visited, #tab_vendor a:visited {
	text-decoration: none;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #b6222a;
	line-height: 120%;
}
#tab_strategy a:hover, #tab_design a:hover, #tab_marketing a:hover, #tab_analytics a:hover, #tab_vendor a:hover {text-decoration: underline;}
.tabtoppadding {padding: 1px 1px 0px 1px;}
.tabpadding {padding: 10px 10px 10px 12px;}
.tabspacer {font-size: 1px;height: 10px;}
font.webspiffy {
bottom: 0;
color: #ccc;
font-size: 9px;
line-height: 1em;
margin: 0;
padding-bottom: 10px;
padding-right: 15px;
/* position: absolute; */
right: 0;
text-align=right;
}
font.webspiffy a:link, p.webspiffy a:visited {
color: #ccc;
}