/* CSS Document Table of Contents:
	
	Universal
	Typography
	  a. Headings h1-h6
	  b. Paragraph and Link Styles
	  c. Lists and Navigations
	Header Layout
	Navigation Layout
	Middle Layout
	Footer Layout
	
*/

/* Universal
====================================================================================== */
* { /* helps keep cross-browser compatibility */
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

img
{
	border: 0px;
}

body { 
	background-color: #626262;
	height: 100%;
}

#container
{
	width: 800px;
	margin: auto;
}

#masthead
{
	width: 800px;
	padding-top: 28px;	
}
	
	#top-bar
	{
		width: 800px;
		height: 4px;
		font-size: 0px; 
		background-image: url(/images/main-top.gif);
		background-repeat:no-repeat;
		background-position:top;
		clear: both;
	}

	#search
	{
		width: 239px;
		height: 45px;
		float: left;
		background-image: url(/images/main-top-gradient.gif);
		background-repeat: repeat-x;
		padding-left: 10px;
	}
		
		#search form, #search img
		{
			margin-top: 15px;
			float: left;
		}
	
		#search .submit
		{
			font-weight: bold;
			color: white;
			background-color: #000077;
			border-width: 1px ;
			margin-left: 5px;
			padding: 0px 2px 0px 2px;
		}
	
		#search form input
		{
			font-size: 10px;
		}
		
	
	#upper-motor
	{
		width: 83px;
		height: 45px;
		float: left;
		background-image:url(/images/engine-top2.gif);
		background-repeat: no-repeat;
	}

	#head-links
	{
		width: 458px;
		height: 45px;
		float: left;
		background-image: url(/images/main-top-gradient.gif);
		background-repeat: repeat-x;
		padding-right: 10px;
	}
	
		#head-links img
		{
			margin-top: 3px;
			float: right;
		}

	#head-logo
	{
	}
	
	#head-logo a
	{
		display: block;
		width: 800px;
		height: 110px;
		clear: both;
		background-image:url(/images/almaco-head.gif);
		background-repeat:no-repeat;		
	}
	
	#nav-bar
	{
		font-size: 0em;	
		clear: both;
		width: 800px;
		height: 23px;
		background-color: white;
		background-image: url(/images/nav-no-button-fade.gif);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
		#nav-bar ul
		{
			list-style-type: none;
		}
		
		#nav-bar ul li
		{
			font-size: 0em;		
			float: right;
			display: block;
			height: 23px;
		}
		
		#nav-bar ul li a
		{
			font-size: 0em;
			text-decoration: none;
			width: 100%;
			height: 100%;
			display: block;
		}
		
		li.home
		{
			width: 49px;

			background-image:url(/images/nav/home-off.gif);
		}

		li.home a:hover, .home-on
		{
			width: 49px;

			background-image:url(/images/nav/home-on.gif);
		}
		
		.company
		{
			width: 75px;

			background-image:url(/images/nav/company-off.gif);
		}

		li.company a:hover, .company-on
		{
			width: 75px;

			background-image:url(/images/nav/company-on.gif);
		}
		
		li.products
		{
			width: 78px;

			background-image:url(/images/nav/products-off.gif);
		}

		li.products a:hover, .products-on
		{
			width: 78px;

			background-image:url(/images/nav/products-on.gif);
		}
		
		li.service
		{
			width: 65px;

			background-image:url(/images/nav/service-off.gif);
		}

		li.service a:hover, .service-on
		{
			width: 65px;

			background-image:url(/images/nav/service-on.gif);
		}
		
		li.events
		{
			width: 62px;

			background-image:url(/images/nav/events-off.gif);
		}

		li.events a:hover, .events-on
		{
			width: 62px;

			background-image:url(/images/nav/events-on.gif);
		}
		
		li.careers
		{
			width: 72px;

			background-image:url(/images/nav/careers-off.gif);
		}

		li.careers a:hover, .careers-on
		{
			width: 72px;

			background-image:url(/images/nav/careers-on.gif);
		}

		li.representatives
		{
			width: 118px;

			background-image:url(/images/nav/representatives-off.gif);
		}

		li.representatives a:hover, .representatives-on
		{
			width: 118px;

			background-image:url(/images/nav/representatives-on.gif);
		}												

		

	
	#main-content
	{
		font-size: 12px;
		width: 800px;
		background-color: #eaf1f9;
		height: 550px;
		min-height: 550px;
	}
	
	div[id] #main-content
	{
		height: auto;
	}
		
		#gray-fade
		{
			width: 800px;
			height: 4px;
			background: repeat-x url(/images/gray-fade.gif);
			font-size: 0px;
		}
		
		#index-content
		{
			padding: 0px 10px 0px 10px;
			font-size: 12px;
			width: 780px;
			clear: both;
			height: 281px;
			min-height: 281px;
			background-color: white;
		}
		
		div[id] #index-content
		{
			height: auto;
		}
	
		#nav-section
		{
			font-size: 12px;
			width: 189px;
			float: left;
			background-color: #eaf1f9;
			height: 550px;
			min-height: 550px;			
			border-top: 1px solid #cecece;
		}
		
		div[id] #nav-section
		{
			height: auto;
		}
		
		#content
		{
			padding: 10px 15px 10px 15px;
			font-size: 12px;
			width: 578px;
			float: left;			
			background-color: white;
			border-left: 1px solid #cecece;
			border-top: 1px solid #cecece;
			height: 530px;
			min-height: 530px;			
		}
		
		div[id] #content
		{
			height: auto;
		}
		
		#content ul 
		{
			padding-left: 30px;
		}
		
		#content ul li
		{
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		#content a
		{
			color: #000077;
		}
		

		
	#navigation
	{
		list-style-type: none;	
	}
	
	#navigation li a
	{
		display: block;
		margin: auto;

		height: 12px;
		padding: 3px 4px 4px 10px;
		border-bottom: 1px solid #bacbe9;
		color: #000077;
		font-size: 12px;
		text-decoration: none;
	}

	#navigation li a:hover, #navigation li a.nav-on
	{
		background-image: url('/images/nav-on.gif');
		background-repeat: repeat-x;
		color: #525253;
	}

	
	#main-bottom
	{
		color: #000077;	
		padding: 10px;
		font-size: 12px;
		clear: both;
		width: 780px;
		height: 18px;
		background-color: white;			
		background-image: url(/images/main-lower.gif);
		background-position: bottom;
		background-repeat:no-repeat;			
	}
	
	#main-bottom a
	{
		color: #000077;
	}
	
	#main-bottom a:hover
	{
		text-decoration: none;
		color: #000077
	}
		
		
	#footer
	{
		padding: 10px;
		clear: both;
		font-size: 12px;
		color: white;
		text-align:center;
	}
	
	table
	{
		margin: 10px;
		border: 1px solid #e2e2e2;
	}
	
.titlerow
{
	color: black;
	font-weight: bold;
	background-image: url(/images/title-fade.gif);
}

.titlerow td
{
	text-align: center;
	padding: 3px;
}

.oddrow td
{
	background-color: white;
	padding: 3px;
}

.evenrow td
{
	background-color: #f5f5f5;
	padding: 3px;
}

td
{
	border: 1px solid #e2e2e2
	padding: 3px;
	vertical-align: top;
}

td.career-title
{
	background-color: #E5E2E2;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 3px;
}

td.career-info
{
	background-color: #F4F3F3;
	font-size: 12px;
	color: #000000;
	padding: 3px;
}

td.career-title-optional
{
	background-color: #E5E2E2;
	font-size: 12px;
	color: #000000;
	padding: 3px;

}

.product-features table
{
	border: 0px;
	width: 250px;
}

		.product-description
		{
			width: 280px;
			padding-bottom: 10px;
			padding-top: 15px;
		}
		
		.product-description ul, .product-features ul
		{
			padding-left: 30px;
		}
		
		.product-features
		{
			width: 280px;
			padding-top: 10px;
		}
		
		.product-description ul li, .product-features ul li
		{
			padding-top: 4px;
			padding-bottom: 4px;		
		}

.product-category
{
	padding-bottom: 10px;
	width: 285px;
	float: left;	
}

.product-category-text
{
	padding: 0px 5px 0px 5px;
	width: 160px;
	float: left;
	font-size: 11px;
}

/* Typography
====================================================================================== */

/* a. Headings h1-h6 */
h1 { 
	font-size: 16px;
	font-family: Helvetica;
	font-weight: bold;
	text-transform: uppercase;
	color: #000077;
	width: 95%;
	border-bottom: 1px solid #b0b0b0;
	margin: 0px 10px 5px 0px;
	padding-top: 5px;
} /* lowest common denominator */
	
	#main-content h1 {
	}
	
	#sidebar h1 { }
	
h2 {
	font-size: 14px;
	font-family: Helvetica;
	font-weight: bold;
	color: #4a4a4a;
	margin: 0px 10px 5px 0px;
	padding-top: 5px;
}

h3 { }

h4 { }

h5 { }

h6 { }


/* b. Paragraph and Link Styles */
p {
	padding: 5px 0px 7px 0px;
}

	p a { }
	
/* c. Lists and Navigation */

.submit_bttn {
	background-image:url(/images/submit.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:73px;
	height:21px;	
	border:none;	
	cursor: pointer;
}
	
/* Header
====================================================================================== */

/* Navigation
====================================================================================== */

/* Middle
====================================================================================== */

/* Footer
====================================================================================== */