@charset "utf-8";

/* CSS Document */
/* CSS for zorion.in */
/*Developed By: VIP */
/* Designing Company: imicreation */

*:focus { 
	outline: none; 
	}

*::-moz-focus-inner { 
	border: none; 
	}

	

body {
	margin: 0px;
	background:url(../images/body_bg_main.jpg) no-repeat center top;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

#box {
	height: auto;
	width: 1000px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 100%;
	background: url(../images/header_bg.jpg) repeat-x;
}



.header_left {
	background: url(../images/header_left.jpg) no-repeat;
	height: 50px;
	float: left;
	width: 367px;
	margin: 0px;
	padding: 0px;
}

.mainnav {
	width: 480px;
	float: right;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

.mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.mainnav ul li {
	display: inline;
	float: left;
	padding-right: 10px;
	width: 150px;
	text-align: center;
}

.mainnav ul li a {
	color: #fbfdfe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 50px;
}

.mainnav ul  li a:hover {
	color: #FAB10C;
}



#showcase {
	width: 1000px;
	height: 255px;
	background: url(../images/showcase.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
}

#container {
	float: left;
	width: 94%;
	margin: 30px 0 0 0;
	padding-right: 3%;
	padding-left: 3%;
	background-color: #FFFFFF;
	height: auto;
	padding-bottom: 25px;
}

#leftpane {
	width: 60%;
	float: left;
	height: auto;
}

#leftpane h1 {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 40px;
	width: 267px;
	text-indent: -9000px;
}

.aboutus {
	background-image: url(../images/h1.jpg);
	}
	
.contactus {
background-image: url(../images/h2.gif);
}

.enquiry {
background-image: url(../images/h4.gif);
}

.textiles {
background-image: url(../images/textiles1.gif);
}

.machinery {
	background-image: url(../images/machinery1.gif);
	}
	
	.accessories {
	background-image: url(../images/accessories1.gif);
	}
	
	.gallery {
	background-image: url(../images/gallery-h.gif);
	}
	
#leftpane h3 {
	font-family: "Century Gothic";
	font-size: 1em;
	font-weight: bold;
	color: #585757;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}





.mosttext {
	font-family: Century Gothic, verdana, arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #585757;
	line-height: 18px;
}

.mosttextbold {
	font-family: "Century Gothic", verdana, arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #585757;
	line-height: 18px;
}

.input {
	height: 22px;
	width: 200px;
	border: 1px solid #585757;
}

.select {
	height: 22px;
	width: 160px;
	font-family: "Century Gothic";
	font-size: 0.8em;
	font-weight: normal;
	color: #585757;
	border: 1px solid #585757;
	line-height: 22px;
	background-color: #FABD41;

}

.textarea {
	width: 80%;
	height: 110px;
	font-family: "Century Gothic";
	font-size: 0.8em;
	font-weight: normal;
	color: #585757;
	border: 1px solid #585757;
}
#featured {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#featured ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 100%;
}
#featured ul li {
	float: left;
	width: 33%;
	text-align: center;
}
#featured ul li img {
	clear: both;
	background-color: #CCCCCC;
	padding: 3px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-bottom: 3px;
}
#featured ul li p {
	padding: 0px;
	color: #034E86;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width: 70%;
	margin: 0 auto;
}
#picslide {
	float: left;
	clear: both;
	margin-top: 10px;
	height: 109px;
	width: 564px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}



#rightpane {
	float: right;
	height: auto;
	width: 335px;
	margin: 0px;
	padding: 0px;
}

.rightpagination {
	height: 150px;
	width: 335px;
	margin-top: 20px;
	background: url(../images/services_bt.jpg) no-repeat;
	padding: 0px;
}

.rightpagination ul {
	list-style-type: none;
	margin-left: 0px;
	padding: 55px 0 0 5px;
}

.rightpagination img {
	margin-right: 5px;
	margin-bottom: -2px;
}

.rightpagination ul li {
	padding: 0px;
	margin: 0 0 15px 0;
}

.rightpagination ul li a {
	color: #393939;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#footer {
	width: 960px;
	padding: 26px 20px 0 20px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	font-family: "Century Gothic";
	font-size: 0.7em;
	font-weight: normal;
	color: #595757;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}

#wrap_footer {
	width: 100%;
	clear: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	background: url(../images/footer_bg1.jpg) no-repeat center top;
}



.copyright {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 40%;
}

.design {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 30%;
	text-align: right;
}

.design a {
	color: #353334;
}

#services {
width:478px;
height: 255px;
float:right;
padding-right: 30px;
	}

.sliderwrapper{
position: relative; /*leave as is*/
/*overflow: hidden; /*leave as is*/
width: 478px; /*width of featured content slider*/
height: 195px;
}

.contentdiv img {
margin-left: 5px;
margin-top: 15px;
	border: none;
	}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
width: 468px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 185px;
}





.services-header-textiles {
	height: 40px;
	width: 314px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-indent: -9000px;
	background: url(../images/textiles-header.gif) no-repeat;
	}



.services-header-machinery {
	height: 40px;
	width: 314px;
	text-indent: -9000px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: url(../images/machine-header.gif) no-repeat;
	}



.services-header-accessories {
	height: 40px;
	width: 314px;
	text-indent: -9000px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: url(../images/accessories_header.gif) no-repeat;
	}



.sliderwrapper .contentdiv p {
	color: #fbfdfe;
	font-family: Century Gothic, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	}



.sliderwrapper .contentdiv a {
	color: #393939;
	line-height:30px;
	}



.pagination{
width: 478px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 41px;
background: url(../images/services-nav-back.jpg) no-repeat;
}



.pagination ul {
	margin: 0;
	padding: 0;
	}

	

.pagination ul li {
	list-style-type: none;
	float: left;
	}



.pagination ul li a {
	display: block;
	height: 41px;
	}

	

.pagination .textiles {
	background: url(../images/textiles.gif) no-repeat;
	width: 132px;
	}		

.pagination .textiles :hover  {
	background: url(../images/textiles.gif) no-repeat 0 -41px;
	width: 132px;
	}	

.pagination .machinery{
	background: url(../images/machinery.gif) no-repeat;
	width: 183px;
	}	



.pagination .machinery :hover {
	background: url(../images/machinery.gif) 0 -41px no-repeat;
	width: 183px;
	}	



.textiles-active {
	position: absolute;
	top: 180px;
	left: -5px;
	}



.machinery-active {
	position: absolute;
	top: 180px;
	left: 127px;
	}

.accessories-active {
	position: absolute;
	top: 180px;
	left: 310px;
	}

.pagination .accessories {
	width: 163px;
	background: url(../images/accessories.gif) no-repeat;
	}	



.pagination .accessories :hover {
	width: 163px;
	background: url(../images/accessories.gif) no-repeat 0 -41px;
	}	

.mainnav ul li a.active {
	color: #FAB10C;
}