@charset "utf-8"; 
/* CSS Document */

/* Main Tags */
body {font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#4A4549}
h1 {
	font-size:1.3em;
	text-align:left;
	color: #4A4549;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 20px;
}
h2 {
	font-size:1.1em;
	color:#4A4549;
	text-transform:uppercase;
}
h3 {
	font-size:1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9F3C;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {font-size:1.1em;}
h5 {
	font-size:.85em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-transform: uppercase;
}
h6, p, li, span, label {font-size:0.9em; }
h6 {font-weight:bold}
p {}
li 		{
	list-style-type:none;
	margin: 0px 0px 0px 0px
}
label {font-weight:bold}
form {
	margin: 0px;
	padding: 0px;
}
span {clear:both; float:left; width:100%}
/*******************************LAYOUT ITEMS***************************************************/
/*Layout*/
body {background:url(img/body-top.png) repeat-x center top; margin:0; padding:0; }
#body-wrap {color:#4A452A; margin:0; padding:0; width:800px; }
#container {
	float:left;
	text-align:left;
	width: 800px;
	padding: 5px 0px 0px 0px;
}
#column1of1, #column1of2, #column2of2, #column1of3, #column2of3, #column3of3, #column1of4, #column2of4, #column3of4, #column4of4 {float:left; margin:0px}
#column1of1	{width:800px} 
#column1of2	{
	width:449px;
	padding-left: 20px;
} 
#column2of2	{
	width:330px
} 
#column1of3	{
	width:129px
} 
#column2of3	{
	width:520px;
} 
#column3of3	{
	width:150px
} 
#column1of4	{width:199px} 
#column2of4	{width:199px} 
#column3of4	{width:199px} 
#column4of4	{width:200px}  	

.pod {
	margin: 0px;
	float: left;
	line-height:150%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.podbgbtm {background: url(img/bg-container.png) repeat-x center bottom}
.rightborder {border-right:1px dotted #CCCCCC;}
.toprightborder {border-right:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; padding-top:10px}
.freereport {padding-bottom: 10px}


/*******************************LAYOUT STYLES**************************************************/
/*Subcontainer stylization - One or more divs in a single column*/

/*Layout Classes*/
#container .consent label {width: 100%;margin: 5px 0 0 0;}
#container .textbox {float:left; font-size:1.1em; width:200px; margin:0 0 0px 0; }
#container .shorttext {width:30px; }
#container .button {margin: 10px 0px 10px 0px}
#container .bottommargin {margin-top: 15px; }
#container .small {font-size: .8em; }
#container .right {margin-left: 20px; }
#container .noborder {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#container .categoryitems {padding-left: 10px; }
/*******************************PAGE ELEMENTS**************************************************/

/*Forms*/
.phone input {width: 5px;}

/*Banners*/
#banner {
	float:left;
	width:100%;
}
#banner #banner-top {
	background-color: #D3DDE2;
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 5px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/banner-bg.png);
	height: 120px;
}
#banner #banner-bottom {
	background-color:#E9E6DA;
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
#banner h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#banner h3 {font-size:0.9em; font-style:italic; font-weight:normal; border:none; margin:0px}
h4.teaser {font-size:1.1em; font-style:italic; padding: 10px 0 0 0}
.homebanner {
	margin-top: -70px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pagebanner {
	margin-top: -70px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: static;
}
.star {
	height: 113px;
	width: 108px;
	border: none;
	float: left;
	position: absolute;
	left: 0px;
	top: 75px;
}

/*Top*/
#top {
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:1px;
	padding:8px;
	text-align: right;
}
/*Masthead and Banner*/
#masthead {
	clear:both;
	float:left;
	width: 100%;
}
#masthead #top-col1 {float:left; width: 300px; text-align: left; }
#masthead #top-col2 {float:right; width:500px; }
/*Primary Navigation*/
#primary-nav {background:#3EB7FF url(img/bg-primary-nav.png) no-repeat left top; padding:10px 0px 10px 0px; width:364px; margin:10px 40px 0px 0px; float:right; height:31px; }
#primary-nav li {display:inline; font-size:1.1em; text-decoration:none; border-right:#FFFFFF solid 1px}
#primary-nav a {color:#FFFFFF; padding:0px 25px 0px 25px; text-decoration:none; text-transform:uppercase; }
#primary-nav a:hover {text-decoration: underline; }
#primary-nav .end {border:none}
/*******************************************************************************************************************/
/*Sitemap*/
#sitemap {
	color:#ABA26B;
	width:800px;
	font-size: 1em;
}
#sitemap #column1, #sitemap #column2, #sitemap #column3, #sitemap #column4{float:left;text-align:left;width:200px; margin:0px; padding:0px}
#sitemap li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
	line-height: 150%;
}
#sitemap h4 {margin:5px 0 10px; font-size: 1.1em; color: #4A452A; text-transform: uppercase; }
#sitemap a {color:#998F57; text-decoration:none; }
#sitemap a:hover {text-decoration: underline; }


/*Bottom and Footer*/
#bottom {
	background:#CCC7B3 url(img/bg-sitemap.png) repeat;
	border-top: 1px #E4E1D6 solid;
	border-bottom: 1px #E4E1D6 solid;
	float:left;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer {color:#7A7445; float:left; font-size:0.9em; margin: 5px 0px 5px 0px; width:100%}
/*LightBox*/
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img {width: auto; height: auto; }
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px; }
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0; }
#hoverNav a {outline: none; }
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif; base64,AAAA);  /* Trick IE into showing hover */
	display: block; }
#prevLink {left: 0; float: left; }
#nextLink {right: 0; float: right; }
#prevLink, #prevLink:visited {background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited {background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData {padding:0 10px; color: #666; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }
#imageData #caption {font-weight: bold; }
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*******************************************************************************************************************/
/*Stuff not used right now
#masthead #sign-in 	{float:right; font-size:0.8em; font-weight:bold; height:60px; width: 465px; padding: 10px; background-image: url(img/bg-signin.png); background-repeat: no-repeat; background-position: center top; }
#sign-in .signin-textbox {font-size:0.9em; width:100px; }
.bg							{background-image:url(img/bg-container-hover.png)
.bg:hover					{background-image:url(img/bg-container.png)
*/

.pod .teaserimage {
	margin: 0px;
	clear: both;
}
.teasercolumns {
	text-align: center;
	margin-bottom: 150px;
}

#design { background:url(../images/design.png) no-repeat center 40px}
#usability {background:url(../images/usability.png) no-repeat center 40px}
#intelligence {background:url(../images/intelligence.png) no-repeat center 40px}
#marketing {background:url(../images/marketing.png) no-repeat center 40px}

#design:hover, #usability:hover, #intelligence:hover, #marketing:hover  {
	background-color:#D8FF9D;
	cursor: hand;
	cursor: pointer;
}

.learnmore {
	padding: 10px;
}
#learnmore {
	text-align: center;
	margin-bottom: -10px;
}
.whatif {
	font-size: 0.9em;
	color: #746B72;
	text-align: left;
	padding-left: 20px;
	margin-top: 5px;
}
.subtanhead {
	font-size: .8em;
}
.big { font-size:large}

a.button {
	background: #99FF00 url(../images/bg-button.png) no-repeat scroll top right;
	color: #FFFFFF;
	font-weight:bold;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 134px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1em;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a.button:hover {
	background-color:#0099FF
}

a.large {
	background: #99FF00 url(../images/bg-button-lg.png) no-repeat scroll top right;
	width: 158px;
	margin-left: 5px;
}

.pagenav {
	width: 200px;
}
#visual {
	padding-left: 100px;
}
#banner-top h2 {
	text-align: left;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 0.9em;
}
.page {
	margin-top: 10px;
}
.bodylist {
	line-height: 180%;
}
#navigation li {
	display: inline;
}
#navigation a {
	float: left;
	text-decoration: none;
	color: #4A4549;
	text-transform: lowercase;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1em;
}

#navigation a:hover {
	background-color:#D8D2BE;
}
#navigation {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #E9E6DA;
	text-align: center;
}
#navigation ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#navigation .last {
	border: none;
}
#navigation .on {
	font-weight: bold;
	background-color: #FFFFFF;
}
#contactForm .special {
	visibility: hidden;
	display: block;
	position: absolute;
}
#contactForm .formelement {
	width: 220px;
	font-size: 1.1em;
}
#contactForm input .formelement{
	font-size: 1.2em;}
	
.submit {
	width: 100px;
}
.submit {
	width: 100px;
}
.formstyle {

}
#wrapper .contact {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 45px;
	background-color: #FFF7D7;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contactForm li {

}
#contactForm ul {
	margin: 0px;
	padding: 0px;
}