/* Legend foo!
level 3 is as far is it goes, but of course some elements are deeper than that, good luck!
==================================================================================================================== r00t
======================================================================================= level 1
============================================================= level 2
================================ level 3
*/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
/*====================================================================================================================
outside wrapper
*/
#wrapper {
	height: auto;
	width: 600px;
}
/*=======================================================================================
top of the document with logo/Media/phone
*/
#header {
	width: 600px;
}
/*=============================================================
phone number portion of Media
*/
#headerPhone {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 30px;
	color: #6e6b6b;
	height: auto;
	width: 150px;
	position: relative;
	left: 350px;
	top: 0px;
}
/*=============================================================
image Media portion of Media
*/
#headerMedia {
	margin: 0px;
	padding: 0px;
}
#headerMedia span {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 30px;
	color: #6e6b6b;
	position: absolute;
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
}
#headerMedia img {
	display: none;
}
/*=======================================================================================
the body contains both nav and content
*/
#body {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 600px;
	position: relative;
	left: 0px;
	top: 0px;
}
/*=============================================================
content portion of the body \/ right side
*/
#bodyContent {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #424040;
}
/*================================
content container is what holds the 
actual content where it needs to be
within the bodyContent, which is a 
little to the right from the nav
*/
#bodyContentContainer {
	height: auto;
	width: 540px;
	margin-left: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	position: relative;
	left: 0px;
	top: 0px;
}
/*
this is the flash
that only appears
on the index page
*/
#bodyContentFlash {
	display: none;
}
/*
basic tag defitions
for the content
container
*/
#bodyContentContainer h1 {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #8d0c3a;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#bodyContentContainer h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#bodyContentContainer h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #8d0c3a;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#bodyContentContainer strong {
	color: #8d0c3a;
	font-weight: bold;
}
#bodyContentContainer dl {
	border: 1px solid #87002A;
	padding: 10px;
}
#bodyContentContainer dl dt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E6E6;
	color: #000000;
	font-size: 14px;
}
#bodyContentContainer dl dd {
	margin-bottom: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E8E6E6;
	border-bottom-color: #E8E6E6;
	border-left-color: #E8E6E6;
	padding: 5px;
	background-color: #FFFFFF;
}
#bodyContentContainer a:link, #bodyContentContainer a:visited {
	color: #424040;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #7C7878;
}
#bodyContentContainer a:hover, #bodyContentContainer a:active {
	color: #8D0C3A;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8D0C3A;
}

#bodyContentContainer .printButton {
	display: none;
}
/*==================================*/
#bodyContentContainer .topLeftList {
	display: none;
}
/*================================
the item class defines the overall look
of the boxes the help orgainze the content.
you can tell these boxes apart from the rest 
of the content, this also includes the contact
form, thus the embedded contact class
*/
#bodyContentContainer .item {
	height: auto;
	margin-bottom: 10px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #8D0C3A;
	font-size: 11px;
}
#bodyContentContainer .item a:link, #bodyContentContainer .item a:visited {
	color: #87002A;
	text-decoration: none;
	border: 0px none;
}
#bodyContentContainer .item a:hover, #bodyContentContainer .item a:active {
	color: #87002A;
	text-decoration: underline;
}
#bodyContentContainer .item strong {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #8D0C3A;
	display: block;
	padding-left: 10px;
	font-size: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E8E6E6;
}
#bodyContentContainer .item em {
	display: block;
	font-size: 11px;
	font-style: normal;
	padding-left: 10px;
	line-height: 13px;
}
#bodyContentContainer .item ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px;
}
#bodyContentContainer .item ul li {
	padding-left: 15px;
	margin: 0px 0px 1px;
	height: auto;
	width: auto;
	padding-right: 5px;
}
#bodyContentContainer .item ul li span {
	color: #8D0C3A;
}
#bodyContentContainer .item ul li img {
	border: 1px solid #87002A;
	margin-right: 5px;
	margin-left: 5px;
}
#bodyContentContainer .item form {
	padding: 5px;
}
#bodyContentContainer .item form .contactTop {
	text-align: right;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8D0C3A;
	margin: 0px;
}
#bodyContentContainer .item form .contactTop label {
	display: block;
	margin-bottom: 5px;
}
#bodyContentContainer .item form .contactTop label input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424040;
	width: 200px;
	margin-left: 10px;
	border: 1px solid #8D0C3A;
}
#bodyContentContainer .item form .contactMiddle {
	text-align: right;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #87002A;
	margin: 0px;
}
#bodyContentContainer .item form .contactMiddle fieldset {
	padding-bottom: 10px;
}
#bodyContentContainer .item form .contactMiddle label {
	display: block;
}
#bodyContentContainer .item form .contactMiddle label input {
	margin-right: 185px;
	margin-left: 10px;
}
#bodyContentContainer .item form .contactBottom {
	padding: 5px;
}
#bodyContentContainer .item form .contactBottom label {
	position: relative;
	left: 30px;
	display: block;
	width: auto;
	margin-top: 10px;
	padding-left: 7px;
}
#bodyContentContainer .item form .contactBottom label textarea {
	display: block;
	width: 300px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424040;
	border: 1px solid #8D0C3A;
}
#bodyContentContainer .item form .contactBottom input {
	position: relative;
	height: 18px;
	width: 370px;
	left: 5px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D0C3A;
	border: 1px solid #8D0C3A;
	background-color: #E8E6E6;
	font-weight: bold;
}
/*================================
special additional instructions
to certain item class elements that help
position each one custom within whatever
page it resides
*/
#itemExperience {
	width: 200px;
	position: absolute;
	left: 330px;
	top: 57px;
}
#itemMediaExperience {
	width: 320px;
}
#itemContact {
	width: 400px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#itemLinks {
	width: 300px;
	margin-bottom: 150px !important;
	overflow: hidden;
	height: 182px;
}
#itemStudies {
	width: 450px;
}
/*
return to previous
section styles
*/
.back {
	display: none;
}
/*
classes for the
client list boxes
*/
.itemClients {
	width: 450px;
	border: 1px solid #8D0C3A;
	font-size: 11px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.itemClients strong {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #8D0C3A;
	display: block;
	padding-left: 10px;
	font-size: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E8E6E6;
}
.itemClients ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.itemClients ul li {
	position: relative;
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
	margin-top: 5px;
	padding: 0px;
}
.itemClients ul li img {
	border: 1px solid #8D0C3A;
}
.itemClients ul li a {
	background-color: #E8E6E6;
	display: block;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8D0C3A;
	border-bottom-color: #8D0C3A;
	border-left-color: #8D0C3A;
}
.itemClients .left {
	height: 71px;
	width: 202px;
	position: absolute;
	left: 18px;
	top: 0px;
	text-align: center;
	overflow: hidden;
}
.itemClients .right {
	height: 71px;
	width: 202px;
	position: relative;
	left: 228px;
	top: 0px;
	text-align: center;
	overflow: hidden;
}
/*
case study images
*/
.caseImg {
	float: right;
	border: 1px solid #87002A;
	margin-bottom: 10px;
	margin-left: 10px;
}
/*================================
the little box below the content
with the contact info in it
*/
#bodyContentSub {
	display: none;
}
/*=============================================================
navigation portion of the body \/ left side
*/
#bodyNav {
	display: none;
}
/*=======================================================================================
outside of the body area. This guy acts as the grey bar below the body
*/
#preFooter {
	display: none;
}
/*=======================================================================================
footer, below the preFooter with text links, disclaimers, n such
*/
#footer {
	display: none;
}