body {
	margin:				0;
	padding:			0;
	font-family:		tahoma, verdana, arial, sans-serif !important;
	font-size:			78% !important;
	color:				#333;
}

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

#page_container {
	width:950px;
	background:transparent url(images/page_background.gif) repeat-y top left;
	text-align:left;
	margin:0 auto;
	padding:0 10px;
}

#search_box {
	float:					right;
	width:					300px;
	padding:				26px 20px 5px 0;
	text-align:				right;
}
#search_box form {
	display:				inline;
}
#search_box label {
	color:					#007AAA;
}
#search_box input.search {
	border:					1px solid #007AAA;
	font-size:				0.9em;
}
#search_box input.button {
	height:					17px;
	width:					18px;
	border:					0;
	background:				url(images/bg_search_button.gif) no-repeat top left;

}
#masthead {
	padding:				10px 0 0 0;
}
#masthead h1 {
	background:transparent url(images/infotechnics-logo-v10.gif) no-repeat top left;
	display:block;
	width:376px;
	height:37px;
	float:left;
	margin-bottom:5px;
}
#masthead_block {
	padding:					0 0 16px 0;
}
.remove {
	display:none;
}

#lefthand_bar {
	float:					left;
	width:					161px;
	padding:				0 8px 0 0;
}

/* - ----   lefthand dynamic navigation structure   ---------  */
#lefthand_bar ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
}
#lefthand_bar ul li {
	margin:				0;
	padding:			0;
}
#lefthand_bar ul li a {
	display:			block;
	border-top:		1px solid #069;
	padding:			4px;
	color:				#069;
	font-weight:		bold;
	font-size:			1.2em;
	text-decoration:	none;
	
}
#lefthand_bar ul li ul li a {
	padding:			3px 3px 3px 12px;
	border-top:			1px solid #ddd;
	font-weight:		normal;
	background-color:	#fff;	
	font-size:			1em;
}
#lefthand_bar ul li a:hover, #lefthand_bar ul li a.current {
	background-color:	#EBF2FA;
}





#center_content {
	margin:					0 169px 0 175px;
}

#center_content h2, #center_content_wide h2 {
	margin:					0;
	padding:				0;
	font-size:				1.6em;
	color:					#069;
}
#center_content_wide {
	margin:					0 22px 0 169px;
}
/* ----- for main images on almost all subpages through the site-  */
.main_image_column {
	width:					230px;
	float:					right;
}
.main_image_column img {
	border:					1px solid #069;
	margin:					0 0 8px 0;
}
.main_image_column_wide img {
	margin:					0 0 8px 0;
}
.main_image_subcontent {
	width:					204px;
	margin:					0 0 8px 0;
	background-color:		#EBF2FA;
	padding:				6px;
}
.main_image_subcontent h3, .main_image_subcontent_wide h3 {
	margin:					0;
	padding:				0;
	color:					#069;
	font-size:				1.2em;
}
.main_image_subcontent ul, .main_image_subcontent_wide ul {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
.main_image_subcontent ul li, .main_image_subcontent_wide ul li {
	margin:					3px 0;
	padding:				2px 0;
}
a.download, .main_image_subcontent_wide a.download {
	margin:					5px 0 0 0;
	padding:				7px 24px 5px 0;
	background:				url(/images/icon_pdf.gif) no-repeat center right;
	
}

/* for wide images next to actual products 
** shares the above styles, be is spaced differently to allow larger images  */
.main_image_column_wide {
	float:					right;
	width:					382px;
	margin:					0;
}
.main_image_subcontent_wide {
	margin:					0 0 8px 0;
	background-color:		#EBF2FA;
	padding:				6px;	
	width:					370px;

}
.product_narrow_column {
	margin:					0 400px 0 0;
}



/* ---   class to compensate for the above, pull text in line in case of flow down round image  */
.narrow_column {
	margin:					0 240px 0 0;
}
.narrow_column h3 {
	color:					#069;
	font-size:				1em;
	
	margin:					0;
	padding:				0;
}

.home_content {
	margin:					0 15px 0 0;
}
.splash_content {
	margin:					0 0 0 0;
	padding:				0;
}
.splash_content p {
	padding:				0;
	margin:					0 0 6px 0;
}
/* for blocked content on section pages   */
.index_section {
	margin:					10px 0 0 0;
	border-bottom:			1px solid #069;
}
.index_section h3 {
	margin:					0 0 6px 0;
}
.index_section img {
	float:					left;
	margin:					0 6px 0 0;
	border:					1px solid #069;
}
.index_section p {
	margin:					0;
	padding:				0;
}
.index_section p.finish {
	margin:					8px 0 4px 0;
}
/* -----  things to clean up content from user ....  ------------------ */
#content {
	
}
#content strong {
	color:					#069;
}
#content ul {
	list-style: url(images/bullet_blue.gif);
}

#below_content {

}
#below_left {

}


.solutions_block {
	width:					370px;
	float:					left;
	margin-bottom:			10px;
	height:					112px;
	background-color:		#EBF2FA;	
}
/* adjustment for above when displayed in rows   */
.stacked {
	margin:					0 5px 10px 5px;
}

/* adjustment for the above to spread full width ....  */
.solutions_block_wide {
	margin:					0 10px 16px 0;	
	background-color:		#EBF2FA;
	height:					112px;
	padding:				0;

}
.solutions_block_text_wide {
	padding:				4px;
}
.solutions_block_image_wide {
	float:					left;
	width:					168px;
	padding:				2px;
	border:					1px solid #9fc5d9;
	margin:					0 6px 0 0;
	text-align:				center;
	background-color:		#fff;
}



.solutions_block_image {
	width:					168px;
	padding:				2px;
	border:					1px solid #9fc5d9;
	text-align:				center;
	background-color:		#fff;
}
.solutions_block_image span a {
	display:				block;
	margin:					4px 0 0 0;
	font-weight:			bold;
	text-transform:			uppercase;
}

.solutions_block_text {
	width:					185px;
	float:					right;
	padding:				4px;
}
.solutions_block_text h4, .solutions_block_text_wide h4 {
	margin:					0;
	padding:				0;
	font-size:				1em;
}
.solutions_block_text p {
	margin:					0;
	font-size:				1em;
}




#below_right {
	border-left:				1px solid #069;
	float:						right;
	width:						190px;
	padding:					0 15px 0 10px;
	font-size:					1em;
	margin-right:				10px;
}
#below_right h5 {
	font-size:					1em;
	margin:						8px 0 2px 0;
	padding:					0;
	color:						#069;
}
#below_right p {
	margin:						0;
	padding:					0;
}
#right_content {
	float:					right;
	width:					169px;
}
#right_content h4 {
	width:					145px;
	text-transform:			uppercase;
	font-size:				1.2em;
	text-align:				right;
	margin:					0 0 6px 0;
	padding:				3px 3px 3px 0;
	border-top:				1px solid #069;
	border-bottom:			1px solid #069;
	color:					#069;
}

/* ------------  case studies / sometimes news    --------   */
.case_studies_block, .news_story_block, .relpage_block {
	margin:					3px 20px 3px 0;
	padding:				6px 0;
	border-bottom:			1px solid #069;
}
.case_studies_block h5, .news_story_block h5, .relpage_block h5 {
	font-size:				1em;  /* otherwise they vanish  */
	margin:					0;
}
.case_studies_block p, .news_story_block p, .relpage_block p {
	margin:					0;
	padding:				3px 0;
}
.case_studies_block img, .relpage_block img {
	float:					right;
	border:					1px solid #069;
	margin:					0 0 4px 6px;
}
/* for the contact form specifically  ----- */
fieldset.contact_form {
	margin:					10px 10px 10px 0;
	border:					1px solid #069;
}

fieldset.contact_form input, fieldset.contact_form textarea, fieldset.contact_form select {
	border:					1px solid #069;
}
fieldset.contact_form label {
	font-weight:			bold;
	color:					#069;
}
/* its not friendly but its quick  */
.warn {
	border:					2px solid red !important;
}
/* ow for the google map specifically  ----  */
#map {
	margin:					16px 0;
	border:					1px solid #069;
	
}
/* login page very specifically  */
fieldset.login {
	padding:				5px;
	margin:					10px 10px 10px 0;
	border:					1px solid #069;
}
fieldset.login input {
		border:					1px solid #069;
}


/* special for the widened splash page with large images ..... */
#widened_content {
		margin:					0 172px 0 169px;
		position:				relative;
}
/* this is only used on the By Industry intro splash page - goes fully full width  */
#full_widened_content {
		margin:					0 0 0 169px;
		position:				relative;		
}
#widened_content h2 {
		margin:					0;
		padding:				0;
		font-size:				1.6em;
		color:					#069;
}
#widened_below_right {
	padding:					4px 5px 0 0;
	margin:						0;
	font-size:					1em;
	position:					relative;
}



/* ---------- down to the bottom of the page -------------- */
.footer {

}
#footer_right {
	float:				right;
	width:				150px;
	margin:				0 20px 0 0;
	text-align:			right;
}
#footer_left {
	float:				left;
	width:				145px;
}
#footer_menu {
		text-align:		center;
}
#footer_menu ul li {
	list-style-type:	none;
	display:			inline;
	padding:			0 3px;
	border-right:		1px solid #fff;
	margin:				2px 1px;
}
.clearright {
	clear:				right;
}