/* STYLES FOR DIGITAL INSTRUMENTS WEBSITE */	





/* --------------------FOR ALL PAGES */



body { /* set the background image to checker gradation */
	 background-image: url(images/checkerback2.jpg);
	 background-color:#3D3B3C;
	 background-repeat:repeat-x;
	 margin: 0px;
	 font-family: "Verdana", Verdana, sans-serif;
	 color: #000000;
     padding: 0px;
    } 
    
	
#content_area {/* set the area for the entire main page content */
	position: relative;
	top: 20px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	}

#header_box_border { /* set values for header image border to work in both ff and ie */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 126px;
	background-color:#000000;
	padding: 0px;
	z-index: 2;
	}

#header_box { /* set values for header image */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 122px;
	/* border: solid 2px;
	border-color: #000000; */
	padding: 0px;
	z-index: 3;
	}
	
#footer { /* placement of contact info, outside content box*/
	position: absolute;
	text-align: center;
	width: 900px;
	font-size: 14px;
	color:#FFFFFF;
	top:610px;
	z-index: 5;
	
	}
	
h1 { 	color: #7f7f7f; /* di grey */
		font-size: 16px;
		}
	
hr { border: solid thin #000000; }

img.floatRight_top {  /* set values for text around image on right top of div */
    float: right;
    margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right:0px;
	border: solid 1px;
}

img.floatLeft_top {  /* set values for text around image on right top of div */
    float: left;
    margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right:15px;
	border: solid 1px;
}

img.floatLeft_side {  /* set values for text around image on right side of div */
    float: left;
    margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right:15px;
	border: solid 1px;
}

img.floatRight_side {  /* set values for text around image on right side of div */
    float: right;
    margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right:0px;
	border: solid 1px;
}

input.redbuttons{/* Color of red button */
		color: #000000;
  		background-color: #D60000;  
  		border: solid 1px;  
 		border-color: #000000 #000000 #000000 #000000;
}

input.redbtnhov {/* color of red button text when hover */
		color: #FFFFFF;
		border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;

		}

.buttons{/* Color of button */
		 background-color: #FFFFFF;
		 color: #000000;
		 border: 1px solid;
		}





	
/* ---------------------FOR HOME PAGE */




#flash_area_border{ /* set placement of flash animation border to work in both ff and ie */
	position: absolute;
	top: 126px;
	left: 0px;
	width: 900px;
	height: 94px;
	background-color:#000000;
	padding: 0px;
	z-index: 2;
	}
	
#flash_area { /* set placement of flash animation */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 90px;
	/* border: solid 2px;
	border-color: #000000; */
	padding: 0px;
	z-index: 4;
	}
	
#flash_alternate { /* set placement of flash animation */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 90px;
	/* border: solid 2px;
	border-color: #000000; */
	padding: 0px;
	z-index: 3;
	}
	
#side_menu_background { /* background for side menu */
	position: absolute;
	top: 0px;
	left: 15px;
	width: 150px;
	height: 260px;
	background-color: #000000;
	}
	
#side_menu { /* set side menu text area attributes */
	position: absolute;
	top:10px;
	left:20px;
	width:110px;
	z-index: 3;
	}	
	
.side_menu_text { /* set side menu text attributes */
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 200%;
	}		
	
.side_menu_text a:link{
				color: #FFFFFF;
				text-decoration: none;
		}
.side_menu_text a:visited{
				color: #FFFFFF;
				text-decoration: none;
		}
.side_menu_text a:hover{
				color: #7F7F7F;
				text-decoration: none;
		}
		
#side_menu_signup { /* set placement of signup box with side menu */
	position: absolute;
	top: 260px;
	left: 15px;
	width: 150px;
	height: 108px;
	}
	
#side_menu_signup_content { /* set placement of signup box content */
	position: absolute;
	top: 10px;
	left: 5px;
	width: 140px;
	height: 80px;
	z-index: 5;
	}
	
#side_menu_signup_email { /* set placement of signup box content */
	position: absolute;
	top: 30px;
	left: 0px;
	width: 140px;
	height: 50px;
	z-index: 5;
	}
	
.signup_text_white { /* set signup white text attributes */
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 100%;
	/* font-weight: bold; */
	}
	
.signup_text_black { /* set signup black text attributes */
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: italic;
	}		
	
#main_block_static_border { /* set the background area for main content area under header and flash area*/
	position: absolute;
	top: 219px;
	width: 900px;
	height: 380px;
	background-color:#000000;
	z-index: 2;
	}

#main_block_static { /* set the background area for main content area under header and flash area, inside border */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 376px;
	background-color: #E4E3E3;
	/* border: solid 2px;
	border-color: #000000; */
	z-index: 4;
	}
	
#main_home_text { /* set the main home text area and text attributes */
	position: absolute;
	top: 10px;
	left: 185px;
	width: 467px;
	height: 360px;
	text-indent: 15px;
	text-align: justify;
	font-size: 13px;
	line-height: 20px;
	z-index: 2;
	}
	
#news_background { /* background for news block */
	position: absolute;
	top: -1px;
	right: 15px;
	width: 212px;
	height: 368px;
	border: solid 1px;
	border-color: #000000;
	background-color: #FFFFFF;
	}
	
#news_headline { /* set news headline area attributes */
	position: absolute;
	top:10px;
	left:20px;
	width:172px;
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 200%;
	z-index: 3;
	}
	
#news_body { /* set news body area attributes */
	position: absolute;
	top:40px;
	left:20px;
	width:172px;
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 130%;
	z-index: 3;
	}
	
	
	
	
	
	
	
/* --------------------------FOR PAGES WITH HORIZONTAL MENU */





#top_menu_background { /* background for side menu */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 896px;
	height: 36px;
	background-color: #000000;
	z-index: 4;
	}
	
#top_menu { /* set side menu text area attributes */
	position: absolute;
	top:0px;
	left:15px;
	width:870px;
	z-index: 5;
	}	
	
.top_menu_text { /* set side menu text attributes */
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 200%;
	}		
	
.top_menu_text a:link{
				color: #FFFFFF;
				text-decoration: none;
		}
.top_menu_text a:visited{
				color: #FFFFFF;
				text-decoration: none;
		}
.top_menu_text a:hover{
				color: #7F7F7F;
				text-decoration: none;
		}
	
#main_block_static_sub_border { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 126px;
	width: 900px;
	height: 475px;
	background-color:#000000;
	z-index: 2;
	}
	
#main_block_static_sub { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 471px;
	background-color: #E4E3E3;
	/* border: solid 2px;
	border-color: #000000; */
	z-index: 4;
	}
	
	
	
#main_block_sub_border { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 126px;
	width: 900px;
	height: 475px;
	background-color:#000000;
	z-index: 2;
	}
	
#main_block_sub { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 471px;
	background-color: #E4E3E3;
	/* border: solid 2px;
	border-color: #000000; */
	z-index: 4;
	}
	
	
	
#breadcrumbs { /* set the breadcrumbs text area and text attributes */
	position: absolute;
	top: 45px;
	left: 15px;
	width: 400px;
	font-size: 12px;
	z-index: 4;
	}		
	
#breadcrumbs_sidemenu { /* set the breadcrumbs text area and text attributes */
	position: absolute;
	top: 45px;
	left: 190px;
	width: 400px;
	font-size: 12px;
	z-index: 4;
	}
	
.redtext { /* set color red for text */
	color: #D60000;
	}
	
	
.breadcrumbs_text a:link{
				color: #7f7f7f;
				text-decoration: none;
		}
.breadcrumbs_text a:visited{
				color: #7f7f7f;
				text-decoration: none;
		}
.breadcrumbs_text a:hover{
				color: #D60000;
				text-decoration: none;
		}
		
		
		
.email_text a:link{
				color: #D60000;
				text-decoration: none;
		}
.email_text a:visited{
				color: #D60000;
				text-decoration: none;
		}
.email_text a:hover{
				color: #7f7f7f;
				text-decoration: none;
		}
		
		
		
		
		
		
		
/* ------------------------FOR COMPANY PAGE */



#main_company_text { /* set the main company text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:864px;
	height: 400px;
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
	z-index: 2;
	}
	
	
		
		
		
		
		
		
/* ------------------------FOR SUPPORT PAGE */



#main_support_text { /* set the main support text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:864px;
	height: 400px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	z-index: 2;
	}
	
	
		
		
		
		
		
		
/* ------------------------FOR CONTACT PAGE */


#main_contact_text { /* set the main support text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:864px;
	height: 400px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	z-index: 2;
	}


#contact_form { /* set the main contact text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:445px;
	height: 400px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	z-index: 5;
	}
	
#map { /* set the main contact text area and text attributes */
	position: absolute;
	top: 70px;
	right: 25px;
	width: 405px;
	height: 400px;
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	z-index: 2;
	}
	
	
	




/* -----------------------FOR PRODUCTS and SERVICES PAGES */
	


#side_sub_menu_background { /* background for side menu */
	position: absolute;
	top: 36px;
	left: 0px;
	width: 175px;
	height: 435px;
	background-color: #B8B8B8;
	z-index: 4;
	}
	
#side_sub_menu { /* set side menu text area attributes */
	position: absolute;
	top:10px;
	left:15px;
	width:203px;
	z-index: 3;
	}	
	
.side_sub_menu_text { /* set side menu text attributes */
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 100%;
	}		
	
.side_sub_menu_text a:link{
				color: #000000;
				text-decoration: none;
		}
.side_sub_menu_text a:visited{
				color: #000000;
				text-decoration: none;
		}
.side_sub_menu_text a:hover{
				color: #D60000;
				text-decoration: none;
		}	
		
#main_products_text { /* set the main products text area and text attributes */
	position: absolute;
	top: 70px;
	left: 190px;
	width:690px;
	height: 400px;
	text-align: justify;
	text-indent: 15px;
	font-size: 13px;
	line-height: 20px;
	z-index: 3;
	}
	
	
	
	
	
	
/*-------------------------------FOR SUB PAGES OF PRODUCTS AND SERVICES PAGES */



#sub_text { /* set the main company text area and text attributes */
	position: absolute;
	top: 80px;
	left: 15px;
	width:864px;
	height: 400px;
	text-align: justify;
	font-size: 13px;
	line-height: 20px;
	z-index: 2;
	}
	
	#sub_text_prb { /* set the main company text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:864px;
	height: 800px;
	text-align: justify;
	font-size: 13px;
	line-height: 20px;
	z-index: 2;
	}		
	
	#sub_text_adc { /* set the main company text area and text attributes */
	position: absolute;
	top: 70px;
	left: 15px;
	width:864px;
	height: 800px;
	text-align: justify;
	font-size: 13px;
	line-height: 20px;
	z-index: 2;
	}


	
	


#main_block_sub_border_prb { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 126px;
	width: 900px;
	height: 875px;
	background-color:#000000;
	z-index: 2;
	}
	
#main_block_sub_prb { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 871px;
	background-color: #E4E3E3;
	/* border: solid 2px;
	border-color: #000000; */
	z-index: 4;
	}
#footer_prb { /* placement of contact info, outside content box*/
	position: absolute;
	text-align: center;
	width: 900px;
	font-size: 14px;
	color:#FFFFFF;
	top:1020px;
	z-index: 5;
	left: 2px;
}

#main_block_sub_border_adc { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 126px;
	width: 900px;
	height: 875px;
	background-color:#000000;
	z-index: 2;
	}
	
#main_block_sub_adc { /* set the background area for main content area under header on sub pages */
	position: absolute;
	top: 2px;
	left: 2px;
	width: 896px;
	height: 871px;
	background-color: #E4E3E3;
	/* border: solid 2px;
	border-color: #000000; */
	z-index: 4;
	}
#footer_adc { /* placement of contact info, outside content box*/
	position: absolute;
	text-align: center;
	width: 900px;
	font-size: 14px;
	color:#FFFFFF;
	top:1020px;
	z-index: 5;
	left: 2px;
}