/* CSS Document */

body{
	font: 100 11px/20px 'verdana',sans-serif;
	background: #ffffff;
	color:#333;
	margin:0px 0px 0px 0px;
	padding:0;
	}
h1,h2,h3,h4,h5,h6{
	font-family: 'arial',sans-serif;
	letter-spacing: -1px;
	}
#page-header{
	background: url(../images/header-bg.gif) repeat-x;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 140px;
	width:100%;
	}
#header-wrap{
	width: 770px; /* This is where you adjust the fixed width of the site */
	background: url(../images/header.gif);
	height: 140px;
	position: absolute;
	left: 50%;
	margin-left: -385px; /* Needs to be negative half of the width (this will center the site in the browser window). If you add padding or margins, you will need to play around with this to center the site. */
	z-index: 5;
	}
#menubar{
	background: url(../images/menu-bg.gif) repeat-x;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 40px;
	width:100%;
	z-index:5;
	}
#menu-bg-home{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_home.gif);
	z-index: 2;
	}
#menu-bg-eng{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_eng.gif);
	z-index: 2;
	}
#menu-bg-equip{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_equip.gif);
	z-index: 2;
	}
#menu-bg-qc{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_qc.gif);
	z-index: 2;
	}
#menu-bg-ti{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_ti.gif);
	z-index: 2;
	}
#menu-bg-ndt{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_ndi.gif);
	z-index: 2;
	}
#menu-bg-contact{
	height: 40px;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	background: url(../images/menubar_contact.gif);
	z-index: 2;
	}
#menu{
	height: 20px;
	width: 750px;
	margin-top: 10px;
	margin-left: -375px;
	position: absolute;
	left: 50%;
	z-index: 3;
	text-align: center;
	}
#bg-top{
	background: url(../images/mid-bg.gif) repeat-x;
	margin:0px 0px 0px 0px;
	padding:0;
	position: absolute;
	height: 150px;
	width:100%;
	z-index:3;
	}
#content-wrap-top{
	width: 770px; /* fixed width of the site */
	height: 150px;
	position: absolute;
	left: 50%;
	margin-left: -385px; /* Needs to be negative half of the width (this will center the site in the browser window). If you add padding or margins, you will need to play around with this to center the site. */
	background: url(../images/content-bgtop.gif);
	z-index: 3;
	}
#content-wrap-bottom{
	width: 770px; /* fixed width of the site */
	position: absolute;
	left: 50%;
	height: 500px;
	margin-left: -385px; /* Needs to be negative half of the width (this will center the site in the browser window). If you add padding or margins, you will need to play around with this to center the site. */
	background: url(../images/content-bgbottom.gif) repeat-y;
	z-index: 2;
	}
#content-title{
	width: 750px;
	height: 50px;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	margin-top: 0px;
	text-indent: 20px;
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	z-index: 5;
	}
#content-main{
	width: 750px;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	margin-top: 0px;
	text-align: justify;
	z-index: 5;
	}
#content-text{
	width: 700px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	margin-top: 50px;
	text-align: justify;
	z-index: 5;
	}

#footer {
	position:absolute;
	bottom:0;
	left: 50%;
	height:50px;
	background: url("../images/footer.gif") no-repeat;
	width: 770px;
	text-align:center;
	margin-left: -385px;
	z-index: 4;
}
#footer-text{
	margin-left:20px;
	margin-top:10px;
	color: #fdea17;
	font-size:10px;
	}
#bottom{
	width: 770px; /* fixed width of the site */
	position: absolute;
	left: 50%;
	height: 100%;
	margin-top: 150px;
	margin-left: -385px; /* Needs to be negative half of the width (this will center the site in the browser window). If you add padding or margins, you will need to play around with this to center the site. */
	background: #FFFFFF;
	z-index: 3;
	}
	
.menu a:link
{
	font: 12px Verdana, Arial, Helvetica, sans-serif, ;
	text-decoration: none;
	margin-left: 22px;
	margin-right: 22px;
	color: #fdea17;
}
.menu a:visited
{
	font: 12px Verdana, Arial, Helvetica, sans-serif, ;
	text-decoration: none;
	margin-left: 22px;
	margin-right: 22px;
	color: #fdea17;
}

.menu a:hover
{
	font: 12px Verdana, Arial, Helvetica, sans-serif, ;
	text-decoration: none;
	margin-left: 17px;
	margin-right: 17px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #032d60;
	background-color: #fdea17;
}
#footer-text a:link, footer-text a:visited
{
	color:#fdea17;
}
#footer-text a:hover
{
	color:#FFFFFF;
}
a:link, a:visited
{
	margin:0,0,0,0;
	color:#0000CC;
}
a:hover
{
	margin:0,0,0,0;
 text-decoration:none;
}

#rightside {
float: right;
padding-left: 15px;
margin-right:40px;
width: 200px;
}
#contact {
float: right;
margin-right:140px;
width: 200px;
}
.ast {
	color: #d50000;
}