*{
	margin: 0px;
	padding: 0px;
}
#siteWrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#header{
	height: 203px;
	background-image:url(../images/heading_bg.jpg);
	position: relative;
}
#header a{
	position: absolute;
	left: 16px;
	top: 56px;
	display: block;
	width: 300px;
	height: 92px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	outline: none;
	text-indent: -10000px;
}
/*      ########   MENU STYLE IS STARTING HERE   ########      */
#menu{
	height: 49px;
	background-image: url(../images/menu_bg.gif);
	padding-left: 8px;	
}

ul { /* all lists */
	list-style: none;
}

#menu li { /* all list items */
	float: left;
	display: inline;
	position: relative;
	
}
.top_link{
	font-family: Helvetica;
	font-size: 11px;
	color: black;
	text-decoration: none;
	background-image: url(../images/button_bg.gif);
	width: 125px;
	line-height: 27px;
	display: block;
	margin-top: 11px;
	margin-left: 5px;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.top_link:hover{
	background-image: url(../images/button_over.gif);
	color: #325571;
}
.top_link span{
	margin-left: 10px;
	font-weight: bold;
	
}
li ul{
	display: none;
	position: absolute;
	margin-left: 9px;
	margin-top: -9px;
	padding-top: 8px;
	width: 116px;
	background-image: url(../images/dropdown_bg.gif);
	height: 88px;
	left: 5px;	
}
.drop{
	font-family: Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: black;
	display: block;
	width: 106px;
	line-height: 22px;
	padding-left: 4px;
	text-decoration: none;
	outline: none;
}
.dropP{
	font-family: Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: black;
	display: block;
	width: 110px;
	line-height: 18px;
	padding-left: 4px;
	text-decoration: none;
	word-spacing: -1px;
}
li ul a:hover{
	color: #325571;
/*	background-color: #5592C4; */
}
li:hover ul, li.over ul{
	display: block;
}
li li{
	left: auto;
	top: auto;
}
.up{
	vertical-align: super;
	font-size: 60%;
}
/*######### MENU STYLE IS ENDING HERE ############*/

/*  ########## CONTENT STYLE IS STARTING HERE ######   */
#content{
	clear: both;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
}
	

.left{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 431px;
	background-image: url(../images/left_bg.gif);
	overflow: hidden;
	
}

.about{
	text-align: center;
}
.right{
	position: relative;
	float: right;
	display: inline;
	width: 369px;
	background-image: url(../images/flash_bg.gif);
	background-repeat: repeat-y;
}

.rightA{
	position: relative;
	float: right;
	display: inline;
	width: 369px;
	background-image: url(../images/right.gif);
	background-repeat: repeat-y;
}
/*    ##########    INDEX PAGE STYLE      ########  */

.flash{
	position: bottom;
}
.top{
	padding-top: 10px;
	width: 100%;
	background-image: url(../images/footerH_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.top h2{
	
	background-image: url(../images/strikefirst.jpg);
	background-repeat: no-repeat;
	line-height: 61px;
	width: 270px;
	text-indent: -10000px;
	margin-left: 20px;
	
}
.top p{
	font-family: Verdana;
	font-size: 75%;
	padding: 5px 20px 20px 20px;
	line-height: 15pt;
}
.bottom{
	background-image: url(../images/bottom_bg.gif);
	background-repeat: repeat-y;
	margin-right: 5px;
	padding-top: 10px;
	position: relative;
}
.leftBg{
	background-image: url(../images/bottom_bg.gif);
	background-repeat: repeat-y;
}
.bottom h2{
	background-image: url(../images/whatNew.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 90px;
	position: absolute;
	left: 20px;
	top: 10px;
	text-indent: -10000px;
}
.bottom p{
	font-family: Verdana;
	font-size: 75%;
	margin-top: 30px;
	padding-left: 20px;
	line-height: 20px;
}

.arrow a{
	margin-left: 10px;
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;
	font-family: Verdana;
	font-size: 90%;
}

.footer{
	clear: both;
	height: 55px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	
}
.footerL{
	clear: both;
	height: 55px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	
}
.footerR{
	height: 55px;
	background-image: url(../images/footerR_bg.gif);
	background-repeat: no-repeat;
}
.cleaner{
	clear: both;
}
.footerH{
	clear: both;
	height: 6px;
	background-image: url(../images/footerH_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}
.quoteFooter{
	font-family: Verdana;
	font-size: 60%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.quoteFooter a{
	text-decoration: none;
	color: #7e7f81;
}
.quoteFooter a:hover{
	color: #325571;
}
.linkFooter{
	margin-left: 185px;
	list-style: none;	
}
.linkFooter a{
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-family: Verdana;
	font-size: 75%;
	color: #7e7f81;
	text-decoration: none;
	outline: none;
	margin-top: 18px;
	margin-right: 10px;
	
}
.linkFooter a:hover{
	color: #325571;
}
.linkFooter li{
	float: left;
}
.cd {
	width: 102px;
}
.dc{
	width: 90px;
}
/*  #############        ABOUT PAGE STYLE    #########    */

.left1{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 431px;
	background-image: url(../images/left_bg.gif);
	overflow: hidden;
	height: 322px;
}
.left2{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 431px;
	background-image: url(../images/left_bg.gif);
	overflow: hidden;
	height: 345px;
}
.left1 p{
	font-family: Verdana;
	font-size: 75%;
	padding: 10px 20px 20px 20px;
	line-height: 15pt;
}
.aboutUs {
	
	background-image: url(../images/aboutUs.gif);
	background-repeat: no-repeat;
	line-height: 21px;
	width: 84px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-top: 20px;
}
.bottomLeft{
	height: 49px;
	background-image: url(../images/bottomL.gif);
	background-repeat: repeat-x;
	
}
.bottomRight{
	height: 49px;
	background-image: url(../images/bottomR.gif);
	background-repeat: repeat-x;
	
}

/*  #############        ABOUT PAGE STYLE ENDS HERE   #########    */

/*  #############        MSDS PAGE STYLE STARTS HERE  #########    */

.material{
	background-image: url(../images/material.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 222px;
	text-indent: -10000px;
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	
}
.left1 h3{
	font-family: Verdana;
	font-size: 90%;
	color: #58595b;
	font-weight: normal;
	margin-left: 20px;
	margin-bottom: 10px;
	clear: both;
}
.left1 .matLinks{
	list-style-type: none;
}
.left1 .matLinks a{
	text-decoration: none;
	font-family: Verdana;
	font-size: 75%;
	color: #4d7493;
	margin-left: 20px;
	background-image: url(../images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: ;
	vertical-align: center;
	outline: none;
}
.left1 .matLinks a:hover{
	color: #325571;
}
.manuals{
	background-image: url(../images/manuals.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 222px;
	text-indent: -10000px;
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	
}
.contact{
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 300px;
	text-indent: -10000px;
	margin-left: 18px;
	margin-top: 20px;
	
}
.conSF{
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.address{
	clear: both;
	margin-left: 20px;
	margin-bottom: 5px;
	font-family: Verdana;
	font-size: 75%;
}
.info{
	text-decoration: none;
	font-family: Verdana;
	font-size: 90%;
	color: #4d7493;
	margin-left: 10px;
}
.products{
	margin-left: 4px;
	width: 790px;
}
.products img{
	border: none;
	
}
.productsH2{
	background-image: url(../images/products.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 260px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	vertical-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.red a{
	text-decoration: none;
	font-family: Verdana;
	font-size: 90%;
	color: #7e7f81;
	margin-bottom: 10px;
	outline: none;
}
.red a:hover{
	color: #325571;
}

.linkH2{
	background-image: url(../images/lnk_bg.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	width: 41px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
.linkL a{
	text-decoration: none;
	line-height: 25px;
	font-family: Verdana;
	font-size: 75%;
	color: #4d7493;
	margin-left: 20px;
	background-image: url(../images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: ;
	vertical-align: center;
	outline: none;
}
.linkL a:hover{
	color: #325571;
}
.newsH2{
	background-image: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	width: 43px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
.blue{
	font-family: Verdana;
	font-size: 90%;
	color: #4c7593;
	font-weight: normal;
	text-align: center;
}
.name {
	font-family: Verdana;
	font-size: 80%;
	text-align: center;
}
.download{
	text-align: center;
}
.image{
	text-align: center;
}
.download a{
	font-family: Verdana;
	font-size: 75%;
	color: #4c7593;
	margin-top: 5px;
	background-image: url(../images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 170px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-left: 5px;
	outline: none;
}
.download a:hover{
	color: #325571;
}
.download img{
	padding-top: 3px;
}
.download span{
	text-align: center;
}
table{

}
td{
	width: 197px;
}
.name1 p{
	font-family: Verdana;
	font-size: 80%;
	margin-left: 20px;
}
.label{
	text-align: center;
}
.name1 span{
	margin-left: 25%;
}
.download1 .space{
	margin-left: 110px;
}
.download1 a{
	font-family: Verdana;
	font-size: 75%;
	color: #4c7593;
	margin-top: 5px;
	background-image: url(../images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 160px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-left: 20px;
	outline: none;
}
.download1 a:hover{
	color: #325571;
}
.productsAbc{
	background-image: url(../images/abc.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 410px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	vertical-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.productsBc{
	background-image: url(../images/bc.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 410px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	vertical-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.productsCo{
	background-image: url(../images/carbon.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	width: 350px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	vertical-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.productsBr{
	background-image: url(../images/brakets.gif);
	background-repeat: no-repeat;
	line-height: 49px;
	width: 220px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	vertical-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.whatsNew{
		background-image: url(../images/whatsnew.gif);
		background-repeat: no-repeat;
		line-height: 21px;
		width: 100px;
		text-indent: -10000px;
		margin-left: 20px;
		margin-top: 20px;	
}
.redC{
	text-align: center;

}
.newH4{
	color: black;
	font-size: 75%;
	font-family: Verdana;
	padding-left: 20px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news{
	font-size: 75%;
	margin-left: 35px;
	padding-right: 30px;
	color: black;
	font-family: Verdana;
	line-height: 140%;
	list-style-image: url(../images/bullet.gif);
	padding-top: 10px;
	margin-bottom: 10px;
}
.newsH{
	font-size: 90%;
	font-family: Times;
	color: black;
	margin-left: 20px;
	margin-bottom: 10px;
}
.newsLink{
	margin-bottom: 30px;
	
}
.newsLink a{
	text-decoration: none;
	font-family: Verdana;
	font-size: 75%;
	color: #4d7493;
	margin-left: 110px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	vertical-align: center;
	outline: none;
	
	
}
.newsLink a:hover{
	color: #325571;
}
.arrow a{
	text-decoration: none;
	font-family: Times;
	font-size: 90%;
	color: #4d7493;
	margin-left: 5px;
	background-image: url(../images/arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: ;
	vertical-align: center;
	outline: none;
}
.arrow a:hover{
	color: #325571;
}
.fe{
	margin-top: 10px;
}
.fe a{
	text-decoration: none;
	font-family: Times;
	font-size: 110%;
	color: #7e7f81;
	margin-left: 20px;
	margin-top: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: ;
	vertical-align: center;
	outline: none;
}
.fe a:hover{
	color: #325571;
}
.newsLeft{	
	margin: bottom: 10px;
	width: 431px;
	background-image: url(../images/left_bg.gif);
	overflow: hidden;
	
}
.rightN{
	float: right;
	display: inline;
	width: 369px;
	background-image: url(../images/right.gif);
	background-repeat: repeat-y;
}
.wrapp{
		background-image: url(../images/wrapp.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
#title,#heading { 
  width: 50%; 
  height: 2em; 
  margin-bottom: 5px;
} 
textarea#body { 
  height: 30em;
  text-align: left;
  width: 70%;
} 

form label { 
  float: left; 
  width: 15%; 
  padding-right: 10px; 
  text-align: right; 
}
.button{
	margin-left: 250px;
	margin-top: 10px;
}
.siteMap ol{
	list-style: none;
}
.siteMap a{
	text-decoration: none;
	font-family: Verdana;
	font-size: 80%;
	color: #4d7493;
	margin-left: 25px;
	line-height: 20px;
}
.siteMap a:hover{
	color: #325571;
}
.siteMap li ol{
	margin-left: 30px;
}
.site{
	background-image: url(../images/sitemap.gif);
	background-repeat: no-repeat;
	line-height: 21px;
	width: 100px;
	text-indent: -10000px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}	

/* ################### LOGIN STYLE ################ */
form.login { 
  width: 290px; 
  margin: 1em auto; 
  padding: 4px; 
  background: #ccc; 
} 
form.login h1 { 
  text-align: center; 
  font-size: medium; 
  background: #fff; 
  margin: 1px; 
} 
form.login .fields { 
  text-align: right; 
} 
form.login label { 
  float: left; 
  width: 130px; 
  text-align: right; 
 } 
form.login .actions { 
  text-align: center; 
} 
form.login input.text, form.login input.password { 
  width: 150px; 
  margin-bottom: 1px; 
} 
form.login .error { 
  color: red; 
  margin: 0; 
  padding: 0; 
} 
