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

*{margin: 0; padding: 0;}

body {background:url(../images/background.jpg) repeat-x #FFFFFF;}
html {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	
#main {width: 900px; margin: 0 auto; background-color: #FFFFFF;}
	
#header {
	width: 900px;
	height: 45px;
	background:url(../images/bg_header.jpg) 0 0 no-repeat #000000;
	position:relative;
	}
	
	#header img {position:absolute;top: 0;border: 0;}
		img#ishi_logo {left: 10px;}
		img#phone-number {right: 0;}
		
/* Drop Nav 

#nav, #nav ul { /* all lists 
	margin:0;
	padding:0;
	list-style: none;
}

#nav li { 
	float: left;
	padding: 0;
	margin: 0;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li a {
	padding: 0;
	margin: 0;
}
a.buttonname {
	background:url(../images/n_buttonname.gif) no-repeat;
	width:91px;
}
#nav li a:hover {
	background-image:auto;
	background-position:0px -42px;
}
#nav li a.on {
	background-image:auto;
	background-position:0px -42px;
}
#nav li a span {
	visibility:hidden;
}
#nav li ul {  
	padding: 0;
	margin: 0;
	height:auto;
	width:auto;
	position: absolute;
	left: -999em;  
	background: white;
	border: 1px solid black;
	border-bottom: 0;
}

#nav li ul li { 
	float:none;
	padding: 0;
	margin: 0;
	border: 0;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
	display: block;
	border: 0;
	color: #373774;
	padding: 5px;
	text-decoration:none;
	border-bottom: 1px solid black;
	width: 10em;
}

#nav li ul li a:hover {
	display: block;
	text-decoration: underline;
	background: #f2f2f2;
	width: 10em;
}

#nav li:hover ul, #nav li.sfhover ul{ 
	left: auto;
}
*/

		
#navigation {
	width: 840px;
	height: 26px;
	padding: 6px 0 0 60px;
	margin-bottom:1px;
	background:url(../images/gfx_navigation.jpg) 0 0 no-repeat #f2f2f2;
	}
	
	#navigation ul {
		list-style:none;
		}
	#navigation ul li {
		float:left;
		font-weight: bold;
		}
/*---- Previous Drop Styles ------------
		#navigation ul li a {
			display:block;
			height:20px;
			border-left: 1px solid #484a91;
			background-repeat: no-repeat;
			background-position: 0 0;
			}	
*/	
		#navigation ul li a:hover {background-position: 0 -20px;}
		
		a#about {background:url(../images/btn_about.jpg) no-repeat;border: 0 !important;width: 52px;}
		a#why {background:url(../images/btn_why.jpg) no-repeat; width:89px;}
		a#service {background:url(../images/btn_service.jpg) no-repeat;width: 107px;}
		a#inventory {background:url(../images/btn_inventory.jpg) no-repeat;width: 94px;}
		a#industries {background:url(../images/btn_industries.jpg) no-repeat; width:123px;}
		a#resouces {background:url(../images/btn_resources.jpg) no-repeat; width:100px;}
		a#contact {background:url(../images/nav/btn_contact.jpg) no-repeat; width:80px;}


/* -------- End Drop down styles --------------*/
		
#leftSide {float:left; width: 245px;}
	
	#leftSide a {
		color: white;
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		width: 180px;
		height:40px;
		padding: 20px 5px 0 60px;
		margin-bottom:1px;
		text-decoration:none;
		}
	#leftSide a:hover {text-decoration:underline;}
		
	#fpo1 { background-image:url(../images/nav/fpo_1.png);}
	#fpo2 { background-image:url(../images/nav/fpo_2.png);color: black !important;}
	#fpo3 { background-image:url(../images/nav/fpo_3.png);color: black !important;}
	#fpo4 { background-image:url(../images/nav/fpo_4.png);}
	#fpo5 { background-image:url(../images/nav/fpo_5.png);}
	#fpo6 { background-image:url(../images/nav/fpo_6.png);color: black !important;}
	#fpo7 { background-image:url(../images/nav/fpo_7.png);}
	
	#leftSide strong {text-transform:uppercase;}
	
	
#rightSide {
	float: left;
	width:655px;
	}
	
	#rightSide div#topNav {
		width: 100%;
		height: 161px;
		background: #fff;
		}
		#topNav a {
			display:block;
			width: 225px;
			height: 161px;
			background-repeat:no-repeat;
			background-position: 0 0;
			float:left;
			margin-left: 1px;
			}
		#repair-service {background-image:url(../images/nav/gfx_repair-services.png); background-position:0 0;}
		#repair-service:hover {background-position:0 -161px;}
		#manu-components {background-image:url(../images/nav/gfx_manu-comp.png); background-position:0 0;}
		#manu-components:hover {background-position:0 -161px;}
		#new-components {background-image:url(../images/nav/gfx_new-components.png); background-position:0 0;}
		#new-components:hover {background-position:0 -161px;}
		
	#rightText {
	background-color: #FFFFFF;
		color: #000000;
		height: 365px;
		overflow: auto;
		line-height: 16px;
		}
		
		#rightText p a{color:#36386D; text-decoration: none;}
		#rightText p a:hover{text-decoration: underline;}
		
		#content{ width: 400px; float: left; padding: 0 10px;}
		
			.alt{ background-color:#E2E2E2;}
		#rightImages{ width: 216px; float: right; background: url(../images/image_bg_fade.jpg) repeat-x; height:100%;}
			#rightImages p{text-align: center;}

		
		#rightText p{ margin-bottom: 5px;}
		
		#rightText h1 {font-size: 18px; background-color: #36386D; color:#FFFFFF; margin: 5px 0; height: 22px; padding: 5px 0 2px 5px;}
		#rightText h2 {font-size: 14px; margin: 5px 0;}
		#rightText h3 {font-size: 12px; margin: 5px 0;}
			
		#rightText ul{margin: 2px 0 5px 10px;}
		#rightText ul li {margin-left: 5px;}
		#rightText ul li a{text-decoration: none;}
		#rightText ul li a:hover{text-decoration: underline;}
		#rightText ol{margin: 2px 0 5px 15px;}
		#rightText ol li {margin-left:  10px;}
		
		.pageLinks a{color: #36386D; text-decoration: none;}
		.pageLinks a:hover{text-decoration: underline;}
		
		#rightImages img { margin:8px;}
		.floatRight{float: right; margin: 8px;}
		.floatLeft{float:left; padding: 2px;}
		
		#rightColumnList { margin-left: 20px; list-style: none; font-size: 16px;}
		#rightColumnList li{ background: url(../images/check.gif) no-repeat; padding-left: 15px; height: 20px;}
		
		.listNofloat li{font-size: 14px; padding-right: 10px; padding-left: 12px; list-style: none; line-height: 18px;}
		.listStacked li{float: left; font-size: 14px; padding-right: 10px; padding-left: 12px; list-style: none;}
		.backColor{color:#FFFFFF; background-color:#35376C; font-size: 14px; font-weight: bold; padding: 2px; text-align: center;}
		.backColor a{color:#FFFFFF; text-decoration: none;}
		.tableHeading{ color:#FFFFFF; font-size: 14px; padding: 2px; font-weight: bold;}
		
		#sitemap a{text-decoration: none; color: #36386D;}
		#sitemap a:hover{text-decoration: underline;}
		
#footer {
	width: 100%;
	height: 69px;
	clear: both;
	position:relative;
	}
	
	#cards {
		width: 220px;
		border-top: 2px solid #515282;
		margin-right: 1px;
		float: left;
		background: black;
		height: 68px;
		position:relative;
		}
		#cards img {position:absolute;bottom: 0;left: 0;}
	#subFooter {
		border-top: 2px solid #515282;
		width: 634px;
		float: left;
		background: black;
		height: 39px;
		color: #A4A5D2;
		padding: 10px;
		text-align:center;
		position:relative;
		}
		#subFooter a {
			color: #A4A5D2;
			text-decoration: none;
			}
		#subFooter a:hover {
			color: white;
			}
			
		#contactArea {
			width: 432px;
			height: 25px;
			position:absolute;
			left:78px;
			bottom:10px;
			color: white;
			text-align:left;
			font-size:11px;
			}
			
			#contactArea img {
				 float:left;
				 padding-right: 5px;
				 margin-top: 2px;
				 }
			#contactArea a {
				color: white;
				}
			#contactArea a:hover {text-decoration:underline;}
		
		#tinyNav {
			width: 85px;
			height: 22px;
			position:absolute;
			bottom:0;
			right: 0;
			}
			
			#tinyNav a {
				display:block;
				height: 14px;
				margin-right: 14px;
				float:left;
				}
				
			a#btn_home {background-image:url(../images/btn_home.png);width: 15px;}
			a#btn_email { background-image:url(../images/btn_email.png);width: 13px;}
			a#btn_sitemap {background:url(../images/btn_sitemap.png); width: 15px;}