body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#666;
	background:#666 url('Background_10x1024_666 x d1d1d1.jpg') repeat-x;
}


body#home a#homenav,
body#company a#companynav,
body#metalfab a#metalfabnav,
body#stamping a#stampingnav,
body#contactus a#contactusnav {
	background: #d1d1d1 url('NavbarHover_v3_5x23_d1d1d1 x 4f81bc .jpg') repeat-x;
	float: left;
	width: 160px;
	height: 23px;
	font-size: 12px;
	color: #d1d1d1;
	text-align: center;
	line-height: 22px;
	padding-right: 0px;
	font-weight: bold;
}

/* Consistant navigation link attributes */
a {font-size:12px;text-decoration:none;text-align:center; color:#d1d1d1; padding-left:0px; padding-right:0px;}

/* individual state attributes of navigation links (mouseover, mouseout, etc...) */
a:link,
a:active,
a:visited	{ 
	color:#d1d1d1; 
	}
.links a:link,
.links a:active,
.links a:visited{
	float: left;
	width: 160px;
	height: 23px;
	font-size: 12px;
	color: #d1d1d1;
	text-align: center;
	line-height: 22px;
	padding-right: 0px;
}

.links a:hover	{
	background: #d1d1d1 url('NavbarHover_v3_5x23_d1d1d1 x 4f81bc .jpg') repeat-x;
	color: #d1d1d1;
	text-decoration: underline;
	font-weight: bold;
}

.linksleftnav a:link,
.linksleftnav a:active,
.linksleftnav a:visited{
	float: left;
	width: 160px;
	height: 23px;
	font-size: 12px;
	color: #2a3f7e;
	text-align: center;
	line-height: 22px;
	padding-right: 0px;
}

.linksleftnav a:hover	{
	background: #d1d1d1 url('NavbarHover_v3_5x23_d1d1d1 x 4f81bc .jpg') repeat-x;
	color: #d1d1d1;
	text-decoration: underline;
	font-weight: bold;
}


h2 {
	margin-bottom: 20px;
	font-size:20px;
}

/* Defualt ALL images to NO BORDER. This saves from repeating the code of border="0" on every image that is linked */
img {
	border:0px;
}

/* Fix IE bug that leaves a space where form tags fall */
form {
	display:inline;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
}

/* Main outter (invisible) container that keeps the layout centered and slightly lowered from the top of the browser */
#maincontainer {
	text-align: left;
	margin: 20px auto 10px auto;
	padding: 0px;
	border: 0;
	width: 800px;
	background: #FFFFFF;
	height:auto;
}

/* Area across the top of the site that contains the logo */
#masthead {
	text-align:left;
	background:url(/images/headerbg01.jpg) no-repeat;
	width:800px;
	height:157px;
}

/* Container inside the masthead that houses the company logo */
#logo {
	width: 800px;
	height: 157px;
}

/* AOC Title in Masthead */
#titletest {
	float: left;
	width: 200px;
	height: 100px;
	font-size: 15px;
	color: #2a3f7e;
	text-align: center;
	line-height: 22px;
	padding-right: 0px;
}


/* Blue bar just under the masthead and logo that houses the main site navigation */
#navcontainer {
	width:800px;
	height:23px;
	background:#2a3f7e url('masthead.jpg');
}

/* Gray bar just under the Navcontainer */
#subnavdivider {
	width:800px;
	height:5px;
	background:#666;
}


/* Normal text style for anything that is NOT a link within the navigation (seperators/dividers) */
#nav {
	float: left;
	width: 160px;
	height: 23px;
	font-size: 15px;
	color: #d1d1d1;
	text-align: center;
	line-height: 22px;
	padding-right: 0px;
}


/* Consistant navigation link attributes */
#nav a {font-size:12px;text-decoration:none;text-align:center; color:#d1d1d1; padding-left:0px; padding-right:0px;}

/* individual state attributes of navigation links (mouseover, mouseout, etc...) */
#nav a:link		{
	color: #d1d1d1;
}
#nav a:active	{ color:#d1d1d1; }
#nav a:visited	{ color:#d1d1d1; }
#nav a:hover	{
	color: #9295b2;
	text-decoration: underline;
}

/* Fonts */
.times { font-family:"Times New Roman", Times, serif; }
.arial { font-family: Arial, Helvetica, sans-serif; }

/* site links */
a:link		{
	color: #29407d;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-align: center;
}
a:active	{ color:#29407d; text-decoration:none; }
a:visited	{ color:#29407d; text-decoration:none; }
a:hover		{ color:#29407d; text-decoration:underline; }


/* Dotted border under page titles */
#pagetitleborder {
	border-top:1px dotted #cccccc;
	padding-bottom:15px;
}

/*Slideshow*/

.slideshow {
	position: relative;
	height: 326px;
	width: 800px;
}

.slideshowtext {
	margin:0px 100px 0px 100px;
	height: 70px;
	width: 600px;
	text-align: center;
}


/* Colors of text used throughout the site*/
.orange { color:#c17702; }	/* orange text color */
.lgray	{ color:#ececec; }	/* light gray text color */
.dgray	{ color:#757575; }	/* darker gray text color */
.white	{ color:#ffffff; }	/* white text */
.black	{ color:#000000; }	/* black text */
.yellow { color:#e3d96e; }	/* yellow text */
.dblue  { color:#29407d; }	/* dark blue */

/* font sizes used throughout the site */
.ltext	{ font-size:14px; }	/* Larger text */
.mltext { font-size:13px; }		/* medium/large text */
.mtext	{ font-size: 12px; }	/* Medium sized text */
.ntext 	{ font-size: 10px; }	/* Normal text (should always match the font size set in the html, body style set at the beginning of this document) */
.stext	{ font-size: 9px; }	/* smaller sized text */


/* Area holding left hand nav panel and the right hand main content*/
#panelandcontactcontainer {
	background-color:#ffffff;
	height:auto;
	width:800px;
}
/* Area under the nav and above the footer section on the home page */
#homecontentcontainer {
	background:#E6E6E6;
	height:auto;
}

/* Left side content box on the all pages except for home page */
#leftnavpanelcompany {
	float: left;
	background: #ffffff url('ColumnBackground_10x160_d1d1d1 x ffffff.jpg') repeat-x;
	width: 160px;
	height: 250px;
	color: #2a3f7e;
}

/* Right side content box on the home page */
#homecontentright { 
	float: left;
	width: 390px;
	height:326px;
	background:#ffffff;
	background:#fff url(/images/homeborders.gif) repeat-x;
}

/* Area below the content area of the home page with transparent, gradient background */
#homebottomcontent {
	clear:both;
	background:white no-repeat;
	height:auto;
}
.columnhome {
	padding: 0px;
	min-height: 100px;
	height: auto !important;
	height: 160px;
	background: url('ColumnBackground_10x160_d1d1d1 x ffffff.jpg') repeat-x;
	float: left;
	margin: 0px 53px 13px 53px;
	width: 293px;
}
.columnhome h2 {
	font-weight: lighter;
	text-transform: uppercase;
	color: #d1d1d1;
	background-color: #2a3f7e;
	font-size: 15px;
	width: 267px;
	padding: 5px 11px 5px 15px;
	margin-bottom: 10px;
}
.columnhome p {
	margin: 0px 15px 10px 15px;
	font-size: 13px;
	color: #2a3f7e;
	line-height: 1.4em;
}
.columnhome .float_left two-col
.columnhome ul {
	margin-bottom: 10px;
}
.columnhome li {
	font-size: 13px;
	list-style-type: disc;
	font-weight: bolder;
	margin: 0px 0px 3px 30px;
}
li.specialize {
	font-size: 10px;
	font-weight: normal;
}
input, textarea {
	border:1px solid #BFBFBF;
	color:#666666;
	font-size:13px;
	padding:3px;
}

input:focus, textarea:focus {
	background-color: #EFEFEF;
	color: #333333;
}


/* From left to right, the 4 boxes in the bottom seciton of the home page */
#homebottombox1 { float:left; width:25px; padding-top:25px; padding-right:11px; height:135px; background:url(/images/bluesep.gif) no-repeat top right; clear:both; text-align:center; font-size:12px; }
#homebottombox2 { float:left; width:280px; padding-top:25px; padding-left:10px; padding-right:10px;}
#homebottombox2.1 {float:left; width:260px; height: 25px; background:#d1d1d1}
#homebottombox2.2 {float:left; width:260px; background: fuchsia}
#homebottombox3 { float:left; width:75px;  padding-top:25px; padding-right:11px; height:135px; background:url(/images/bluesep.gif) no-repeat top right; text-align:center; font-size:12px;}
#homebottombox4 { float:left; width:270px; padding-top:10px; padding-left:13px;}



/* very bottom 800 x 8 pixels of the home page with rounded corners */
#homebottomcontentbase {
	clear: both;
	height:8px;
	background: url(/images/footerbase01.gif) no-repeat;
}


/* 2 toned gray border across the top of the main content area on sub pages */
#maincontentcontainer {
	background: #fff url(/images/grayborders.gif) repeat-x top left;
}
/* The large right side content area of sub pages */
#maincontent {
	background: white;
	width: 640px;
	height:auto;
	float:right;
}
.column {
	padding: 0px;
	min-height: 100px;
	height: auto !important;
	background: #f1f0f0 url('ColumnBackground_10x160_d1d1d1 x f10f0.jpg') repeat-x;
	float: left;
	margin: 23px 53px 23px 53px;
	width: 534px;
}
.column h2 {
	font-weight: lighter;
	text-transform: uppercase;
	color: #d1d1d1;
	background-color: #2a3f7e;
	font-size: 15px;
	width: 267px;
	padding: 5px 11px 5px 15px;
	margin-bottom: 10px;
}
.column p {
	margin: 0px 15px 10px 15px;
	font-size: 13px;
	color: #2a3f7e;
	line-height: 1.4em;
	}
.column p.style3 {
	margin: 0px 15px 0px 15px;
	font-size: 13px;
	color: #2a3f7e;
	line-height: 1.4em;
	}

.column ul {
	margin-bottom: 10px;
}
.column li {
	font-size: 13px;
	list-style-type: disc;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
	color: #2a3f7e;
	line-height: 1.4em
}


/* settings for the panel that runs down the right side of sub pages */
#rightsidepanel {
	width:201px;
	padding:0px;
}

/* 2 toned gray strip just above the blue footer on sub pages */
#footergraystrip {
	clear:both;
	background: #fff url(/images/grayborders.gif) repeat-x;
	height: 14px;
}

/* Bottom box with contact information */

#contactbar {
	width: 800px;
	height: 50px;
	color: #fff;
	background:#2a3f7e no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/* nav bar for info within contactbar */
#contactnav {float:left; width:800px; height: 23px;font-size:15px; color:#d1d1d1; text-align: center; line-height:22px; padding-top:5px ;padding-right:0px;}

/* Consistant navigation link attributes for contact info within contactbar */
#contactnav a {font-size:12px;text-decoration:none;text-align:center; color:#d1d1d1; padding-left:0px; padding-right:0px;}