/*
+----------------------------------------------------------------+
|																							|				|
|	Copyright (c) 2012 "http://www.octlindia.com" 								|
|																							|
|	File Written By:																	|
|	Chandrasekhar														|
|																							|
|	File Information:																	|
|	- webPages CSS Style													|
|	- css/home.css					|
|																							|
+----------------------------------------------------------------+
*/
@import url(https://fonts.googleapis.com/css?family=Carrois Gothic);
@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Cuprum);
@import url(https://fonts.googleapis.com/css?family=Archivo Narrow);
body{
    margin: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	overflow-x:hidden;
	}
img{ margin:0; padding:0; border:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #534616;
    }
h4, h5 {
	margin: 0;
	padding: 0;
	font-family: "myriad Pro", arial;
	line-height:17px;
	font-weight: normal;
	color: #534616;
    } 
#wrapper{
    width: 970px;
	margin: 0 auto;
 	text-align: left;
	background-color: #FFFFFF;
	}
#header{
    width: 970px;
	background-image: url(../images/header_bg.jpg);
 	height: 97px;
	background-repeat: repeat-x;
	margin: 0 auto;
 	}
.header-right{
    width: 300px;
 	float: right;
	padding: 0 15px 0 0;
	}
.headermenu{
    width: 242px;
	height: 60px;
	float: right;
	padding: 7px 0 0 0;
	}
.hhome-box{
    width: 50px;
	float: left;
	}
.homeicon{
    width: 50px;
 	float: left;
	padding: 10px 0 8px 0;
	text-align: center;
	}	
	
.hhometxt a{
    width: 50px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-align: center;
	color: #333333;
	}
.hhometxt a:hover{
    text-decoration: underline;
	color:#0000FF;
	}	
.hcareers-box{
	width: 60px;
	float: left;
	}	
.careersicon{
    width: 60px;
 	float: left;
	padding: 10px 0 8px 0;
	text-align: center;
	}	
	
.hcareerstxt a{
    width: 60px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-align: center;
	color: #333333;
	}
.hcareerstxt a:hover{
    text-decoration: underline;
	color:#0000FF;
	}	
.hborder-box{
    width: 2px;
 	float: left;
	}
.hcontact-box{
    width: 70px;
	float: left;
 	}	
.contacticon{
    width: 70px;
 	float: left;
	padding: 10px 0 8px 0;
	text-align: center;
	}
.hcontacttxt a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-align: center;
	color: #333333;
	}
.hcontacttxt a:hover{
    text-decoration: underline;
	color:#0000FF;
	}
.commited-txt{
    width: 265px;
	float: right;
	}
	
		
.octl-logo{
    width: 386px;
	float: left;
	padding: 23px 0 0 20px;
	}
/*------menu-------*/
#mainmenu{
    width: 970px;
	height: 36px;
 	margin: 0 auto;
 	}
/*#mainmenu ul{
    list-style: none;
	padding: 0px;
	margin: 0 auto;
	}	
#mainmenu li{
 	float: left;
	margin: 0px;
	padding: 0px;
	}
#mainmenu a{
    padding: 9px 15px 9px 15px;
	display: block;
    border-right: 1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	color:#FFFFFF;
	}
#mainmenu a:hover{
    background-color: #333333;
	color:#FFFFFF;
	} */
/*------End menu-------*/		
#banner{
    width: 970px;
	margin: 0 auto;
	}
/*------mainbody-------*/	
#mainbody{
    width: 970px;
    height: 367px;
    background-image: url(../images/mainbody_bg.jpg);
    background-repeat: round;
    margin: 0 auto;
	}
.welcomebody{
    width: 910px;
	margin: 0 auto;
 	padding: 15px 20px 0 20px;
  	}
.commited-img{
    width: 184px;
	float: left;
	padding: 0px;
	} 
.mainbody-center{
    width: 380px;
	float: left;
	padding: 0 0 0 20px;
	}
.welcome-txt{
    width: 301px;
	float: left;
	}
.mainbody-txt{
    width: 380px;
	float: left;
	font-family: 'Coda', sans-serif;
	font-size:  12px;
    line-height: 18px;
	padding: 10px 0 0 0;
	color: #767676;
	}
.mainbody-right{
    width: 310px;
	float: right;
	}
.products-box{
    width: 310px;
	float: left;
	padding: 0 0 15px 0;
	}
.products-img{
    width: 97px;
	height: 65px;
	float: left;
	}	
.products-txt{
    width: 200px;
	float: right;
    font-family: 'Coda', sans-serif;
	color: #767676;
	font-size: 12px;
	padding: 3px 0 0 0;
	}
.more{
    width: 360px;
	float: left;
	padding: 0 20px 0 0;
	text-align: right;
	}    
.more a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF0000;
	text-decoration: underline;
	}
.more a:hover{
    color:#0000FF;
	text-decoration: none;
	}
a.morelink{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #0000ff;
	}
a.morelink:hover{
    color:#FF0000;
	text-decoration: none;
	}
.mbody-points{
    width: 380px;
	float: left;
 	}
.points{
    width: 380px;
	float: left;
	padding: 1px 0 1px 0;
    }
/*------mainbody-------*/	
.footerboxes{
    width: 910px;
	margin: 0 auto;
 	padding: 20px 20px 0 20px;
	clear: both;
	position: relative;
	}	
.boxes3footer{
    width: 300px;
	float: left;
 	}
.border-shade{
    width: 2px;
	float: left;
	}
.textbox-footer{
    width: 300px;
	float: left;
	}
.mtxtbox-footer{
    width: 280px;
	float: left;
	padding: 5px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
    }
.stock-img{
    width: 280px;
	float: left;
	padding: 0 0 0 20px;
	}
.footerboxes-txt{
    width: 300px;
	float: left;
	padding: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
.mboxes-txtfooter{
    width: 290px;
	float: left;
	padding: 5px 0 0 10px;
	}	
.stockinfolink{
    width: 240px;
	float: left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
.stockinfolink a{
  	padding: 3px 0 3px 10px;
	background:url(../images/arrow.gif) left no-repeat;
	display: block;
	color: #993300;
 	}	
.stockinfolink a:hover{
    color:#0000FF;
	text-decoration: underline;
	}	 
.apilink{
    width: 140px;
	float: left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 2px 0 2px 0;
	}
.apilink a{
  	padding: 0 0 0 10px;
	background:url(../images/arrow.gif) left no-repeat;
	display: block;
	color: #993300;
 	}	
.apilink a:hover{
    color:#0000FF;
	text-decoration: underline;
	}		   
.reportslink{
    width: 300px;
	float: left;
	}
.reportslink a{
  	padding: 3px 0 3px 10px;
	background:url(../images/arrow.gif) left no-repeat;
	display: block;
	color: #993300;
 	}
.reportslink a:hover{
    color:#0000FF;
	text-decoration: underline;
	}	
a.dematlink{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
	} 	  
a.dematlink:hover{
    text-decoration: none;
	color:#990000;
	}
/*------footer-------*/	 
#footer{
    width: 970px;
	height: 29px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-image: url(../images/footer_bg.jpg);
	}	 
.fclass{
    width: 950px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D4D4D4;
 	}
.copyright{
    width: 300px;
	float: left;
	}
.flinks{
    width: 600px;
	float: right;
	text-align: right;
 	}
.flinks a{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	font-size: 11px;
	padding: 0px;
	margin: 0 auto;
  	}	
.flinks a:hover{
    color: #FF9900;
	text-decoration: underline;
	}
a.footerlinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 15px;
	color:#FFFFFF;
	}
a.footerlinks:hover{
	text-decoration: underline;
	color: #CCCC00;
	}	
/*------End footer-------*/		  			

marquee{
        margin: -14px 0px;
    
}

marquee a{
      font-size:17px;
font-weight:bold;
      color: #115a9a;
      font-family: sans-serif;}