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

body {
background:#fff url(/images/bogy-bg.gif) repeat-x top left;
font:12pt Arial, Helvetica, sans-serif;
color:#636466; margin:0 auto;
}

p{ font:12px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:20px;
}

a{
color:#333; text-decoration:none;
}

a:hover{
color:#666; text-decoration:underline;
}

th , td{
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;
}

ul li{
	font:12px Arial, Helvetica, sans-serif;
}

#wrapper{
width:100%;
padding:0;
margin:0 auto;
}
#site_area{
width:962px;
margin:0 auto; padding:0 0 15px 0;
}

#header{
width:962px;
height:119px;
margin:0 auto; clear:both;
}

#logo{
width:149px;
height:90px;
padding:15px 0 0 3px;
float:left;
}

#top-right-section{
float:right;
height:119px
}


#top-right-link{
float:right;
color:#dcdcdc;
width:145px; font:bold 10pt Arial, Helvetica, sans-serif;
height:21px; background:#b6b7b8; line-height:21px;
}

#top-right-link a{
text-decoration:none;
color:#dcdcdc;
padding:0 15px 0 15px;
}

#top-right-link a:hover{
text-decoration:underline; color:#000;
}


#main-nav-area {
height:19px;
width:651px;
padding:68px 0 0px 0;
margin:0 0 0px 0;
float:right; line-height:19px;
}

#main-nav-area ul{
padding:0px 0 0 0;
margin:0 0 0 0;
text-align:right;
}

#main-nav-area ul li{
padding:0px 22px;
margin:0 0 0 0;
display:inline; 
font:bold 10pt Arial, Helvetica, sans-serif;
color:#666666; background:url(/images/menu-divider.gif) no-repeat right;
}

#main-nav-area ul li a{
text-decoration:none;
color:#666666;
font-size:14px;
}

#main-nav-area ul li a:hover{
color:#e30707;
text-decoration:none;
}

#main-nav-area ul li.last{
text-decoration:none;
color:#666666; background:none; padding-right:0;
}

#main-nav-area ul li a.active{
color:#e30707;
text-decoration:none;
}

#home #homnav a, #comp #comnav a, #serv #sernav a, #cont #connav a, #mach #macnav a, #mach2 #macnav a, #mach3 #macnav a, #mach4 #macnav a{
	color:#e30707;
	text-decoration:none;
}

#banner{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;#
width:960px;
height:192px;
background:url(/images/banner.gif) no-repeat left top;
}

#home #banner{
height:290px;
}

#comp #banner{background:url(/images/banner-company.jpg) no-repeat left top;}
#serv #banner{background:url(/images/banner-service.jpg) no-repeat left top;}
#cont #banner{background:url(/images/banner-contact.jpg) no-repeat left top;}
#mach #banner{background:url(/images/banner-mac-cnc.jpg) no-repeat left top;}
#mach2 #banner{background:url(/images/banner-mac-sawing.jpg) no-repeat left top;}
#mach3 #banner{background:url(/images/banner-mac-drill.jpg) no-repeat left top;}
#mach4 #banner, #ourm #banner{background:url(/images/banner-mac-press.jpg) no-repeat left top;}


#banner .banner-content{
padding:242px 0px 0px 0px;
float:right;width:100%;
}

.trans-shadow{
padding:0px 10px 0px 10px;
background:url(/images/banner-stripe.png) no-repeat right;
font:bold 20px Arial, Helvetica, sans-serif; font-style:italic;
color:#ffffff;
float:right; width:940px; 
clear:both; text-align:right;line-height:52px;
}


#main-container {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;
width:960px;
margin:0 auto; padding:15px 0;
}

#main-container .center-bg{
background:url(/images/border-center-2column.gif) repeat-y top left; width:926px; padding:0 17px;
}



#home #main-container .center-bg,#ourm #main-container .center-bg{
	background:url(/images/border-center-img.gif) repeat-y top left;
}

#left-container {
width:200px;
padding:0;
margin:0 auto;
height:auto;
float:left;
}

.headings {
width:auto; background:url(/images/round-img.gif) no-repeat left;
padding:0 0 0 17px;
font:bold 14px Arial, Helvetica, sans-serif ;
color:#333333; line-height:24px;
}


#left-container .link-section{
background:url(/images/shadow-left.gif) no-repeat bottom;
padding:15px 0 22px 0;
}


#left-container .link-section .img-area{
float:left; width:50px; border:none;
}

#left-container .link-section .content-area{
font:10pt Arial, Helvetica, sans-serif ;
color:#333333; float:left;
}



#middle-container {
width:705px;
padding:0px 0px 0px 20px;
border-left:1px solid #cccccc;

float:left;
}

#home #middle-container, #cont #middle-container, #ourm #middle-container{
	width:447px;
	border-right:1px solid #cccccc;
	padding:0px 20px;
}

#middle-container  h1 {
width:auto;
padding:0 0 0 px;
font:23px "Georgia" ;
color:#e30707;
}

#middle-container  p {
width:auto;
padding:5px 0px;
font:12px Arial, Helvetica, sans-serif ;
color:#333333; line-height:20px;
}


#right-container {
width:219px;
padding:0 0 0 18px;
margin:0 auto;
height:auto;
float:right;
}

#right-container .grey-box{
width:217px; margin:0 0 10px 0;
padding:10px 0px;
border:1px solid #cdcdcd;
height:auto; text-align:center;
background:#f9f9f8 url(/images/grey-box-bg.gif) repeat-x bottom left;
}

#right-container .grey-box .content{
text-align:center;
font:bold 14px Arial, Helvetica, sans-serif;
color:#666666; line-height:28px;
}

#right-container .grey-box .content span{
color:#e30707; font-size:16px;
}


#right-container .video-area{
width:219px; margin:0 0 10px 0;
}

#right-container .video-area .title{
width:209px; margin:0 0 10px 0; height:15px; padding:5px 5px; line-height:15px;
background:#666666; border-top:4px solid #fff; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; 
}


#right-container .borderd-box{
width:217px; margin:0 0 0px 0;
padding:10px 0px;
border:1px solid #cdcdcd;
height:auto; text-align:center;
}


/*Start FOOTER-AREA-OUTER*/
#footer-area {
width:100%;
padding:0 0 0px 0;
margin:0 auto; height:199px;
background:url(/images/footer-bg.gif) repeat-x top;
}

#footer{
width:962px;
padding:10px 0 0px 0;
margin:0 auto;
color:#fff;
}


/*Start bottom Navigation */

#footer .links-container{
float: left;
font: 11px Arial, Helvetica, sans-serif;
margin: 0 10px 0 0px;
padding: 0px 0 0 5px;
word-spacing: 2px;
width: 225px;
}

#footer .title {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0;
	margin:0px 0 0px 0;
	}


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

#footer li {
	display: block;
	list-style: none;
	
	font:11px Arial, Helvetica, sans-serif; line-height:16px;
}


#footer li a{
color: #cccccc;
text-decoration:none;
} 

#footer li a:hover{
color: #ffffff; text-decoration:underline;
}

#footer p {
color:#cccccc;
	padding: 2px 0 10px 0px;
	font:11px Arial, Helvetica, sans-serif;
}


/*End bottom Navigation */


#copyright-area {
width:962px;
padding:20px 0 5px 0;
margin:0 auto; text-align:center;
height:auto;
color:#cccccc;
font:11px Arial, Helvetica, sans-serif;
}
/*END FOOTER-AREA-OUTER*/

.full_width_column{
	width:660px;
}
.full_width_column th{
	width:234px;
	text-align:left;
	font-weight:bold;
}
.full_width_column td{
	text-align:left;
}
.gray_border{
	border:solid 1px #CCC;
}
.margin_lr{
	margin:0 4px;
}
.circle_list{
	margin:10px 0px;
	list-style:circle inside;
}
.circle_list li{
	color:#333;
}
.mail_link{color:#333; text-decoration:underline;}
a.mail_link:hover{color:#666;}
#contactForm{ margin:15px 0 0 0;}
#form {
	width:410px;
	margin:5px;
}
#form th {
	font-size:12px;
	text-align:left;
	width:100px;
	padding:2px;
}
#form td {
	padding:2px;
}
#form input, textarea {
	width:250px;
}
#form #submit_bt {
	width:80px;
}
.pad_p p{ padding:0 0 10px 0;}

#subPage{ background:none;}
.pop_page{ width:680px; padding:20px;}

.row_gray{ background:#f3f3f3;
}
.row_gray :hover{color:#e30707; text-decoration:none;}
.photo_icon{ width:50px; padding:15px 0 10px 10px; float:left;
}
.padding_5{padding:5px;}
.tb_border_pad{border:solid 1px #ccc;}
.tb_border_pad td, .tb_border_pad th {padding:5px; text-align:center;}
.tb_border_pad td{border-bottom:solid 1px #ccc;}
.tb_border_pad th{background:#ccc;}
:hover.white_link {color:#FFF;}
.thumb_link{ text-align:center; margin:10px 0 0 0; width:200px; background:#ccc;}
#backBT {width:80px; color:#666; font:bold 18px "Georgia" ; float:right;}