/* 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: 750px;
	margin-left: -375px;
	position: absolute;
	left: 50%;
	top: 30px;
}
/*=======================================================================================
top of the document with logo/Media/phone
*/
#header {
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 750px;
}
/*=============================================================
phone number portion of Media
*/
#headerPhone {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 20px;
	color: #6e6b6b;
	height: auto;
	width: 150px;
	position: absolute;
	left: 22px;
	top: 5px;
}
/*=============================================================
image Media portion of Media
*/
#headerMedia {
	margin: 0px;
	padding: 0px;
	height: 155px;
	width: 561px;
	position: absolute;
	left: 186px;
	top: 42px;
}
#headerMedia span {
	display: none;
}
/*=======================================================================================
the body contains both nav and content
*/
#body {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 750px;
	position: relative;
	left: 0px;
	top: 0px;
}
/*=============================================================
content portion of the body \/ right side
*/
#bodyContent {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 566px;
	position: relative;
	left: 184px;
	top: 0px;
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	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 {
	float: right;
	padding: 0px;
	height: 163px;
	width: 260px;
	margin: 0px 0px 0px 20px;
}
/*
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 {
	float: right;
}
/*==================================*/
#bodyContentContainer .topLeftList {
	float: right;
	height: auto;
	background-color: #E8E6E6;
	border: 1px solid #8D0C3A;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
	margin-top: 10px;
}
#bodyContentContainer .topLeftList ul {
	color: #8D0C3A;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
#bodyContentContainer .topLeftList ul ul {
	color: #8D0C3A;
	display: block;
	margin-left: 5px;
	padding: 0px;
	list-style-position: inside;
}
/* specific IDs */
#servicesList {
	width: 200px;
}
#meetList {
	width: 120px;
}
/*================================
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;
}
.checkboxlist label{
text-align:left;
float: left;
width:175px;
display:block;
}


.checkboxlist input{
float: left;
clear: left;
width: 20px;
text-align:left;
background-color:#00FF99;
margin: 0px 0px 0px 100px;
}


#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;
}

#bodyContentContainer .item form .loginC {
	text-align: right;
	padding: 5px;
	margin: 0px;
}
#bodyContentContainer .item form .loginC label {
	display: block;
	margin-bottom: 5px;
}
#bodyContentContainer .item form .loginC label input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424040;
	width: 200px;
	margin-left: 10px;
	border: 1px solid #8D0C3A;
}
/*================================
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;
}
#itemLogin {
	width: 400px;
	height: auto;
	margin: 60px 0px !important;
	padding: 0px;
	border: none !important;
}
/*
return to previous
section styles
*/
.back {
	text-align: right;
}
.back span {
	font-size: 20px;
	color: #8D0C3A;
}
/*
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;
}
/*
specific ID styles
*/
#itemClientsVar {
}
#itemClientsVar img {
	cursor: pointer;
}
#itemClientsRadio {
}
#itemClientsRes {
}
/*
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 {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 250px;
	background-image: url(images/sub_content_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 135px;
}
#bodyContentSub span {
	display: block;
	width: 180px;
	position: relative;
	height: auto;
	left: 62px;
	top: 20px;
}
#bodyContentSub span strong {
	font-size: 12px;
	color: #8d0c3a;
}
#bodyContentSub span em {
	font-style: normal;
	color: #4c494a;
}
#bodyContentSub span em a:link, #bodyContentSub span em a:visited {
	text-decoration: none;
	border: 0px none;
	color: #8D0C3A;
}
#bodyContentSub span em a:hover, #bodyContentSub span em a:active {
	text-decoration: underline;
	border: 0px none;
	color: #8D0C3A;
}
/*=============================================================
navigation portion of the body \/ left side
*/
#bodyNav {
	height: auto;
	width: 183px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #87002A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*
navigation
*/
.mainUl {
	margin: 0px;
	padding: 25px 0px 0px 23px;
	list-style-type: none;
}
#bodyNav .mainUl li {
	display: block;
	padding-bottom: 10px;
	background-color: #FFF;
	width: 130px;
}
#bodyNav .mainUl a {
	display: block;
	background-color: #FFF;
	padding-left: 11px;
	width: 130px;
}
#bodyNav .mainUl a:link, #bodyNav .mainUl a:visited {
	color: #424040;
	background-color: #FFF;
	background-image: url(images/bullet_empty.gif);
	text-decoration: none;
}
#bodyNav .mainUl a:hover, #bodyNav .mainUl a:active {
	color: #8e0c3a;
	background-color: #FFF;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
/*
the button below the nav
appears on all pages BUT
the contact page
*/
#bodyNavButton {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	background-image: url(images/button_bg.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 30px 10px;
	padding: 0px;
	height: 82px;
	width: 160px;
	border: 1px solid #87002A;
	font-size: 17px;
	color: #231f20;
	letter-spacing: -1px;
	text-align: center;
}
#bodyNavButton span {
	text-align: center;
	height: auto;
	width: 160px;
	position: relative;
	left: 0px;
	top: 7px;
}
#bodyNavButton span a:link, #bodyNavButton span a:visited {
	color: #87002A;
	text-decoration: none;
}
#bodyNavButton span a:hover, #bodyNavButton span a:active {
	color: #87002A;
	text-decoration: underline;
}
/*
this is the contact info
only present on the contact
page in place of the button
*/
#bodyNavContact {
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0px 20px 10px;
	padding: 0px 0px 10px;
	height: auto;
	width: 160px;
	color: #231f20;
	text-align: center;
	position: relative;
	top: 0px;
}
#bodyNavContact strong {
	color: #87002A;
}
#bodyNavContact p em {
	font-style: normal;
	color: #87002A;
	letter-spacing: 0.1em;
}
#bodyNavContact p em a:link, #bodyNavContact p em a:visited {
	color: #231F20;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #231F20;
}
#bodyNavContact p em a:hover, #bodyNavContact p em a:active {
	color: #87002A;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #87002A;
}
.address2 {
  display: none;
}
.valid {
  background-color: #D0ECAA !important;
}
.invalid {
  background-color: #EC8486 !important;
}

/*
denver map layer
*/
#denverLyr {
	border: 1px solid #87002A;
	position: absolute;
	height: auto;
	width: 340px;
	left: 19px;
	top: 308px;
	z-index: 2;
	background-color: #FFFFFF;
}
#denverLyr p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px;
	padding: 0px;
	color: #231f20;
	text-align: center;
	width: 140px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
}
#denverLyr p em {
	font-style: normal;
	color: #87002A;
	letter-spacing: 0.1em;
}
#denverLyr p em a:link, #denverLyr p em a:visited {
	color: #231F20;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #231F20;
}
#denverLyr p em a:hover, #denverLyr p em a:active {
	color: #87002A;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #87002A;
}
#denverLyr img {
	height: 347px;
	width: 195px;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	position: relative;
	left: 140px;
	top: 0px;
	border: 0px none;
}
/*
specific classes to
make map layers function
*/
.visible {
	visibility: visible;
}
.hidden {
	visibility: hidden;
}
/*=======================================================================================
outside of the body area. This guy acts as the grey bar below the body
*/
#preFooter {
	background-color: #dfdede;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 16px;
	width: 750px;
}
/*=======================================================================================
footer, below the preFooter with text links, disclaimers, n such
*/
#footer {
	height: auto;
	width: 750px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #dfdede;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*=============================================================
the text links are within the span tag
*/
#footer span {
	display: block;
	margin-bottom: 5px;
	text-align: center;
}
#footer span a:link, #footer span a:visited {
	color: #424040;
	text-decoration: none;
}
#footer span a:hover, #footer span a:active {
	color: #424040;
	text-decoration: underline;
}

/* ============================================== ASPX form/Error box controls */
#errors {
	clear: both;
	margin-top: 20px;
}
#errors ul {
}
#errors li {
}
/* ============================================== ASPX form/Captcha controls */
#pnlCaptcha {
	padding: 20px;
	border: 1px solid #828177;
	text-align:center;
}
/* the text above the captcha */
#pnlCaptcha label {
}
/* the div which wraps around captcha, text and input */
.captcha {

}
/* actual captcha image */
.captcha img {
border: 1px solid #828177;
}
/* wraps around text and input alone */
.captcha div {
}
/* the atual text */
.captcha span {
}
/* the input for validation */
.captcha input {
}
/* the submit button */
#pnlCaptcha #btnSubmit {
}