/* General styles */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,cite,code,em,strong {
	font-style: normal;
	font-weight: normal;
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#666666;
	background-image:url(images/background_metalcontainer.jpg);
	background-repeat:repeat-x;
	/*min-width:960px;		/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}
a {
	color:#fff;
}
a:hover {
	color:#fff;
	text-decoration:none;
}

/* Header styles */
#header {
	position:relative;
	width:960px;
	height:80px;
	margin: 0 auto;
	padding: 0;
	z-index:100;
}

#header_logo {
	float:left;
	width:130px;
	height:130px;
	margin: 5px 0 0;
	padding: 0;
	background-image:url(images/acpi_logo_square.jpg);
	}
					
/* Menu system grabbed from http://www.cssplay.co.uk/menus/final_drop.html */
.menu {
	float:left;
	width:829px; /*745px;*/
	height:40px;
	top:70px; 
	position:relative; 
	z-index:2;
	/*border-right:1px solid #585752;*/
	/*background-color:#999999;	*/

	}
	
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:829px; /*746px;*/
	w\idth:828px; /*745px;*/
	}
	
/* remove all the bullets, borders and padding from the default list styling */
.menu ul, .menu p {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.menu ul ul {
	width:138px;
	}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:138px;
	position:relative;
	}
	
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:14px;
	text-decoration:none; 
	color:#C8C8C8;
	text-shadow:#222 1px 1px 1px;
	width:121px;/*	width:138px;*/
	height:41px;
	padding-top:4px;
	/*border:1px solid #585752; */
	/*border-width:1px 0 1px 1px; */
	/*background:#a6a299; */
	/*padding-left:10px; */
	/*line-height:29px; */
	text-align:center;
	font-weight:bold;
	}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:139px; 
	w\idth:138px;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	/*background:#B6C9AD url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 50px center;*/
	background:#B6C9AD url(images/black_arrow.png) no-repeat right center;
	}
	
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#86B477 url(images/black_arrow.png) no-repeat right center;
	}
	
.menu ul ul :hover > a.drop {
	background:#86B477 url(images/black_arrow.png) no-repeat right center;
	}
	
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
	}
	
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden; 
	position:absolute;
	height:0;
	top:40px;
	left:0; 
	width:138px;
	/*border-top:5px solid #000;*/
	}
	
/* another hack for IE5.5 */
* html .menu ul ul {top:38px;t\op:39px;}

/* position the third level flyout menu */
.menu ul ul ul{
	left:158px; 
	top:-1px;
	width:138px;
	}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-138px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu p {
	background:#B6C9AD;
	color:#000;
	text-shadow:none;
	height:auto; 
	line-height:1em;
	padding:5px 10px;
	width:138px;
	border-width:5px 0px 0px 0px;
	border-color:#000000;
	border-style:solid;
	}

.menu ul ul ul a, .menu ul ul ul a:visited, .menu p {
	margin-left:5px;	
	}

.menu p {
	border-top:#FFFFFF solid 1px;
	background:#000;
	color:#FFFFFF;
	font-weight:bold;
	}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:138px;}

/* style the top level hover */
.menu a:hover, .menu ul a:hover{
	color:#3D5066;
	background:rgb(61,80,102); 
	background:rgba(61,80,102,0.2); /*background:#fcd6a7;}*/
	}
.menu :hover > a, .menu ul :hover > a {
	color:#3D5066;
	background:rgb(61,80,102); 
	background:rgba(61,80,102,0.2); /*background:#fcd6a7;}*/
	}
/* style the 2nd level hover */
.menu ul ul a:hover, .menu ul ul :hover > a{
	color:#000;
	background:#86B477; 
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#alt_nav {
	width:969px;
	height: 240px;
	margin: 0 auto;
	margin-top:20px;
}

	#alt_nav h4 {
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
		padding-top:5px;
		height:35px;
		}
	#alt_nav p {
		padding:20px;
		font-size:12px;
		text-align:left;
		}
		
	#alt_nav ul {
		list-style-type:none;
		}
		
	#alt_nav li {
		float: left;
		/*font: 12px Tahoma, Arial;*/
		/*text-align: center;*/
		height:240px;
		width: 240px;
	}
	
		#alt_nav li a {
			display: block;
			height:240px;
			width: 240px;			
			text-decoration: none;
			text-align: center;
			width: 100%;
			color:#e6ebf4;
			background-image:url(images/panel_btn.png);
		}
		
			#alt_nav li a:hover {
				background-image:url(images/panel_btn_over.png);
			}

#slideshow {
	position:relative;
	width:960px;
	height:240px;
	margin: 0 auto;
	padding: 0px 0px;
	background-color:#FFFFFF;
	z-index:1;
}

.content {
	width:960px;
	margin:0px auto;
	background-color:#CBCBCB;
	}
		
	.content .col1, .content .col2 {
		float:left;
		position:relative;
		height:220px;
		background-color:#CBCBCB;
		}
	.content .col1 {
		padding:10px;
		width:620px;
		}		
	.content .col2 {
		width:320px;
		padding-top:20px;
		}			
	.content p, .content ul {
		padding:12px;
		font-size:12px;
		color:#3D4E66;
		}
	.content ul {
		list-style:none;
		}
	.content ul li a {
		text-decoration:none;
		font-weight:bold;
		}		
	.content ul li a:hover {
		background-color:#8DA3BA;
		}
	
	.content h2, .content h1 {
		padding:2px 10px;
		font-weight:bold;
		background-color:#D8D8D8;
		}
	.content h1 {
		font-size:18px;
		}			
	.content h2 {
		font-size:16px;
		}
	.content h1, .content h2, .content h3, .content h4, .content a {		
		color:#3D4E66;
		}
	
	.content img {
		border:0px;
		}

.product_table {
		width:100%;
		margin:0 auto;
		font-size:10px;
		background-color: #CBCBCB;
	}
.product_table th {
	padding: 3px;
	background-color: #8DA3BA;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}
	.product_table .first_th {
		border-width:0px;
		background-color:#CBCBCB;
		}
table.product_table td
{
	padding: 3px;
	font-size:12px;
	background-color: #e8e8e8;
	-moz-border-radius: 2px;
}

.technicalinformation ul {
	list-style:disc;
	padding-left:40px;
	}
	
.hotbox {
	position:relative;
	float:left;
	/*border:1px solid red;	*/
	}
	
.tempbox {
	margin:20px auto;
	height:121px;
	width:121px;
	border:2px #000000 solid;
	}

.technologyadvantage a, .technologyadvantage img, .technicalinformation a, .technicalinformation img, .product_table .thm {
	border:4px #C4C4C4 solid;
	}	

.technologyadvantage a:hover, .technicalinformation a:hover, .product_table .thm:hover {
	border-color:#a7d1dc;
	}
	
	
.technicalinformation a img, .technologyadvantage a img, .product_table a img {
	border:0px;
	float:right;
	padding:2px;
	}

.pdfdownload {
	margin:20px auto;
	width:61px;
	}	
	
.columns, .cola, .colb, .colc {
	float:left;
	color:
	}
	
	.technicalinformation .columns, .casestudies .columns, .contacts .columns, .technologyadvantage .columns{
		background-color:#CBCBCB;
		padding-bottom:10px;
		}
		
	.technicalinformation .cola, .technicalinformation .colc,
	.casestudies .cola, .casestudies .colb,
	.technologyadvantage .cola, .technologyadvantage .colb {
		width:200px;
		}
		
	.technicalinformation .colb, .casestudies .colc, .technologyadvantage .colc{
		width:560px;
		}
		
	.casestudies .colB {
		width:760px;
		padding-bottom:50px;
		}
		
	
	.casestudies .colb p, .casestudies .colc p{
		padding:10px 0 0px;
		}

.technologyadvantage h4{
	margin:0 20px;
	padding:10px 0 0;
	border-bottom:1px solid #3D4E66;
	font-weight:bold;
	width:auto;
	}
.technologyadvantage .cola p{
	margin:0 20px;
	padding:10px 0 0;
	}
	
	
.contacts li p, .contacts li h3 {
	clear:both;
	float:left; 
	width:50px;
	padding:0;
	margin:10px 0 0;
	}
	
.contacts h4 {
	clear:both;
	margin:0 20px;
	padding:10px 0 0;
	border-bottom:1px solid #3D4E66;
	font-weight:bold;
	width:auto;
}

.contacts p {
	margin:0;
	padding:0;
	}
	
.contacts input, .contacts textarea{
	float:left;
	margin:10px 0 0;
	}

.contact_col1 {
	float:left;
	width:125px;
}
.contact_col {
	float:left;
	width:225px;
}
	
.bottom_bar {
	clear:both;
	margin:0px auto 5px;
	width:960px;
	height:10px;
	background:center no-repeat url(images/bottom_border_gradient.png);
	}
	
.top_bar {
	clear:both;
	margin:5px auto 0px;
	width:960px;
	height:10px;
	background:center no-repeat url(images/top_border_gradient.png);
	}
.top_bar_flip {
	background:center no-repeat url(images/top_border_gradient_flip.png);
	margin:0px 0px;
	}
.short {
	height:3px;
	}
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
	color:#000;
}

/* Footer styles */
#footer {
	clear:both;
	width:960px;
	margin:10px auto;
}
#footer p {
	padding:5px;
	margin:0;
	color:#444;
}