#list-menu {
width: 100px;
/* this width value is also effected by
the padding we will later set on the links. */

}
#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 26px;
}
#list-menu li {
margin: 0 0 0;
}
#list-menu a {
display: block;
width:248px;
padding: 7px 2px 7px 85px;
background-image:url(images/spacer.gif);
border-bottom: 1px solid #FFFFFF;
text-decoration: none; /*lets remove the link underlines*/
}
html>body #list-menu a {
width: 162px;
}
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #ffffff;
}

#list-menu a:hover {
background: url(images/headerbuttonOver3.gif);
background-repeat:no-repeat;
color: #ffffff;
}
#navcontainer {
margin: 0px 0 0 30px;
padding: 0;
height: 46px;
float:right;
}
#navcontainer ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: block;
float: left;
text-align: left;
padding: 0 0 0 0;
margin: 0;
}

#navcontainer ul li a {
background: url(images/spacer.gif);
border-left: 1px solid #ffffff;
text-align:center;
height: 42px;
border-right: none;
padding: 4px 0 0 0px;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
font-family: verdana, arial, sanf-serif;
font-size: 26px;
}
#navcontainer ul li a:hover {
background: url(images/headerbuttonOver3.gif);
background-repeat:no-repeat;
color: #ffffff;
}
#navcontainer a:active {
background: #FDC500;
color: #fff;
}
#navcontainer li#active a {
background: #FDC500;
color: #fff;
}

.navbar #button, .navbar a#button {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(images/bulletBoxYellow.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left .3em;
	text-decoration: none;
	padding-right: 10px;
}
.navbar a:hover#button {
	color: #000000;
	background-image: url(images/bulletBoxYellowFilled.gif);
}

.navContainer {
	float:right;
	width: 480px;
	right: auto;
	margin-top: 46px;
}
.headButton, .headButton a {
	font-size:26px;
	background-image:url(images/spacer.gif);
	background-position: -40px;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 40px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 249px;
}
.headButton a:hover {
	background-image:url(images/headerbuttonOver1.gif);
}

.footer, .footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding:5px;
}
.footer a:hover {
color:#000000;
}

body {
	background-color: #FFFFFF;
}

.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 20px;
	margin-left: 30px;
	line-height: 16px;
	color: #232323;
}
.style2 a {
	color:#77AA04;
	text-decoration:none;
}
.style2 a:hover {
text-decoration:underline;
}
.sidebar1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #232323;
	margin: 10px;
}
.sidebarTitle {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	font-variant: small-caps;
}
H2 {
	font-size: 24px;
	font-weight: bold;
	color: #aaaaaa;
	font-variant: small-caps;
	line-height:24px;
}
H3 {
	font-size: 16px;
	font-weight: bold;
	color: #aaaaaa;
	font-variant: small-caps;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.jobTitle{
	font-size:11px;
	font-variant:small-caps;
	color:#FEA537;
}
.lastTweet{
	width:170px;
	float:right;
	padding:5px;
	margin:5px;
	border:#CCC 1px solid;
	background:#EEEEEE;
}
#stage {
	background-image:url(images/esBGOverlay.png);
	background-repeat:no-repeat;
}
	
/* CASE STUDIES */
.client{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #4D4A48;
}
.area{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4A48;
}
.casestudy{
	margin-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4A48;
}

/* PORTFOLIO */
.moreinfo{
	margin-top: -15px;
	margin-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #77aa04;
}
.moreinfo2{
	margin-top: -15px;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #77aa04;
}