/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


* {
}

html {
width:100%;
}

body {
padding: 0;
margin: 0;
width: 100%;
font: normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif ;
color: #555;
background: url(/images/bodyBG.jpg) no-repeat top right;
}

#container {
width:900px;
margin: 20px auto 0;
}

#header {
width:744px;
float:left;
clear: none;
margin-bottom: 20px;
position: relative;
}

#logo {
}

#content {
	width: 744px;
	float: left;
}

#footer {
clear: both;
text-align: center;
background: url(/images/footerBG.jpg) no-repeat top center;
margin: 16px 0 10px 0;
height: 100px;
}
#footerLine {
background: url(/images/footerBorder.jpg) repeat-x;
height:2px;
}

#caseStudies img {
float: right;
margin-left: 10px;
}

div#years {
	position: absolute;
	right: 10px;
	margin-top: -50px;
	width: 145px;
	height: 136px;
}

a.principal {
display: block;
width: 230px;
height: 50px;
overflow: hidden;
margin-bottom: 8px;
}

a.principal:hover {
display: block;
text-indent:-230px;
}

/* Case Studies */

#caseStudies strong {
font-weight: 900;
font-style:normal;
color: #555;
}

#caseStudies p {
font-style:italic;
}

#caseStudies ul {
margin: o;
padding: 0;
list-style: none;
}

#caseStudies li {
width: 63px;
float: left;
margin: 0 20px 1.3em 0;
}

img.caseStudy {
margin: 0 10px 10px 0;
float: left;
}

a.iconPDF {
padding: 0 20px 0 0;
background: url(/images/iconPDF.jpg) no-repeat bottom right;
height: 18px;
}

/* Employee Profiles */

.profile {
width: 167px;
height:360px;
overflow:hidden;
float:left;
margin: 0 16px 0 0;
}

.profile img {
margin: 0 0 .5em 0;
}

.profile h4 {
text-transform: none;
}

p.jobTitle {
font-style: italic;
}


/* Columns */

.col744 {
width: 734px;
float: left;
padding: 0 0 0 10px;
}

.col496 {
width: 476px;
padding: 0 10px;
float: left;
}

.col372 {
width: 362px;
padding: 0 0 0 10px;
float: left;
}

.col248 {
width: 238px;
padding: 0 0 0 10px;
float: left;
}

.col230 {
width: 230px;
margin: 0 10px 0 0;
float: left;
}

.last, li.last, #caseStudies li.last {
margin: 0;
}

.competencies {
/* width: 176px; */
float: left;
margin: 0 0 1.3em 0;
}

.competencies div.item {
	padding: 4px 0;
	margin: 0 16px 0 0;
	float: left;
	width: 165px;
	background: url(/images/compLine.jpg) no-repeat bottom left;
}

.competencies div.item a {
	text-decoration: none;
}

.competencies div.clear {
	clear: both;
	
}

.competencies ul {
list-style-position: outside;
list-style-image: url(/images/compBullet.jpg);
margin-left: 14px;
}

.competencies ul li {
padding: 4px 0;
margin: 0 16px 0 0;
float: left;
width: 144px;
background: url(/images/compLine.jpg) no-repeat bottom left;
}

.competencies ul li a {
	text-decoration: none;
}

.competencies ul li a:hover {
	color: #c20202;
}

.competencies ul li a:visited {
	color: #999;
}

.competencies ul li a:visited:hover {
	color: #c20202;
}

/* Type */

h1 {
font-size: 24px;
text-transform: uppercase;
font-weight: 100;
letter-spacing: .1em;
color: #fff;
background: url(/images/h1BG.png) repeat-x;
height: 24px;
width: 740px;
padding: 8px 0 0 4px;
position: absolute;
bottom: 0;
z-index: 1;
}

h2 {
font-size: 18px;
font-weight: normal;
margin: 0 0 .25em 0;
color: #000;
clear: both;
}

h3 {
font-size:14px;
font-weight: normal;
background-color: #c20202;
padding: 2px 0 2px 2px;
margin: 0 0 1.3em 0;
color: white;
clear: both;
}

h4 {
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
word-spacing: .2em;
display: block;
}

p {
padding: 0 0 1.3em 0;
}

blockquote {
margin: 0 0 1.3em 0;
padding: 0 12px 0 26px;
font: italic 1.45em Verdana, Arial, Helvetica, sans-serif;
background: url(/images/blockquoteBG.jpg) repeat-y top left;
}

ol {
margin: 0 0 1.3em 26px;
list-style-position: inside;
}

ul {
list-style-position: inside;
list-style-image: url(/images/compBullet.jpg);
margin: 0 0 1.3em 0
}

ol {
font-style: italic;
}

strong {
font-style: italic;
color: #c20202;
}

a {
color: #666;
}

a:hover {
color: #c20202;
}

/* Form */

form.contactForm {
background-color: #f1f1f1;
border: 1px solid #a6a6a6;
padding: 8px;
float: left;
margin: 0 0 1.3em 0;
}

.contactForm ul {
margin: 0;
padding: 0;
list-style: none;
}

.contactForm ul li {
width: 354px;
float: left;
}

.contactForm label {
display: block;
margin: 0 0 8px 0;
}

.contactForm input {
display: block;
width: 334px;
margin: 0 0 8px 0;
}

.contactForm select {
width: 338px;
margin: 0 0 8px 0;
}

.contactForm textarea {
margin: 0 0 8px 0;
width: 334px;
padding: 4px;
}

.contactForm input#submit {
border: none;
background: url(/images/buttonSubmit.jpg) no-repeat;
width: 70px;
height: 18px;
text-indent: -3000px;
overflow: hidden;
}


/* CSS Document */

#nav {
width: 146px;
float: left;
margin: 0 10px 0 0;
}

#navUL {
text-align: right;
}


ul#navUL {
margin: 0;
padding: 0;
list-style: none;
}

ul#navUL li {
list-style: none;
padding: 0 0 2px 0;
}

ul#navUL li a {
color: #666;
text-decoration: none;
padding: 0 16px 0 0;
background: url(/images/menuBullet.jpg) no-repeat top right;
}

ul#navUL li a:hover {
color: #c20202;
background: url(/images/menuBulletHover.jpg) no-repeat top right;
}

ul#navUL li.active a {
color: #c20202;
background: url(/images/menuBulletHover.jpg) no-repeat top right;
}

#footer ul {
margin: 0 0 1.3em 0;
padding: 0;
}

#footer ul li {
list-style: none;
display: inline;
}

#footer ul li a {
color: #c20202;
text-decoration: none;
}

#footer ul li a:hover {
text-decoration: underline;
}

div#caseStudies .hidden {
	display: none;
}

div.casestudy {
	height: 155px;
	overflow: hidden;
}