/* Core Styles */

html {
	min-height: 100%;
	height: auto;
	border: 0px;
}

body {
	background: url(/site_images/main_page_bg.jpg) repeat-x #22404F;
	background-position: left bottom;
	background-attachment:fixed;
	margin: 0px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	min-height: 100%;
}

body, table td {
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
}

td p, td ul {
	margin-top: 0px;
}

img { border: 0px; }

h1, h2, h3, h4, h5, h6 {
	margin-left: -1px;
	color: #254152;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
}

h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
h5, h6 { 
	font-size: 14px; 
	margin-left: 0px;
}

a {
	color: #F25F34;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.content_container ul, .white_content_container ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.content_container ul li, .white_content_container ul li {
	background: url(/site_images/bullet.png) no-repeat 1px 6px;
	margin-left: 0px;
	padding-left: 15px;
	margin-bottom: 6px;
}

.content_container ol, .white_content_container ol {
	margin-left: 25px;
	padding-left: 0px;
}

.content_container ol li, .white_content_container ol li {
	margin-bottom: 6px;
}

.bright_orange { color: #F25F34; }
.off_white { color: #F1F3F5; }
.dark_blue { color: #254152; }

.beige_bg { background: #F0F0CD; }
.blue_bg { background: #A4C4D4; }

.small_print { font-size: 11px; }

/* Core Layout Styles */

#site_container {
	padding-top: 12px;
	background: url(/site_images/new_site/tophaze_bg.jpg) top center no-repeat;
	min-height:100%;
	position: relative;
	top:0px;
    margin: 0 auto;
    text-align: left; /*required due to IE centering hack*/
    width: 990px;
    z-index:10000;
}

.content_container, .white_content_container {
	width: 990px;
	text-align: left;
	padding: 0px 0px;
}

.white_content_container {
	color: #3E3E3E;
	background: white;
	border-top: 1px solid white;
	/*z-index:100;*/
}

.whiteBg{
	z-index:-1;
	height:200px;
	width:990px;
	background-color: #FFFFFF;
}

ul.navigation {
	text-align: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.navigation li {
	background: none;
	padding: 0px;
	display: inline;
	margin: 0px;
	padding-right: 8px;
	border-right: 1px solid #F1F3F5;
}

ul.navigation li.last {
	padding-right: 0px;
	border: 0px;
}

ul.navigation a {
	margin-left: 6px;
	text-decoration: none;
}

#site_header_container {
	height: 22px;
}

#site_header_container .content_container {
	text-align: right;
	color: #F1F3F5;
}

#site_header_container .content_container a {
	color: #F1F3F5;
}

#site_header_container .content_container a:hover {
	color: #F25F34;
}

#site_header_container .navigation {
	float: right;
}

#body_header_container {
	background: url(/site_images/new_site/top_curves.png) no-repeat top left;
	height: 85px;
}

#body_header_container .navigation {
	text-align: right;
	float: right;
}

#body_header_container .navigation div {
	float: left;
	line-height: 14px;
	height: 17px; /* make same as #body_header_container - (padding-top + 1) */
	margin-top: 25px;
	margin-right: 10px;
	padding-top: 9px;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
}

#body_header_container .navigation div.last {
	margin-right: 0px;
}

#body_header_container .navigation a {
	color: #FEFFFE;
	font-size: 13.5px;
	text-decoration: none;
	letter-spacing: 1.1px;
}

#body_header_container .navigation div.current a {
	color:#F25F34;
	font-weight:bold;
}

#body_header_container .navigation div.current {	
	background-color: #FFFFFF;
	padding-bottom:5px;
}

#body_header_container #logo_container {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

/* Footer styles */

#footer_container {
	font-size: 11px;
	padding-top: 20px;
	color: #FEFFFE;
	margin-bottom: 20px;
}

#footer_container .content_container, #footer_container ul.navigation {
	text-align: center;
}

#footer_container ul.navigation li {
	border-right: 1px solid #B7CEDA;
}

#footer_container ul.navigation li.last {
	border: 0px;
}

#footer_container ul.navigation a {
	color: #FEFFFE;
	text-decoration: underline;
}

#footer_container ul.navigation a:hover {
	color: #F25F34;
}

#footer_container address {
	font-style: normal;
}


 /* Carousel styles */
 
.carousel_container {
	padding: 4px;
	min-height: 285px;
	margin-top: 0px;
	position: relative;
}
 
.carousel_container .controls{
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.carousel_image_number_active, .carousel_image_number_inactive {
	font-size:14px;
	cursor: pointer;
	padding:5px 4px 4px 8px;
	width:12px;
	height:15px;
	line-height: 15px;
	float:left;
	font-weight:bold;
	margin-right:4px;
}

.carousel_image_number_active {
	background: url(/site_images/new_site/slide_numberbg_on.png) no-repeat;
	color:#F75A2E;
}

.carousel_image_number_inactive {
	background: url(/site_images/new_site/slide_numberbg_off.png) no-repeat;
	color:#23414F;
}

#carousel_content .controls{
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	color:#FFFFFF;
	margin-bottom:10px;
}

#carousel_content .controls a{
	margin-right:5px;
}
#carousel_content  .controls .title{
	float:left;
	margin-left:5px;
	text-transform:uppercase;
}

#carousel_content  .controls .title img{
	margin-right:5px;
}

#slideshow-container{
	text-align:left;
	float:left;
}

/* Home page interactive product boxes */

.products{
	margin-top:5px;
}
	
.products .box {
	float: left;
	width: 328px; /* width * 3 = 984px + 3px * 2 of margin = 990px */
	height: 200px;
	margin-right: 3px;
	border-top: 7px solid #F1562A;	
	overflow: hidden;
	position: relative;
}

.products .box.last {
	margin-right: 0px;
}

.products .box .title {
	letter-spacing: 1.1px;
	font-weight: bold;
	margin: 0px;
 	font-size: 25px;
 	color: #FEFFFE;
 	z-index: 1000;
 	position: absolute;
 	top: 10px;
 	left: 15px;
 }

.products .box .navigation_tools {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index:1000000;
}

.products .box .navigation_tools .previousArrow {
		margin-right: 10px;
}

.products .box .navigation_tools #ProjectsPreviousArrow, 
.products .box .navigation_tools #ServicesPreviousArrow, 
.products .box .navigation_tools #CaseStudiesPreviousArrow,
.products .box .navigation_tools #ProjectsNextArrow, 
.products .box .navigation_tools #ServicesNextArrow, 
.products .box .navigation_tools #CaseStudiesNextArrow {
	cursor:pointer;
}

.products .box .slideshow {
	z-index:100;
	width:10000px;
	background-color: #426F7C;
	min-width:328px;
	height:232px;
	position:relative;
}

.products .box .slideshow img {
	/*float: left; no longer necessary? */
}

.products .box .slideshow h3 {
	margin-top: 6px;
	font-size: 22px;
	color: white;
}

.products .box .slideshow p {
	margin-top: 0px;
}

.products .box .slideshow a {
	text-decoration: underline;
	font-weight: bold;
}

.featureProduct {
	float:left;
	width:328px;
	height:200px;
}

.featureProduct .boxTitle{
	
	font-size:26px;
	color:#FFFFFF;
	margin-bottom:10px;
	font-weight:550;
}

.featureProductBlur{
	padding-top:45px;
	padding-right: 15px;
	margin-left: 15px;	
	font-size:13px;
	letter-spacing:1px;
	color: white;
}

/* Home page other styles */

.slogan {
	color: #FEFFFE;
	font-size:30px;
	letter-spacing: 1.1px;
	margin-top:40px;
	width:250px;
	line-height:32px;
	text-align:center;
	float:left;
	margin-bottom:30px;
	margin-right: 37px;
	margin-left: 37px;
}

.graviteBlur {
	float:left;
	padding-left: 25px;	
	margin-top: 20px;
	text-align: left;
	color: #FEFFFE;
	/*border-left: 1px solid #4F768B;
	width: 670px;*/
	width: 610px;
	letter-spacing: 1.1px;
	margin-bottom: 10px;
}


/* Standard site template styles */

/* Sub navigation styles */

#subNav{
	float:left;
	width: 170px;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 8px;
	margin-bottom: 40px;
	/*line-height: 26px;*/
	line-height: 16px;
	font-size: 13px;
}

#subNav div.navItem {
	padding-top: 7px;
	padding-bottom: 3px;
}

#subNav .currentPage {
	color:#254152;
	border-bottom: 1px solid #254152;
	padding-bottom: 8px;
	font-size: 15px;
}

#subNav .currentPage a, #subNav .currentPage a:hover {
	color:#254152;
	text-decoration: none;
}

#subNav .content{
	margin-top: 3px;
	border-bottom: 1px solid #AEBAC2;
	padding-bottom: 9px;
	padding-top: 2px;
}

a.subNavItem, a.activeSubNavItem{
	text-decoration: none;
	color: #243F4F;
	padding-left: 0px;
	font-weight: bold;
}

#subSubNav {
	margin-left:20px;
	/*line-height: 22px;*/
	font-size: 12px;
}

#subNav #subSubNav div.navItem {
	padding-top: 4px;
}

a.subSubNavItem , a.activeSubSubNavItem  {
	color: #617682;
	padding-left: 0px;
	text-decoration: none;
}

#subNav a:hover {
	color: #F25F34;
}

a.activeSubNavItem{
	color: #F25F34;
}

#subNav .social_icons {
	margin-top: 12px;
}

#subNav .from_our_blog {
	margin-top: 50px;
	/*padding: 10px;
	border: 1px solid #AEBAC2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
}

#subNav .from_our_blog .title {
	color:#254152;
	/*border-bottom: 1px solid #254152;*/
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

#subNav .from_our_blog a:hover {
	text-decoration: none;
}

#subNav .from_our_blog a {
	color: #254152
}

#subNav .from_our_blog ul {
	font-size: 12px;
	margin: 0px;
}

#subNav .from_our_blog ul li {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 14px;
}

#subNav .from_our_blog ul .date {
	font-weight: bold;
	float: left;
	width: 35px;
	font-size: 10px;
	line-height: 14px;
}

#subNav .from_our_blog .post_container {
	padding: 8px 0px;
	border-top: 1px solid #23404F;
}

#subNav .from_our_blog ul .post {
	margin-left: 35px;
	font-weight: bold;
	font-size: 11px;
}

#subNav .from_our_blog ul .post a:hover {
	color: #F25F34;
}

/* Page layout styles */

.mainContent {
	/*float:left;*/
	margin-left: 250px;
	width:700px;	
	margin-top:20px;
	padding-bottom:15px;
}

.left_wide_column {
	width:435px;
	float:left;
}

.right_column {
	margin-top: 20px;
	width: 240px;
	float: right;
}

.right_column .title{
	color:#112F3A;
	font-size:16px;
	margin-bottom:10px;
	text-transform:uppercase;
	margin-top: 0px;
	font-weight:bold;
}

.hightlightedBox {
	background-color: #F0F0CD;
	border-top: 1px solid #23404F;
	border-bottom: 1px solid #23404F;
	padding: 15px 15px 15px 15px;
}

.hightlightedBox p {
	margin-top: 0px;
}

.hightlightedBox b a, .hightlightedBox strong a, .hightlightedBox a b, .hightlightedBox a strong {
	color: #3E3E3E;
}
.hightlightedBox b a:hover, .hightlightedBox strong a:hover, .hightlightedBox a:hover b, .hightlightedBox a:hover strong {
	color: #F25F34;
	text-decoration: underline;
}

.clearLeft{
	clear:left;
}

.clear {
	clear: both;
}

/* Various additional styles */

.feature_box {
	border: 1px solid #254152;
}

.feature_box h4 {
	color: white;
	background: url(/site_images/feature_box_heading.jpg) repeat-x top #254352;
	text-align: center;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-transform: uppercase;
}

.feature_box div {
	padding: 10px;
	background-color: #F0F0CD;
}



#send_inquiry, #download_form{
		margin-top:0px;
		margin-bottom:30px;
}

.formElement {
	line-height: 24px;
	margin-bottom: 6px;
}


#send_inquiry .formElement .title , #download_form .formElement .title{
		color:#254152;
		width:100px;
		float:left;
		font-weight:bold;
}

#send_inquiry .formElement .textElement, #download_form .formElement .textElement{
		float:left;
}

#send_inquiry .formElement .textElement input, #download_form .formElement .textElement input{
		width:200px;	
}
		
#send_inquiry .interests, #download_form .interests{
	float:left;	
	text-align:left;
}
	
#send_inquiry .interests input,  #download_form .interests input{
	width:30px;
	margin-left:0px;
	padding-left:0px;
	float:none;
	text-align:left;		
}
	
#send_inquiry textarea, #download_form textarea{
	width:300px;
	height:150px;
}
	
#send_inquiry .error, #download_form .error{
	color:red;
	clear: left; 
	margin-left: 100px;
}

.button {
	color:#FFFFFF;
	background-color:#23404F;
	border:0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 8px;
	-moz-box-shadow: inset 0px 1px 0px 0px #4b7399;
	-webkit-box-shadow: inset 0px 1px 0px 0px #4b7399;
	box-shadow: inset 0px 1px 0px 0px #4b7399;
	border: 1px solid black;	
	cursor: pointer;
}

#send_inquiry .button, #download_form .button {	
	/*margin-left:100px;*/
	float: right;
	margin-right: 30px;
}
/*
#download_form .button{	
	margin-left:380px;
}*/

.filesDownload .odd{
	width:250px;
	height:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-top:1px solid #254152;
}

#thank_you_email_content{
	margin-top:20px;	
}

.filesDownload{
	margin-top:10px;
}

.filesDownload .even{
	width:250px;
	height:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-top:1px solid #AEBAC2;
}

.filesDownload a, .filesDownload a:hover {
	text-decoration:none;
}

/* Sidebar form styles */

.hightlightedBox form div.label {
	margin-bottom: 6px;
	font-weight: bold;
	color: #254152;
	font-size: 11px;
}

.hightlightedBox form div.label input {
	width: 200px;
}

.hightlightedBox form .button {
	margin-top: 8px;
	font-size: 11px;
	/*color:#FFFFFF;
	background-color:#23404F;
	border:0px;
	
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 8px;
	-moz-box-shadow: inset 0px 1px 0px 0px #4b7399;
	-webkit-box-shadow: inset 0px 1px 0px 0px #4b7399;
	box-shadow: inset 0px 1px 0px 0px #4b7399;
	border: 1px solid black;	
	cursor: pointer;*/
	
}


/* Landing Page Base Styles */

.landing_page .header {
	width: 712px;
	float: left;
}

.landing_page .form_container {
	width: 232px;
	float: right;
	margin-right: 40px;
	background: #A4C4D4;
}

.landing_page .form_container .form_heading {
	background: url(/site_images/landing/report_form_heading.png) no-repeat;
	height: 87px;
}

.landing_page .form_heading h3 {
	color: white;
	font-size: 18px;
	margin-left: 94px;
	margin-top: 0px;
	padding-top: 28px;
}

.landing_page .form_body {
	padding: 20px;
	padding-top: 0px;
}

.landing_page form div.label {
	margin-bottom: 6px;
	font-weight: bold;
	color: #254152;
	font-size: 11px;
}

.landing_page form div.button {
	margin-top: 20px;
}

.landing_page .two_column_container {
	padding-bottom: 30px;
}

.landing_page .two_column_container .column {
	width: 435px;
	float: left;
	margin-left: 40px;
}

.landing_page .work_results .result_item div {
	margin-bottom: 6px;
}

.landing_page .work_results .result_item .problem strong, 
.landing_page .work_results .result_item .solution strong {
	font-style: italic;
}

.landing_page .work_results .result_item .solution strong {
	color: green;
}

.landing_page .work_results hr {
	height: 1px;
	border: 0px;
	border-top: 1px solid #DADADA;
	/*color: #254152;
	background: #254152;*/
	color: white;
	background: white;
	margin: 12px 40px;
}

/* Landing Page Styles: report_request */

.report_request ol.review_process li {
	font-size: 17px;
	color: #0081BC;
	font-weight: bold;
	margin-bottom: 12px;
}

.report_request ol.review_process li span {
	font-size: 13px;
	color: #3E3E3E;
	font-weight: normal;
}

.report_request .pricing {
	width: 140px;
	float: left;
}

.report_request .pricing .actual {
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 12px;
}

.report_request .pricing .small_print {
	margin-top: 6px;
	line-height: 14px;
}

.report_request .pricing_includes {
	margin-left: 160px;
}

.report_request .pricing_includes ul li {
	background: url(/site_images/bullet_checkmark.png) no-repeat 0px 0px;
	margin-left: 0px;
	padding-left: 22px;
	margin-bottom: 8px;
}