@import url(http://fonts.googleapis.com/css?family=Oswald);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.last {
	background:none !important;
	border:none !important;
}
.pad_0 {
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra, .main {
	height: 100%;
	min-width: 962px;
	min-height: 680px;
	background-image:url(../images/bg.jpg)
}
#leftSide, #content {
	min-height:600px;
	
}
body {
	overflow:hidden;
	border:0;
	font:"Futura Bk Bt", Arial, sans-serif;
	color:#505050;
}

@font-face { font-family: Futura Bk Bt ; src: url(futuran.ttf) format("opentype") }
@font-face { font-family: Futura Bk Bt ; src: url(futuran.ttf) format("opentype") }

/* Global Structure ============================================================= */
.extra {
	/*overflow:hidden;*/
	position:relaFtive;
}
.main {
	position:relative;
	width:984px;
	height:580px;
	overflow:hidden;
	margin: 0 auto;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #fff;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#333;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	padding:0 0 0 0;
}
h2 {
	font:14px/ 14px "Futura Bk Bt", sans-serif;
	padding-bottom:10px;
	color:#09F;
	font-weight:bold;
	float:left;
	clear:left;
	margin:8px 0px 0px 15px;
}
h3 {
	font:14px/ 16px 'Oswald', sans-serif;
	padding-bottom:8px;
	color:#fff;
}
h4 {
	color:#999999;
	font-weight:normal;
	font:'Oswald', sans-serif;
}
p {
	padding-bottom:16px;
	color:#999;
	font-weight:normal;
	font:'Oswald', sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	
	}
	
	.text2 {
	padding-bottom:16px;
	color:#666666;
	font-weight:normal;
	font:11px/11px Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height:18px;
	border:none;
	width:600px;
	float:left;
	text-align:justify;
	margin:15px 10px 10px 15px;
	
	}
	
	
	.text2 > span
	{
	padding-bottom:16px;
	color:#fff;
	font-weight:normal;
	font:'Oswald', sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	border:none;	
		
	}
	.text1
	{
	padding-bottom:16px;
	color:#999;
	font-weight:normal;
	font-family:sans-serif;
	line-height:20px;
	text-transform:capitalize;
	font-size:12px;
	
		
	}
.color1 {
	color:#fff;
}
/* ============================= leftSide ====================== */
#leftSide {
	position:relative;
	overflow:visible !important;
	float:left;
	width:257px;
	height:680px;
	background:url(../images/leftside_2.png);
	background-repeat:no-repeat;
	z-index:5;
	border-left:1px solid #ccc;
}
#logo {
	margin-left:4px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:187px;
	height:114px;

}
/* ============================= menu ====================== */
#menu {
	text-align:center;
	padding:10px 18px 0;
	height:320px;
}
#menu > li {
	display:block;
	width:175px;
	padding:5px 0;
	margin:2px 0px 0px 15px;
	border-bottom: 1px solid #454545;
}
#menu > li a {
	display:inline-block;
	font:15px/15px 'Futura Bk Bt', sans-serif;
	color:#000;
	font-weight:500;     
	text-decoration:none;
}

#menu > li a:hover {
	display:inline-block;
	font:15px/15px 'Futura Bk Bt', sans-serif;
	color:#007dc6;
	text-decoration:none;
}
#menu .submenu li a {
	color:#4b4a4a;
	font-size:12px;
	text-transform:capitalize;
}
#menu .submenu li a:hover {
	color:#fff;
}
.submenu {
	padding:6px 0;
}
.submenu li {
	padding:0 2px;
	display:inline-block;
}
/* ============================= splash Slider ====================== */
.insidebanner
{
	width:400px;
	height:43px;
	float:left;
	margin-left:8px;
	margin-top:10px;
		font:25px/25px 'Futura Bk Bt', sans-serif;
		color:#06C;
		font-weight:bold;
		margin-top:10px;
}


/* ============================= downloadcat ====================== */
#downloadcatlog {
	width:196px;
	height:60px;
	float:left;
	padding-left:30px;
	padding-bottom:10px;
}


/* ============================= splash Slider ====================== */
#slider {
	width:700px;
	height:542px;
	float:left;
	margin:20px 0px 0px 0px;
}
#slider li {
	float:left;
	overflow:hidden;
	position:relative;
}
#slider li > span{
	position:absolute;
	float:left;
	top:654px;
	left:50;
	width:47px;
	background-color:#000;
	opacity:0.7;
	height:180px;
	padding:0px 1px 0 0;
	font:16px/ 16px 'Oswald', sans-serif;
	color:#fff;
	text-align:right;
	text-transform:capitalize;
	line-height:25px;	

}
#slider li > div{
	position:absolute;
	top:550px;
	left:-350px;
	width:302px;
	height:302px;
	text-align:center;
	background:url(../images/despription_plane1.png) 0 0 no-repeat;
	z-index:3;
}
#slider li > div > div{
	display:inline-block;
	padding:54px 30px 0px 0px; 
	width:239px;

}
#slider li > div > div > h2{
	padding-bottom:0px;
}
#slider li > div > span{
	display:block;
	padding-top:28px;
	font-size:30px/ 30px ;
	font-family:'Oswald', sans-serif;
	color:#fff;
}
/* =============================  Slider2 ====================== */
#slider2 {
	width:700px;
	height:42px;
	float:left;
	margin:5px 0px 0px 0px;
	background-color:#fff;
}
.box1
{
	width:225px;
	height:159px;
	float:left;
	background-image:url(../images/box1.png);
	background-repeat:no-repeat;
	margin-right:5px;
}
.box1heading
{
	color:#0066cc;
	font-family:"Myriad Pro";
	font-size:16px;
	width:auto;
	font-weight:600;
	margin-top:15px;
	text-align:center;
	}
.box1img
{
	width:59px;
	height:69px;
	float:left;
	margin-left:16px;
	margin-top:10px;
}
.box1dis
{
	width:130px;
	height:59px;
	float:left;
	font-family:"Myriad Pro";
	font-size:10px;
	color:#666666;
	text-transform:capitalize;
	margin:5px 0px 0px 15px;
	
}

/* =============================  Slider3 ====================== */
#slider3 {
	width:696px;
	height:170px;
	float:left;
	margin:20px 0px 0px 0px;
	background-image:url(../images/slider3bg.png);
	background-repeat:no-repeat;
}
.buletsleft
{
	width:308px;
	height:auto;
	background-image:url(../images/bulets.png);
	background-position:center left;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	font-size:2px;
font:15px/15px 'Futura Bk Bt', sans-serif;
color:#999;
text-transform:capitalize;
line-height:18px;
padding:0px 0px 0px 15px;
margin-top:-18px;
margin-bottom:30px;

}

.buletsright
{
	width:308px;
	background-image:url(../images/bulets.png);
	background-position:center left;
	background-repeat:no-repeat;
	float:right;
	clear:right;
	font-size:2px;
font:15px/15px 'Futura Bk Bt', sans-serif;
color:#999;
text-transform:capitalize;
line-height:18px;
padding:3px 0px 0px 15px;
margin-top:-35px;
margin-bottom:30px;


}

/* ============================= content ====================== */
#content {
	float:right;
	display:block;
	width:720px;
	height:680px;
	border-right:1px solid#ccc;
background-image:url(../images/rightside.jpg); 
}
#content > ul {
	position:relative;
	display:block;
	width:720px;
	height:620px;
}
#content > ul > li {
	position:absolute;
	width:720px;
	top:0;
	left:0;
}
.insidecontent
{
	width:695px;
	height:750px;
	float:left;
	
}

.insidecontent2
{
	width:677px;
	height:745px;
	float:left;
	background-color:#fff;
	margin-left:8px;
	margin-bottom:10px;
	margin-top:-10px;
}

.contPad{
	padding:0px 0 0 10px;
}
.padBot{
	padding-bottom:46px;
}
.link{
	display:inline-block;
	margin-top:15px;
}
.imgIndent1{
	padding-bottom:28px;
}
.google_map{
	padding:2px;
	float:right;
    width: 303px;
    height: 227px;
    background: #CCC;
	border:1px solid #CCC;
	margin:-30px 10px 40px 0px;
}
.address {
	padding-top:5px;
	float:left;
	width:320px;
		color:#666666;
	font-weight:normal;
	font:11px/11px Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:-10px 0px 0px 15px;
}

.address2 {
	padding-top:25px;
	float:left;
	width:320px;
		color:#666666;
	font-weight:normal;
	font:11px/11px Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:20px 0px 0px 15px;
}

.address > span{
	display:block;
	color:#666666;
	width:215px;
	line-height:18px;
	padding-bottom:16px;
	font-weight:normal;
	font:11px/11px Verdana, Geneva, sans-serif;
	font-size:12px;
}

.aboutimage
{
	width:655px;
	height:257px;
	float:left;
	margin-left:0px;
	margin-top:55px;
	background-image:url(../images/shreejiimages.png);
	background-repeat:no-repeat;
}
.img1
{
	width:210px;
	height:227px;
	float:left;
	margin:5px 10px 0px 5px;
}

.img2
{
	width:199px;
	height:227px;
	float:left;
	margin:5px 10px 0px 0px;
}

.img3
{
	width:214px;
	height:227px;
	float:left;
	margin:5px 0px 0px 0px;
}
.productinnovation
{
	width:314px;
	height:254px;
	float:left;
	margin:10px;

}
.serveimg
{
	width:212px;
	height:68px;
	float:left;
	margin:15px 0px 15px 10px;
	
}
.serveimg2
{
	width:318px;
	height:90px;
	float:left;
	margin:15px 15px 10px 5px;
	
}


/* ============================= scroll ====================== */
.scroll {
	height:387px;
}
.scroll2 {
	height:397px;
}
.scroll3 {
	height:397px;
}
.scroll4 {
	height:394px;
}
.shuttle {
	width:7px;
	height:134px;
	background:url(../images/shuttle.jpg) 0 0 no-repeat;
}
.shuttle:hover{
	background-position: 100% 0;
}
.track{
	position:absolute;
	top:143px;
	left:692px;
	width:7px;
	height:406px;
	background:url(../images/track.png) 0 0 no-repeat;
}
/* ============================= lists ====================== */
.imgList1 li{
	position:relative;
	float:left;
	margin-right:15px;
}
.imgList1 li a > span{
	position:absolute;
	top:0;
	left:0;
	width:159px;
	height:114px;
	background:url(../images/page2_hover.png) 0 0 no-repeat;
}
.imgList2 li{
	width:211px;
	float:left;
	margin:0 18px 22px 0;
}
.imgList3 li{
	position:relative;
	width:198px;
	float:left;
	margin:0 15px 23px 0;
}
.imgList3 li a > span{
	position:absolute;
	top:0;
	left:0;
	width:198px;
	height:148px;
	background:url(../images/page4_hover.png) 0 0 no-repeat;
}
.imgList3 li h4{
	padding-top:13px;
}
.list1 {
	overflow:hidden;
	width:243px;
}
.list1 li{
	display:block;
	overflow:hidden;
	margin-bottom:9px;
	border-bottom:1px solid #2a2a2a;
}
.list1 .lastLi{
	margin-bottom:0;
	border-bottom:none;
}
.list1 li img{
	float:left;
	padding: 0 12px 9px 0;
}
.list1 li div{
	padding-top:10px;
	width:150px;
	float:left;
	overflow:hidden;
}
.list2 > li{
	display:block;
	overflow:hidden;
	margin-bottom:24px;
}
.list2 > li img{
	float:left;
	padding-right: 18px; 
}
.list2 > li div{
	overflow:hidden;
	width:245px;
	float:left;
}
.list3 > li{
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
.list3 > li img{
	float:left;
	padding-right: 18px; 
}
.list3 > li > div{
	overflow:hidden;
	width:360px;
	float:left;
}
.list3 > li > div > div{
	position:relative;
	top:-11px;
	padding-bottom:2px;
}
.list3 > li > div > div > div{
	padding-top:6px;
	float:left;
	width:273px;
}
.list3 > li > div > div > span{
	display:block;
	float:left;
	height:19px;
	text-indent:22px;
	padding-top:6px;
	background:url(../images/comment_pic.png) 0 0 no-repeat;
}
.list3 > li > div > a{
	margin-top:8px;
}
.listWithMarker li {
	display:block;
	padding-bottom:10px;
}
.listWithMarker li a {
	display:inline-block;
	padding:0 5px 0 9px;
	text-decoration:none;
	background:url(../images/list_marker.png) 0 5px no-repeat;
}
.listWithMarker li a:hover {
	text-decoration:underline;
}

.isoimg
{
	width:204px;
	height:214px;
	float:left;
	
}
.isoimg2
{
	width:242px;
	height:309px;
	float:right;
	margin-right:15px;
	margin-top:25px;	
}

.certificationmasco
{
	width:273px;
	height:503px;
	float:left;
	margin-left:0px;
	margin-top:0px;	
}

/* ============================= footer ====================== */
footer {
	text-align:left;
	font-size:9px;
	color:#545454;
	background-repeat:no-repeat;
	background-color:#fcf100;
	width:100%;
	height:59px;
	margin:0 auto;
	}
.footertext
{
	float:left;
	margin-left:35px;
	clear:left;
	text-align:center;
	margin-top:8px;
	
	
}
footer a {
	color:#545454;
	text-decoration:none;
}
footer a:hover{
	color:#333;
}
footer ul {
	padding-bottom:19px;
}
footer li {
	display:inline-block;
	margin-right:-1px;
}
#icon1, #icon2, #icon3 {
	display:block;
	width:18px;
	height:18px;
	margin-right:3px;
}
#icon1 {
	background:url(../images/icon1.png) 0 0 no-repeat;
	margin-top:8px;
	float:left;
	margin-left:2px;
}
#icon2 {
	background:url(../images/icon2.png) 0 0 no-repeat;
}
#icon3 {
	background:url(../images/icon3.png) 0 0 no-repeat;
}

.boxcartontext
{
	width:162px;
	height:35px;
	float:left;
	margin:-20px 0px 0px 229px;
}
.eseetext
{
	width:116px;
	height:27px;
	float:right;
	margin-right:45px;
}

/* ============================= forms ============================= */
#form1 input {
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 8px 10px;
	width:268px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 5px 10px;
	width:350px;
	height:182px;
	overflow:auto;
	line-height:18px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:45px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:10px;
	color:#fff;
	text-transform:none;
}
#form2 input {
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 8px 10px;
	width:268px;
	box-shadow:none;
}
#form2 textarea {
	resize: none;
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 5px 10px;
	width:350px;
	height:182px;
	overflow:auto;
	line-height:18px;
}
#form2 label {
	position:relative;
	display:inline-block;
	min-height:45px;
}
#form2 .error, #form2 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:10px;
	color:#fff;
	text-transform:none;
}

.btns a{
	margin:30px 0 0 13px;
}
/* Form defaults */
input, select, textarea {
	font:11px/11px "Trebuchet MS", Arial, sans-serif;
	color: #999;
	text-transform:uppercase;
}
.normaltext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;

}
#main2 {
  /* Ensure that #main is an offset container */
  position: relative;
}
#main2 img {
	/* Position the image at 0,0 */
	position: absolute;
	right:0px;
	top: 0px;
	z-index:9999;
}
#main2 div {
  /* Position the div at 16,16 (middle of the 32x32 image */
  position: absolute;
 right:0px;
  top: 0px;
  z-index:9999;
}