/* CSS Document Metaltech post meeting 09.08.07 */

/*     h1 h2 p etc found at the bottom          */


body {
	background: #E9E9E9;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 auto;   /* align for good browsers */
text-align: center; 	
	}
	

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

a:hover
{
text-decoration: none;
background-color: #white;
color: #000000;
}

	
.index #wrapper {
	width: 900px;
	margin: auto;
	border-top: 1px solid #7686A8;
	border-left: 1px solid #7686A8;
	border-right: 1px solid #7686A8;
	background: #FFF url(images/home2_bg.jpg) no-repeat right top;text-align:left;
}
#tabletext {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}
#wrapper {
	width: 900px;
	margin: auto;
	border-top: 1px solid #7686A8;
	border-left: 1px solid #7686A8;
	border-right: 1px solid #7686A8;
	background-color: #FFF;
	
}
#galleryWrapper {
	width: 900px;
	border: 1px solid #7686A8;
	background-color: #FFF;
	text-align:left;
	margin: 0 auto;   /* align for good browsers */
}
.cncMacTurn #wrapper {
	background: #FFFFFF url(images/cnc_machining_turning2.jpg) no-repeat right bottom;text-align:left;
}
.cncMacFixed #wrapper {
	background: #FFFFFF url(images/turning_fixed_bg.jpg) no-repeat right bottom;text-align:left;
}
.cncMacMilling #wrapper {
	background: #FFFFFF url(images/cnc_milling_bg.jpg) no-repeat right bottom;text-align:left;
}
.cncMacMultiAxis #wrapper {
	background: #FFFFFF url(images/cnc_machining_multi_axis.jpg) no-repeat right bottom;text-align:left;
}
.manMac #wrapper {
	background: #FFFFFF url(images/manual-machining_bg.jpg) no-repeat right bottom;text-align:left;
}
.fabrication #wrapper {
	background: #FFFFFF url(images/fabrication_bg.jpg) no-repeat 147px bottom;text-align:left;
}
.assembly #wrapper {
	background: #FFFFFF url(images/assembly_bg.jpg) no-repeat right bottom;text-align:left;
}
.inspection #wrapper {
	background: #FFFFFF url(images/inspection.jpg) no-repeat right bottom;text-align:left;
}
.about #wrapper {
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 180px;
	text-align:left;
}
.quality #wrapper {
	background: #FFFFFF url(images/inspection.jpg) no-repeat right bottom;text-align:left;
}
.jobs #wrapper {
	background-image: url(images/staff-worker.jpg);
	background-repeat: no-repeat;
	background-position: right 450px;text-align:left;
}
.news #wrapper, .meet #wrapper, .testimonials #wrapper, .requestQuote #wrapper {
	background: #FFFFFF url(images/news_bg.gif) no-repeat right bottom;text-align:left;
}

	
/**********************************************************************  topNav + Foot  ********************/
	
.nav {
	height: 22px;
	width: 725px;
	padding-left: 175px;
	padding-top: 6px;
	background-image: url(images/nav-gradient-bg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 11px;
	margin:0 auto;


}

.nav a  {
	color: #FFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}

.nav a:hover { color: #3C4356;}

.footer {
	clear: both;
	font-size: 9px;
}
.gallery_footer{
	height: 22px;
	width: 900px;
	padding-top: 6px;
	background-image: url(../../images/nav-gradient-bg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	margin:0 auto;
	clear: both;
	font-size: 9px;
	text-align:center;
}

.gallery_footer a  {
	color: #FFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}

.gallery_footer a:hover { color: #3C4356;}
/*****************************************************************   leftNav  **********************/

.menu {
	height: 600px;
	float: left;
	text-align: right;
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #7686A8;
	border-bottom-color: #7686A8;
	background-color: #D8DBFE;
	background-image: url(images/nqaiso9001-cropped.gif);
	background-repeat: no-repeat;
	background-position: 5px 500px;
}
#lowerBox {
	float: left;
	width: 430px;
	background-color: #FFCC66;
	border: 1px solid #7686A8;
	height: 105px;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
}

	
#leftNav a:hover { color: #F60;}

/************************************************************     list menu     ******************************/

.menu ul {
	padding: 0;
	margin: 0;
	position: relative;
	list-style-type: none;}

/* get rid of the table */
.menu table {
	position: absolute;
	border-collapse: collapse; 
	top: 0; 
	left: 0; 
	z-index: 100;}

/* style the links */
.menu a {
	display: block;
	text-decoration: none;
	color: #7685A6;
	padding: 6px;
	width: 138px;
}

.menu a:hover {
	color: #F60;
	position:relative;
}


.menu li:hover {position:relative;}

.mainMenu {
	background-image: url(images/nav-buttons-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;

}

 
.menu li ul {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 149px;
	text-align: left;
	background: #FFFFFF;
	list-style-image: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	filter: alpha(opacity=95);
	opacity: .95;
	-moz-opacity: .95;}
	
.menu li ul a {	border-bottom: 1px solid #CCCCCC;
width: 155px;
}

.menu li:hover > ul {visibility:visible;} /* for firefox and others */
.menu ul a:hover ul {visibility:visible;} /* for ie */

.contractNews{
margin-top:120px;

width:145px;
text-align:left;

border-left:1px solid #7685A6;
border-right:1px solid #7685A6;
border-bottom:1px solid #7685A6;
border-top:0px;
}

.imagePanel{

width:150px;
text-align:left;
border:1px solid #7685A6;
float:right;
padding:5px;
font-size:10px;

}

.contractNews p{
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
padding-top:0px;
text-align:justify;

}
.contractNews h2{ display:block; font-size:100%; display:block; background-image: url(images/nav-gradient-bg.gif); background-repeat:repeat x; padding:0px; color:#ffffff; padding:6px; margin:0px;}

.index a.index, .about a.about, .quality a.quality,
.testimonials a.testimonials, .jobs a.jobs, .news a.news,
.meet a.meet, .requestQuote a.requestQuote, .contact a.contact, .cncMac .mainMenu a.cncMac ,.cncMacTurn .mainMenu a.cncMac,.cncMacFixed .mainMenu a.cncMac,
.cncMacMilling .mainMenu a.cncMac, .cncMacMultiAxis .mainMenu a.cncMac,
.manMac .mainMenu a.manMac, .assembly .mainMenu a.assembly, .fabrication .mainMenu a.fabrication,
.inspection .mainMenu a.inspection, .capacity a.capacity {
	color: #FF9900;

}
/****************************************************************  content  ***********************/

#contentWrap {
	width: 685px;
	float: right;
	padding: 20px;
	height: 100%;}
	
#content {
	width: 430px;
	line-height: 20px;
	float: left;}

.quote #content {
	width: 530px;
}
.capacity #content {
	width: 95%;
	font-size: 12px;
	list-style-image: none;
}
.capacity h3 span {
	font-size: 10px;
	color: #999999;
}
.capacity h3 {
	color: #6699FF;
	font-weight: lighter;
}
.jobs #content {
	width: 650px;
}
.meet #content {
	width: 650px;
}
.news #content {
	width: 650px;
}


.jobsName {
	color: #FF9900;
}


/************************************************************* rightBox  **************************/

#rightBox {
	float: right;
	width: 150px;
	border: 1px solid #7686A8;
	padding: 10px;
	margin-right: 10px;
	margin-top: -40px;
	background: #D8DBFE url(images/rightbox_bg.jpg) no-repeat bottom;
	height: 430px;
	}
	
#callBack {
	float: right;
	width: 150px;
	border: 1px solid #7686A8;
	margin-right: 10px;
	margin-top: 20px;
	background: #FFFFFF;
	padding: 10px;
	filter: alpha(opacity=85);
	opacity: .85;
	-moz-opacity: .85;	color: #000000;
}
	
/************************************************************** misc ******************************/
p a {
	text-decoration: none;
}


.smallText {
	font-size: 10px;
	color: #336699;
	
}
.tableText{
padding-left: 5px;
}

h1 { font: normal 24px Arial, Helvetica, sans-serif; color: #7685A6;}

h2 { font: lighter 18px Arial, Helvetica, sans-serif; color: #7685A6;}

blockquote {
	font-style: italic;
	color: #0099FF;
}
#bottomBox {
	border: 1px solid #7686A8;
	padding: 10px 10px 15px;
	background: #D8DBFE;
	width: 420px;
	margin-top: 30px;
	float: left;
	height: auto;
}
#bottomBox img {
	margin-right: 15px;
}
.alignRight {
	float: right;
	margin-left: 10px;
	border: 1px solid #FFFFFF;
}
.adPanel {
	float: right;
	width: 150px;
	border: 1px solid #7686A8;
	margin-right: 10px;
	margin-top: 10px;
	background: #D8DBFE;
	padding-top: 0px;

}
.adPanel h2 {
display:block; font-size:100%; display:block; background-image: url(images/nav-gradient-bg.gif); background-repeat:repeat x; padding:0px; color:#ffffff; padding:6px; margin:0px;
}
.adPanel img {

	border: 1px solid #ffffff;
	padding: 4px;

}