/*
CSS Credit: http://www.actonmetal.com
*/



body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #dedede;
	background: url(blackoxide.bmp) repeat;
}

a:link, a:visited { color: #336aff; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #336aff; text-decoration: underline; font-weight: bold; }

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

p {	
	text-indent: 30px;
	margin: 0px;
	padding: 0px;
}


.lotsofstyles {
	font-family: "Courier New", Courier, mono;
	font-size: 120%;
	font-style: normal;
	line-height: 120%;
	font-weight: 700;
	text-decoration: underline;
	background-color: #FFFFCC;
	background-image:  url(../images/head.jpg);
	background-repeat: no-repeat;
	margin: 15px 8px 10px 12px;
	padding: 10px 15px 8px 100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #006666;
	border-bottom-color: #0033CC;
	border-left-color: #9900FF;
	color: #CC0000;
	height: 80px;

}

img {
	margin: 0px;
	padding: 0px;
	border: none;
	float: right;
}



.cleaner_w10 {
	float: left;
	width: 10px;
	height: 100%;
	font-size: 1px;	
}

.cleaner_h10 {
	clear: both;
	width: 100%;
	height: 10px;
	font-size: 1px;	
}

.cleaner_h20 {
	clear: both;
	width: 100%;
	height: 20px;
	font-size: 1px;	
}

.cleaner_h30 {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_h40 {
	clear: both;
	width: 100%;
	height: 40px;
	font-size: 1px;	
}

.cleaner_w50 {
	float: left;
	width: 50px;
	height: 1px;
	font-size: 1px;	
}

.horizontal_divider_01 {
	clear: both;
	width: 100%;
	height: 2px;
	font-size: 1px;	
	background: url(actonmetal_horizontal_divider.jpg) repeat-x;
}

.rc_btn_01 a {
	float: left;
	clear: both;
	display: block;
	width: 100px;
	height: 22px;
	padding: 4px 0 0 10px;
	background: url(actonmetal_button_01.jpg) no-repeat;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.rc_btn_01 a:hover {
	color: #ffffff;
}

#actonmetal_container {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px 10px 30px;
} 

#actonmetal_header {
	width: 900px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	background: url(actonmetal.bmp) top center no-repeat;
}

#actonmetal_header #website_title {
	width: 900px;
	padding: 100px 0 0 0;
	text-align: center;
}

#website_title #title {
	font-size: 50px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 15px;
}

#website_title #salgon {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color:#cccccc;
}

/* banner */
#actonmetal_menu{
	float: left;
	width: 900px;
	height: 62px;
	background: url(actonmenutopb.JPG) no-repeat;
}

#actonmetal_menu ul {
	width: 600px;
	margin: 15px 0 0 160px;
	padding: 0px;
	list-style: none;
}

#actonmetal_menu ul li{
	display: inline;
}

#actonmetal_menu ul li a{
	float: left;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(actonmetal_horizontal_divider.jpg) top right repeat-y;
	color: #ffffff;
	outline: none;
}

#actonmetal_menu li a:hover, #actonmetal_menu li .current{
	color: #edad0f;
}



/* end of menu*/
/* end of banner */

/* content */

#actonmetal_content_wrapper {
	clear: both;
	width: 900px;
	margin:0 auto;
	background: url(actonmetal_content_repeat.jpg) repeat-y;	
}

#actonmetal_content {
	padding: 50px 100px 0 100px;
	background: url(actonmetal_content_top.jpg) top center no-repeat;
}

#actonmetal_content img{
	float: left;
	margin: 3px 15px 5px 0;
	border: 5px solid #10100f;
}

#actonmetal_content2 img{
	float: right;
	margin: 3px 15px 5px 0;
	border: 5px solid #10100f;
}

#actonmetal_content p{
	text-align: justify;
	margin-bottom: 20px;
}

#actonmetal_content .content_title_01{
	color: #edad0f;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

#actonmetal_content .content_title_02{
	color: #edad0f;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

#actonmetal_content .content_title_03{
	color: #edad0f;
	font-size: 18px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	text-align: center;
}


#actonmetal_content .column_02 {
	float: left;
	width: 325px;
}

#actonmetal_content .news_section {
	padding-left: 30px;
	background:url(actonmetal_icon_01.jpg) top left no-repeat;
}

#actonmetal_content  .column_02 p{
	margin-bottom: 0px;
}

#actonmetal_content .column_02 ul {
	margin: 0 0 0 0;
	padding: 0px;
}

#actonmetal_content .column_02 li {
	padding: 0 0 0 0;
}

#actonmetal_content .news_title {
	font-weight: bold;
	color: #ffffff;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}


#nav-menu li a
{
background: url(background2.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
width: 14em;
display: block;
border: 0.1em solid #dedede;
color: #000000;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
background: url(background2.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
width: 14em;
display: block;
border: 0.1em solid #dedede;
color: #000000;
text-decoration: underline;
text-align: center;
}

#nav-menu li
{
margin: 0.15em 0;
} 


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:18em
} 


.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

#servicesmenu{
border: 2px solid white;
width: 250px;
background: #fff url(background2.gif) top left repeat-x; background: #fff url (background2.gif) bottom left repeat-y;
}



#servicesmenu a{
padding: 0px;
padding-bottom: 0px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-top: 1px solid white;
border-bottom: 1px solid white;
height: 1.5em;
line-height: 1.5em;
margin: 0 0 0 0;
}

#servicesmenu a{ /*Non IE rule*/
width: auto;
}

#servicesmenu a:hover{
background: #fff url(background4.gif) top left repeat;

color: #edad0f;
}


#servicesmenu .current{
background-color: black;
color: #edad0f;
}





#servicesmenu2{
border: 2px solid black;
width: 250px;
background-color: #E6E6E6;
}



#servicesmenu2 a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 2px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#servicesmenu2 a{ /*Non IE rule*/
width: auto;
}

#servicesmenu2 a:hover{
background-color: black;
color: #edad0f;
}


#servicesmenu2 .current{
background-color: black;
color: #edad0f;
}








#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}



#nav2-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav2-menu li
{
float: left;
margin: 0 0.15em;
}

#nav2-menu li a{
background: url(background2.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9.5em;
display: block;
border: 0.1em solid #ffffff;
color: black;
text-decoration: none;
text-align: center;
}


#nav2-menu li a:hover{
background: url(background4.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9.5em;
display: block;
border: 0.1em solid #ffffff;
color: #edad0f;
text-decoration: none;
text-align: center;
}


}

/* Hide from IE5-Mac \*/
#nav2-menu li a
{
float: none
}
/* End hide */

#nav2-menu
{
width:60em
} 

#nav2-menu li .current{
background: url(background4.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9.5em;
display: block;
border: 0.1em solid #ffffff;
font-weight: bold;
color: #edad0f;
text-decoration: none;
text-align: center;
}


.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

#nav3-menu ul
{
list-style: none;
padding: .15em;
margin: 0;
}

#nav3-menu li
{

margin: 0 0 .30em 0;
}

#nav3-menu li a
{
background: url(background2.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;

width: 18em;
display: block;
border: 0.1em solid #ffffff;
color: black;
text-decoration: none;
text-align: center;
}


#nav3-menu li a:hover{
background: url(background4.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
width: 18em;
display: block;
border: 0.1em solid #ffffff;
color: #edad0f;
text-decoration: none;
text-align: center;
}


}

/* Hide from IE5-Mac \*/
#nav3-menu li a
{
float: none
}
/* End hide */

#nav3-menu
{
width:20em
} 

#nav3-menu li .current{
background: url(background4.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
width: 18em;
display: block;
border: 0.1em solid #ffffff;
font-weight: bold;
color: #edad0f;
text-decoration: none;
text-align: center;
}




.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}


/* box */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really needed. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }




/* footer */
#actonmetal_footer {
	clear: both;
	width: 900px;
	height: 35px;
	padding-top: 55px; 
	color: #eca90e;
	text-align: center;	
	background: url(actonmetal_footer.jpg) no-repeat;
}

#actonmetal_footer a{
	color: #eca90e;
	font-weight: bold;
}
/* end of footer */