/*	carteret die casting corporation
	standard style sheet
	02.21.2005
	--- 
*/





/*	tags
	---
*/

body {
	margin: 0;
	padding: 0;
	background: #eee;
	font: 11px/1.65em verdana, arial, sans-serif;
	color: #333;
	border-top: 10px #eee solid;
	border-bottom: 10px #eee solid;		
}

hr {
	display: none;
}

div, p, h1, h2, h3, ul, li, dl, dt, dd, form, a, a:visited, a:hover {
	margin: 0;
	padding: 0;
}

ul, dl {
	margin: 0 0 25px 259px;
	font-size: 12px;
}

li {
	width: 410px;
	margin-top: 15px;
	padding-left: 20px;
	list-style-type: none;
	background: url("../images/ul_bullet.gif") top left no-repeat;
}

form {
	margin-top: 20px;
}

img {
	border: 0;
}

table {
	margin-bottom: 25px;
}



/*	common classes
	---
*/

.notext {
	line-height: 1%;
	font-size: 1%;
	text-indent: -5000px;
}

.nodisp {
	display: none;
}

.dotbtm {
	border-bottom: 1px #bbb solid; 
}

.sideimg {
	position: relative;
   margin: 20px 0 0 12px;
	width: 127px;
	height: 48px;
}

.sideimg img {
	margin-bottom: 8px;
}

.contentNarrow p {
	margin: 15px 0 0 345px;
	width: 354px;
	font-size: 12px;
}

.contentNarrow h2 {
	margin: 16px 0 10px 333px;
	width: 364px;
	height: 61px;
}

.contentWide p {
	margin: 15px 0 0 259px;
	width: 440px;
	font-size: 12px;
}

.contentWide h2 {
	margin: 16px 0 10px 247px;
	width: 450px;
	height: 33px;	
}



/* tabular data
   ---
*/

.resources table {
	margin-left: 256px;
	text-align: left;
	width: 440px;
	border: 0;
}

.resources table.long {
	margin-left: 42px;
	width: 654px;
}

.resources table thead th {
	font-size: 14px;
	padding: 6px;
}

.resources table tbody th {
	padding: 3px 6px;
	background: #666;
	color: #fff;
}

.resources table tbody td {
	padding: 3px 6px;
	background: #fec;
}

.contact table {
	margin-left: 248px;
	text-align: left;
	width: 458px;
	border-top: 1px #bbb dotted;
	border-bottom: 1px #bbb dotted;
	font-size: 12px;
	background: #fec;
}

.contact table tbody th {
	padding: 3px 10px;
	width: 210px;
	font-weight: normal;
}

.contact table tbody td {
	padding: 3px 10px;
	width: 190px;
}

.contact table tfoot th {
	padding: 26px 10px 3px 10px;
	font-weight: normal;
}

.contact table tfoot td {
	padding: 3px 10px;
}

.contact table span {
	font-weight: bold;
	color: #a00;
}


/*	container
	---
*/

#container {
	position: relative;
	margin: 0 auto;
	width: 739px;
	background: #fff url("../images/main_bg.gif") repeat-y;
}



/*	header
	---
*/

#header {
	position: relative;
	width: 100%;
	height: 95px;
	background: #eee url("../images/header_bg.gif") no-repeat;	
}

#header h1 {
	width: 100%;
	height: 100%;
	background: url("../images/header.jpg") no-repeat;
}



/*	navigation
	---
*/

#nav {
	position: relative;
	width: 100%;
	height: 36px;
	background: #f90 url("../images/nav.gif") repeat-y;
}

#nav span {
	display: block;
	float: left;
	margin-right: 11px;
	width: 2px;
	height: 36px;
	background: #f90 url("../images/nav_div.gif") no-repeat;
}

#nav p {
	margin-left: 35px;
}

#nav a, #nav a:visited {
	display: block;
	float: left;
	margin-right: 11px;
	padding: 6px 2px 0 2px;
	height: 21px;
	line-height: 1.65em;
	color: #fff;
	text-decoration: none;
	border-bottom: 4px #f90 solid;
}

#nav a:hover {
	color: #fea;
	text-decoration: none;
	border-bottom: 4px #fa3 solid;
}

#nav a#curNav, #nav a:visited#curNav, #nav a:hover#curNav  {
	color: #fff;
	border-bottom: 4px #fc6 solid;
}



/*	content
	---
*/

#content {
	position: relative;
	padding-bottom: 36px;
	width: 100%;
	background: #fff url("../images/main_bg.gif") repeat-y;
}

#content h2 {
	padding: 0 0 10px 10px;
}

#content a, #content a:visited {
	color: #555;
	border-bottom: 1px #555 solid;
	text-decoration: none;
}

#content a:hover {
	border-bottom: 0;
}



/*	content: dissimilar aspects
	---
*/

.company #content img, .products #content img {
	padding: 1px;
	margin: 1px;
	border: 1px #bbb solid;
	vertical-align: middle;
}

.products #content a, .products #content a:visited {
	font: bold 16px/2em arial, sans-serif;
	color: #bbb;
	border: 0;
	text-decoration: none;
}

.products #content a:hover {
	color: #666;
	border: 0;
}

.advant #content a, .advant #content a:visited, .resources #content a, .resources #content a:visited {
	padding-left: 20px;
	color: #458;
	text-decoration: underline;
	border: 0;
	background: url("../images/arrow_over.gif") left no-repeat;
}

.advant #content a:hover, .resources #content a:hover {
	padding-left: 20px;
	color: #458;
	border: 0;
	text-decoration: none;
	background: url("../images/arrow_on.gif") left no-repeat;
}

.home #content h2 { background: url("../images/index_text.gif") right no-repeat; }
.company #content h2 {	background: url("../images/company_info_text.gif") right no-repeat; }
.cProf #content h2 { background: url("../images/company_prof_text.gif") right no-repeat; }
.products #content h2 {	background: url("../images/products_main_text.gif") right no-repeat; }
.pLead #content h2 {	background: url("../images/products_01_text.gif") right no-repeat; }
.pMini #content h2 { background: url("../images/products_02_text.gif") right no-repeat; }
.pComp #content h2 { background: url("../images/products_03_text.gif") right no-repeat; }
.pElec #content h2 { background: url("../images/products_04_text.gif") right no-repeat; }
.pTele #content h2 { background: url("../images/products_05_text.gif") right no-repeat; }
.pLock #content h2 { background: url("../images/products_06_text.gif") right no-repeat; }
.advant #content h2 { background: url("../images/advant_main_text.gif") right no-repeat; }
.aZinc #content h2 { background: url("../images/advant_zinc_text.gif") right no-repeat; }
.resources #content h2 { background: url("../images/resources_ref_text.gif") right no-repeat; }
.rLinks #content h2 { background: url("../images/resources_links_text.gif") right no-repeat; }
.contact #content h2 { background: url("../images/contact_text.gif") right no-repeat; }

.advant dt {
	width: 410px;
	margin-top: 15px;
	font-weight: bold;
	padding-left: 20px;
	background: url("../images/ul_bullet.gif") top left no-repeat;
}

.advant dd {
	margin-top: 10px;
	width: 410px;
}

.contact dt {
	font-weight: bold;
}



/*	side
	---
*/

#side {
	position: absolute;
	top: 138px;
	left: 31px;
	width: 300px;
}

#side h3 {
	margin: 20px 0 0 7px;
	padding: 0 0 10px 10px;
	font-weight: normal;
}

#side #section {
	margin: 0 0 0 8px;
}

#side #section a, #side #section a:visited {
	display: block;
	padding: 5px 0 5px 11px;
	margin-left: -1px;
	color: #777;
	width: 171px;
	height: 24px;
	line-height: 2.15em;
	text-decoration: none;
	border-bottom: 1px #bbb solid; 
	background: url("../images/arrow.gif") right no-repeat;
}

#side #section a:hover {
	background: #fff url("../images/arrow_over.gif") right no-repeat;
	color: #444;
}

#side #section #curSec {
	background: #eee url("../images/arrow_on.gif") right no-repeat;
	color: #111;
}


/*	side: dissimilar aspects
	---
*/

.home #side #logos {
	position: relative;
	margin: -48px 0 0 20px;
	height: 107px;
	width: 241px;
	z-index: 1;
	background: url("../images/iso_nadca.gif") no-repeat;
}

.home #side #photo {
	padding-right: 6px;
	width: 267px;
	height: 290px;
}

.home #side #quote {
   position: relative;
   margin-left: 131px;
	width: 127px;
	height: 48px;
	z-index: 2;
}

.company #side, .products #side, .advant #side, .resources #side, .contact #side {
	left: 28px;
	width: 200px;
}

.company #side h3, .products #side h3, .advant #side h3, .resources #side h3, .contact #side h3 {
	margin-top: 25px;
	width: 172px;
	height: 17px;
	background: url("../images/its.gif") top left no-repeat;
}



/*	footer
	---
*/

#footer {
	position: relative;
	width: 100%;
	height: 53px;
	clear: both;
	background: #eee url("../images/footer.jpg") no-repeat;
}

#footer p {
	margin-left: 27px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	color: #fff;
	font-size: 11px;
}

#footer a, #footer a:visited {
	color: #ddd;
	text-decoration: none;
	border-bottom: 1px #ccc solid;
}

#footer a:hover {
	border-bottom: 0px;
}



/*	other
	---
*/

#line {
	margin-bottom: 1px;
	height: 8px;
	width: 100%;
	clear: both;
	background: #f90 url("../images/bot.gif") repeat-y;
}