/* 1. GENERAL

-----------------------------------------------------------------------------------------------

===============================================================================================*/	



body {

/*	color:#000;

*/

	background: #333333 url(../images/bg_body.jpg) top left repeat-x;

/*   background:#1D5640; (dark green)

*/

/*   background:#E6EDEA; (light green)

*/

/*   background-image:url(../images/background.gif)

   background-repeat: repeat

*/

   font-family:Arial, Helvetica, sans-serif;

   color:#333333;

   font-size: 66%;

/*   font-size: 75%;*/

   height:100%;

   margin:0;

   text-align:center;}



* {

   margin:0;

   padding:0;

   list-style-type:none;}



/* 1.1	Headings and paragraphs

-----------------------------------------------------------------------------------------------*/	

#margin {

	height: 87px; }



h1 {

	font-size: 1.6em;

	padding-bottom: 8px; }

 

/*h2{

 font-size:1em;

 padding: 10px 0 22px 0;

 background:url(../images/bg_headingline.gif) repeat-x 0 20px;}*/ 

 

h2{

 text-align:center;

 padding: 40px 0 32px 0;

 background:url(../images/bg_headingline.gif) repeat-x 0 50px;}



 

h2 span{

 font-size:2.1em;

 color:#000;

 background:#FFF;}



h3{

 font-size:1.3em;

 color:#666666;

 font-weight: bold;}



h4{

 font-size:1.1em;

 font-weight:normal;}

	

h5 {

 font-size:1.3em;

 color:#ffffff;

 font-weight:bold;

}



	

table {

	border-collapse: separate;

	border-spacing: 0;}

 

parenthesis{

 font-size:smaller;

 font-weight:normal}

 

 

 

div.testimonial {

	color: #ffffff;

	font-style: italic; 

	padding: 15px; }

img.rfq {

	padding: 20px 0 0 23px; }







 



/* 1.2	Forms

-----------------------------------------------------------------------------------------------*/	

input, textarea, select {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px; }





/* 1.3	Links

-----------------------------------------------------------------------------------------------*/	

/*a:link, a:visited {

	color:#00533e;

	text-decoration: none;} */



.ft:link, .ft:visited {

	color:#8BC157;

	text-decoration: none;}



.homeblt:link, .homeblt:visited {

	color:#ffffff;

	font-weight:bold;}



a:hover, a:active {

 color:#0d1411;}





/* 1.4	Miscellaneous

-----------------------------------------------------------------------------------------------*/	

hr { 

	display: none; }



img {

	border: none; }



fieldset br{

 clear:left;}

 

fieldset{

 border:none;}



.table-text {



}

.table-title {



	vertical-align:top;	 

	font-weight: bold;

	color: #12432F;

}



/* 2. GENERAL ELEMENTS

-----------------------------------------------------------------------------------------------

===============================================================================================*/	

.cl{clear:left}



.clear {

	clear: both;

	font-size: 0;

	height: 0;

	line-height: 0;

	overflow: hidden;}

	

.clearfix:after { /* clear floats */

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;}



.clearfix {display:inline-block;}



/* Hides from IE-mac \*/

.clearfix {display: block;}

/* End hide from IE-mac */







/* 3. LAYOUT

-----------------------------------------------------------------------------------------------

===============================================================================================*/

#container{

 width: 762px;

 margin: 18px auto 0 auto;}



#header{

 background:url(../images/bg_header.jpg) no-repeat top left;

 width: 763px;

 height:86px;

 padding: 12px 0 0 0;}



#home #header{

 background:url(../images/bg_header.jpg) no-repeat top left;}

/* height:108px;}*/

 

#content{

	position:relative;

	/* margin: 0 0 0 17px; */

	margin: 0;

	text-align:left;

	clear: left;

	top:-48px;

}



#content2{

	position:relative;

	margin: 0;

	text-align:left;

	clear: left;

	top:-48px;

}



#content3{

	position:relative;

	margin: 0 0 0 0;

	text-align:left;

	clear: left;

	top:-48px;

}



#footer{

 background: url(../images/bg_bottomsub.gif) no-repeat top left;

 height: 12px;

 margin-top:0px;

 padding:0;

 width: 763px;

 clear:left;

 color:#8BC157;

 text-align:center;} 

 

#home #footer{

 background: url(../images/bg_bottom.gif) no-repeat top left;

 height: 13px;

 clear:right;

top:-48px;

 position:relative;

 

 }

 

/*#home #copyright{top:-48px; position:relative;} */

 

#copyright{

	text-align:center;

	color:#8BC157;

	font-size:10.67px;

	margin-bottom:10px;

	padding-top: 30px;

	width: 763px;

	z-index:100;   }

/*#home #copyright{top:-48px; position:relative;} */

#home #copyright{

	padding-top: 10px; }



 

 

/*#home #footer{

 background: url(../images/bg_bottom.gif) no-repeat top left;

 height: 13px;

 text-align: center;

 color:#8BC157;

 font-size:10.67px;

 padding: 34px 0 0 10px;} */ 

 

/*#flash {

	background: url(../images/process_d.jpg) no-repeat;

	height: 139px;

	margin-bottom: 5px;

	clear: both;}	*/

	

#flash-link {

	position:absolute;

	width:200px;

	text-align:center;

	color:#8BC157;

	font-size:1.1em;

	left: 556px;

	top: 375px;

}

	

#image-link {

	position:absolute;

	background-image: url(../images/img_imagelink.gif) no-repeat;

	width:150px;

	/*	text-align:center;

	color:#8BC157;

	font-size:10px;*/

	left: 607px;

	top: 510px;

	height: 10px;

/*	display:block;

	text-indent:-99999px;

	overflow:hidden;

	float:left;*/

}

	

/* 3. HEADER

-----------------------------------------------------------------------------------------------

===============================================================================================*/

/* was h1 */

div.logoblock {

	display:block;

	float:left; 

	position:relative;

	z-index:10;

	cursor:pointer;

}

 

/*.logo{

 background:url(../images/logo.png) no-repeat top left;

 width: 230px;

 height:60px;

 display:block;

 text-indent:-99999px;

 overflow:hidden;

 float:left;}

*/ 

.logo{

 background:url(../images/cdc_logo_clear.gif) no-repeat top left;

 width: 227px;

 height:64px;

 display:block;

 text-indent:-99999px;

 overflow:hidden;

 float:left;}



.slogan{

 float:right;

 color:#759185;

 font-size:1.5em;

 font-weight:bold;}

 

 #apDiv1{

	position:absolute;

	top: 219px;

	left:567px;

	z-index:99;

}



/* 3. CONTENT

-----------------------------------------------------------------------------------------------

===============================================================================================*/



/* Main Nav */

#nav{

	background:url(../images/bg_tabsub.gif) no-repeat top left;

	/* height:93px;}*/

	height:48px;}

 

ul#main-nav{

	margin-left: 266px;}

	/* margin-left: 250px;}*/



ul#main-nav li{

	float:left;}



ul#main-nav li.active{

 	background: url(../images/bg_tableft.gif) no-repeat top left;

	height: 48px;

	font-size: 1.3em;

	position: relative;

	bottom: -1px;

	position: relative;

	left: -2px; }



ul#main-nav li a{

	margin: 0 0 0 0px;

	padding: 24px 8px 0 8px;

	/* margin: 0 0 0 8px; padding: 28px 8px 0 0px; */

 	display: block;

 	cursor: pointer;

 	float: left;

 	height: 23px;

 	background: url(../images/bg_navborder.gif) no-repeat right 6px;}

 

ul#main-nav li.active a {

 	background: url(../images/bg_tabright.gif) no-repeat top right;

 	color: #000 !important; }



ul#main-nav li.active a span,

ul#main-nav li.active a:hover span{

 	background-position: 0 -26px !important;}



ul#main-nav li a span{

 	display: block;

 	text-indent: -99999px;

 	overflow: hidden;

 	margin: 0 -1px 0 0;

	height: 13px;}



ul#main-nav li a:hover span{

 	background-position: 0 -13px !important;}





ul#main-nav li a.home span {

 	background: url(../images/nav_home.gif) no-repeat top left;

 	width: 30px;}

 	

ul#main-nav li a.company span {

 	background: url(../images/nav_company.gif) no-repeat top left;

 	width: 51px;}



ul#main-nav li a.contact span {

 	background: url(../images/nav_contact.gif) no-repeat top left;

 	width: 45px;}



ul#main-nav li a.locations span {

 	background: url(../images/nav_locations.gif) no-repeat top left;

 	width: 51px;}



ul#main-nav li a.technical span {

	background: url(../images/nav_technical.gif) no-repeat top left;

 	width: 95px;}



ul#main-nav li a.manufacturing span {

 	background: url(../images/nav_manufacturing.gif) no-repeat top left;

 	width: 116px;}



ul#main-nav li.last a{

	background: none;

 	padding-right: 0;}

 
/* Nav Drop Down */

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 /*padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;*/
	 border-right: 1px solid #888;
	}
	
	ul.dropdown li.last {
	 /*padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;*/
	 border-right: none;
	}

	ul.dropdown li li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;
	}


	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #00533e; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #00533e; }
	
	#sel {
	 background-color: #eee;
	 color: #000;
	}

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


/*ul.dropdown *.dir {
 background-position: 100% 50%;
 background-repeat: no-repeat;
}*/


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 padding: 6px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 170px;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
 
#navHolder {
	padding:  17px 10px 0 0;
	float: right;
}
 

/* Homepage Specific Styles */

#home #nav{

 background:url(../images/bg_tab.gif) no-repeat top left;

 height:48px !important;

 z-index:100;} 

 

#home h2{

 text-align:center;

 padding: 40px 0 32px 0;

 background:url(../images/bg_headingline.gif) repeat-x 0 50px;}



#home h2 span{

 padding-left: 10px;}



#home #main-content{

/* border:2px solid #666666;*/

 border-top:none;

 border-bottom:none;

 padding: 0px 0px 0px 0px;

/* padding: 0 0px;*/

/* width: 708px !important;*/

 width: 763px !important;

 background:#4D514E;

}



#home #main-content p{

 font-size: 11px;

 line-height: 19px;

 margin-bottom: 0px;

 margin-top: 7px;

 color: #FFFFFF}



#home #main-content h3{

 font-size: 11px;

 line-height: 20px;

 margin-bottom: 0px;

/* margin-top: -35px;*/

 color: #FFFFFF}



#home #main-content ul{

 font-size: 11px;

 color: #FFFFFF }



#home #content-text{

 position: absolute; 

 right: 0px; 

 top: 280px;

 width: 370px;

 padding-right: 15px;

 z-index: 105;

}



#home #content-tos{

 width: 540px;

 padding:0;

 margin-left: 24px;}



#flash_home{

	margin-top: 0px;

	width: 763px;

	background: url(../images/flash_home_2.jpg) no-repeat;

	height: 476px;

	clear: left;

}





#press a {

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

	font-size: 14px; }

#press p {

	padding-bottom: 12px; }







/* Subpage */

ul#sub-nav{

 width: 166px;

 float:left;

 margin:0 !important;

/* border-top:1px solid #0b0b0b;*/

 background:/*#ccb68f*/ url(../images/bg_subnavbottom.gif) no-repeat bottom left;

/* padding: 0 0 15px 0;}*/

 padding: 37px 0 3px 0;}



ul#sub-nav li{

 list-style-type:none;

 margin:0;

 padding:0;

 font-size:1.1em;

/* border-bottom:1px solid #e6ddcf;*/ 

 background:url(../images/subnav_divider.gif)  no-repeat 0 0;

 }



ul#sub-nav li a{

 display:block;

 text-decoration:none !important;

 padding: 7px 0 6px 27px;

 margin:0;

height:0px; !important;

 height:100%; }



ul#sub-nav li a:hover,

ul#sub-nav li.active a{

 background:/*#b4c2bc*/ url(../images/icon_arrow.gif)  no-repeat 10px 8px;

 color:#000 !important;}



ul#sub-nav li a span{

 display:block;

 height:14px;

 cursor:pointer !important;

 text-indent:-9999px;

 overflow:hidden;

 width: 140px;}



ul#sub-nav li a:hover span,

ul#sub-nav li.active a span{

 background-position:0 -14px !important;}



ul#sub-nav li a.return_company span{

 background:url(../images/sub_home_company.gif) no-repeat top left;}



ul#sub-nav li a.return_manufacturing span{

 background:url(../images/sub_home_manufacturing.gif) no-repeat top left;}



ul#sub-nav li a.return_technical span{

 background:url(../images/sub_home_technical.gif) no-repeat top left;}



ul#sub-nav li a.return_locations span{

 background:url(../images/sub_home_locations.gif) no-repeat top left;}



ul#sub-nav li a.return_contact span{

 background:url(../images/sub_home_contact.gif) no-repeat top left;}

 

ul#sub-nav li a.overview span{

 background:url(../images/sub_overview.gif) no-repeat top left;}

ul#sub-nav li a.affiliates span{

 background:url(../images/sub-affiliates.gif) no-repeat top left;} 

ul#sub-nav li a.careers span{

 background:url(../images/sub_careers.gif) no-repeat top left;}

 

ul#sub-nav li a.about span{

 background:url(../images/sub_about.gif) no-repeat top left;}

 

ul#sub-nav li a.mission span{

 background:url(../images/sub_mission.gif) no-repeat top left;}

 

ul#sub-nav li a.safety span{

 background:url(../images/sub_safety.gif) no-repeat top left;}

 

ul#sub-nav li a.quality span{

 background:url(../images/sub_quality.gif) no-repeat top left;}

 

ul#sub-nav li a.dieoverview span{

 background:url(../images/sub_dieoverview.gif) no-repeat top left;}

 

ul#sub-nav li a.diecompany span{

 background:url(../images/sub_diecompany.gif) no-repeat top left;}

 

ul#sub-nav li a.dieparts span{

 background:url(../images/sub_dieparts.gif) no-repeat top left;}

 

 

ul#sub-nav li a.aluminum span{

 background:url(../images/sub_aluminum.gif) no-repeat top left;}

 

ul#sub-nav li a.zinc span{

 background:url(../images/sub_zinc.gif) no-repeat top left;}

 

ul#sub-nav li a.casting span{

 background:url(../images/sub_casting.gif) no-repeat top left;}

 

ul#sub-nav li a.machining span{

 background:url(../images/sub_machining.gif) no-repeat top left;}

 

ul#sub-nav li a.value span{

 background:url(../images/sub_value.gif) no-repeat top left;}

 

ul#sub-nav li a.engineering span{

 background:url(../images/sub_engineering.gif) no-repeat top left;}

 

ul#sub-nav li a.program span{

 background:url(../images/sub_program.gif) no-repeat top left;}

 

ul#sub-nav li a.process span{

 background:url(../images/sub_process.gif) no-repeat top left;}

 

ul#sub-nav li a.group span{

 background:url(../images/sub_group.gif) no-repeat top left;}

 

ul#sub-nav li a.atlantic span{

 background:url(../images/sub_atlantic.gif) no-repeat top left;}

 

ul#sub-nav li a.greatlakes span{

 background:url(../images/sub_greatlakes.gif) no-repeat top left;}

 

ul#sub-nav li a.midstate span{

 background:url(../images/sub_midstate.gif) no-repeat top left;}

 

#main-content{

/* background:url(../images/bg_contentsub.gif) repeat-y top left;*/

/*  background: #ffffff url(../images/bg_contentsub.png) no-repeat top left; */

background: #ffffff url(../images/bg_contentsubnew.gif) no-repeat top left; 

/* padding: 0 0 25px 0;*/

 padding:0 0;

 width: 762px;

 }



#main-content p{

 color: #333333;

 line-height:120%;

 margin: 12px 0 0 0;}



#main-content ul{

 margin: 6px 0 0 0;}



#main-content li{

 list-style-type:disc;

 padding: 0 0 6px 0;

 margin: 0 0 0 25px;}



#main-content li a{

 text-decoration:underline !important;

 color:#12432f !important;}



#main-content li a:hover{

 text-decoration:none !important;}



#content-text{

 float:left;

 padding:0px 0 0 38px;

 width: 557px;

/* min-height: 440px;*/ }



#content-text img.sub{

 float:left;

 padding:88px 0 0 0;

 width: 555px;

/* min-height: 440px;*/ }



#content-text .content{

	clear:both;

	float:left;

	width: 307px;

	/*padding: 40px 41px 0 0;*/

	padding: 20px 41px 0 0; }



#content-text .location{

	float:left;

	width: 307px;

	table-layout:auto;

	padding:0 41px 0pt 0pt;

}



#content-text .column1{

 background:#FFFFFF;

 float:left;

 width: 100px;}



#content-text .column2{

 background:#FFFFFF;

 float:left;

 width: 207px;}



#content-text .image{

 /*background:#FFFFFF; */

 float:left;

 width: 207px;

 margin:1px 0 0 0}





/* 4. FOOTER

-----------------------------------------------------------------------------------------------

===============================================================================================*/

/*#footer p{

 margin: 0 0 0 10px;*/

/* background:url(../images/bg_footer.gif)}

*/ 

/*foot{

 width: 763px;

 font-size:10.67px;

 font-family:Arial, Helvetica, sans-serif;

 font-weight:normal;

 margin: 0 0 0 0px;}

*/



/* SIFR

-----------------------------------------------------------------------------------------------

===============================================================================================*/



/*.sIFR-flash {

	visibility: visible !important;

	margin: 0;}



.sIFR-replaced {

	visibility: visible !important;}



span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;}



.sIFR-flash + div[adblocktab=true] {

  display: none !important;}

*/



.form { padding-top:10px;}

.form .field{float:left;clear:both;width:307px; padding-bottom:10px;}

.form .field label { width:75px; text-align:right; padding-right:5px; float:left; display:block; line-height:20px;}

.form .submitButton  { margin-left:80px;} 

.form #Question { font-size:12px; width:220px; height:80px;}

.form .textbox { width:180px;}