@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto;
	text-align:center;
	background-color: #b3aeba;
	padding-top: 5px;
}

h1 {
font: bolder 15px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
letter-spacing: 1px;
margin: 0;
padding: 10px 2px 3px 2px;
}

.topper h1{
	font: bolder 36px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
	width:570px;
	height:100px;
	color:#2d4c52;
	margin: 0;
	padding: 0;
}

h1 a{
color:#999999;
text-decoration:none;
}

h2 {
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
margin: 0;
padding: 5px 2px 0px 2px;
}

h3 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#999999;
margin: 0;
padding: 5px 5px 0px 5px;
}


ul {
padding-top: 5px;
margin-top: 0px;
}

img {
border: 0;
}

.rightWow {
float:right;
}

.footer {
width: 894px;
margin: 0px auto;
border-top: solid 4px #7676b5;
text-align:center;
padding: 5px 3px;
text-align:right;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
background-color:#FFFFFF;
}

.masthead {
	text-align:left;
	background-image:url(img/vsm_header.jpg);
	width: 900px;
	height: 73px;
}
.mastTop {
position:absolute;
}
.copy {
width: auto;
color:#000000;
text-align:left; 
font:12px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;;
line-height: 1;
padding: 0px 0px 0px 20px;
} 

.maincopy {
	width: 570px;
	color:#000000;
	text-align:left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	margin-left: 10px;
	margin-right: 10px;
} 
.maincopy ul{
	list-style:inside;
	margin: 0px 0px 0px 0px;
}

.callout{
	width: 210px;
	padding: 10px;
	margin: 5px 10px 5px 5px;
	float:right;
	background:#CCCCCC;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	line-height:1.25;
	color:#000000;
}
.callout img{
border: solid 1px #ffffff;
margin-bottom: 5px;
}

.leftnav {
	text-align:left;
	margin: 0px 0px 1px 10px;
	width: 157px;
	background: #7676b6;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	background-image: url(img/left_gradient.jpg);
	height: 100%;
	/*display:table;*/
	margin-left: 5px;
}
.leftnav ul{
list-style:none;
padding: 0px 5px;
margin: 0px;
line-height: 1.25;
}
.leftnav li a, .leftnav li a:visited{
color:#4c4c8a;
padding: 0px;
text-decoration: none;
}
.leftnav li a:hover {
text-decoration: underline;
}

.rightnav {
	text-align:left;
	margin: 8px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	width: 143px;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	border: solid 1px #333333;
}
.rightnav h4{
text-align:left;
margin: 0px 0px 5px 0px;
padding: 3px 5px 3px 5px;
width: 133px;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background: #333333;
}
.rightnav ul{
list-style:none;
padding: 0px 5px 5px 5px;
margin: 0px;
line-height: 1.25;
}

.rightnav li {
margin-bottom: 6px;
}

.rightnav li a, .rightnav li a:visited{
color:#4c4c8a;
padding: 0px;
margin: 0px;
text-decoration: none;
}
.rightnav li a:hover {
text-decoration: underline;
}

.test {
background: url(img/quiz_bg.gif) no-repeat;
} 

.maincontainer {
width: 866px;
color:#666666;
text-align:left; 
font:13px Arial, Helvetica, sans-serif;
line-height:1.5;
margin: 0px auto;
margin-top:10px;
padding:0px;
/*background-color:#FFFFFF;*/
} 

.maincolumn {
width: 295px;
border: 1px solid #a1adda;
border-top: 10px solid #a1adda;
margin: 7px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}


.maincolumn2 {
width: 620px;
border: 1px solid #a1adda;
border-top: 10px solid #a1adda;
margin: 7px 0px 10px 7px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}

.maincolumn3 {
width: 850px;
text-align:center !important;
border: 1px solid #a1adda;
border-top: 10px solid #a1adda;
margin: 7px 7px 10px 7px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}

.portfolio_thumb {
width: 200px;
margin: 0px;
text-align:center;
padding: 5px;
float:left;
}

.maincolumn2header {
width: 620px;
border: 1px solid #a1adda;
margin: 0px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#a1adda;
}

.maincolumn2header h1{
color:#FFFFFF;
font-size: 14px;
margin: 0px;
padding: 5px;
}

.featuredcolumn {
width: 400px;
margin: 70px 7px;
padding: 7px;
text-align:center;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}

.featuredcolumn a{
color:#666666;
text-decoration:none;
}

.featuredcolumnleft {
width: 314px;
margin: 20px 7px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}

.featuredcolumnright {
width: 475px;
margin: 20px 7px;
padding: 7px;
float:left;
/*height:300px;*/
background-color:#FFFFFF;
}

.sidepanel {
width: 186px;
border: 1px solid #564c66;
margin: 0px;
/*line-height:2;*/
padding: 7px;
float:right;
}
.sideheader {
text-align:center;
width: 196px;
background-color:#564c66;
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#FFFFFF;
margin: 10px 0px 0px 0px;
padding: 3px;
float:right;
}

.hhlist ul{
padding:0;
margin:0px 0px 0px 20px;
}

.hhlist li{
list-style-image: url(img/hard_hat_bullet.png);
display:list-item;
} 
} 


/*new menu code*/
.list-menu {
width: 202px;
/*margin-right: 10px;*/
this width value is also effected by
the padding we will later set on the links. */
}

.list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
text-align: left;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
} 
.list-menu li {
margin: 2px 0px 2px 0px;
color: #ffffff;
} 
.list-menu a {
display: block;
width:195px;
padding: 4px 0px 4px 5px;
border: 1px solid #000000;
background: url(img/nav_bg_off.jpg) center center repeat-x;
text-decoration: none; 
} 
.list-menu a:link, .list-menu a:active, .list-menu a:visited {
color: #ffffff;
background-color: #bd0505;
}
.list-menu a:hover {
border: 1px solid #000000;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
color: #ffffff;
}
.Hider {
 display: none;
}
/*highlight the current link*/ 
body#home li a#menu-home { 
margin: 0px;
padding: 4px 0px 4px 5px;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
}
body#metal li a#menu-metal {
margin: 0px;
padding: 4px 0px 4px 5px;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
}
body#plastic li a#menu-plastic {
margin: 0px;
padding: 4px 0px 4px 5px;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
}
body#custom li a#menu-custom {
margin: 0px;
padding: 4px 0px 4px 5px;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
}
body#contact li a#menu-contact {
margin: 0px;
padding: 4px 0px 4px 5px;
background: url(img/nav_bg_on2.jpg) center center repeat-x;
}
/*end new menu code*/