@font-face {
    font-family: 'juice_regularregular';
    src: url('../fonts/juice_regular-webfont.eot');
    src: url('../fonts/juice_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/juice_regular-webfont.woff') format('woff'),
         url('../fonts/juice_regular-webfont.ttf') format('truetype'),
         url('../fonts/juice_regular-webfont.svg#juice_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'square721_cn_btroman';
    src: url('../fonts/sqr721c_0-webfont.eot');
    src: url('../fonts/sqr721c_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sqr721c_0-webfont.woff') format('woff'),
         url('../fonts/sqr721c_0-webfont.ttf') format('truetype'),
         url('../fonts/sqr721c_0-webfont.svg#square721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

/** General Resets **/
body { margin:0px; font-family: 'Droid Sans', Arial, trebuchet ms; font-size: 13px; color: #555555; background: url(../images/body-bg.jpg) center top repeat; }
/* remember to define focus styles! */
:focus { outline: 0;}
input { background:none; border:0 none; outline:none;}
table { border:0 none; border-collapse:collapse;}
td { vertical-align:top;}
img { border:0 none; max-width:100%; vertical-align:top; background:none;}
a { outline:none; color:#515151; cursor:pointer; text-decoration:none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.left, .con-pic-left { float:left; }
.right, .con-pic-right	{ float:right; }
.clear { clear:both; }
.text-right { text-align:right; } .text-left { text-align:left; } .text-center { text-align:center; } .text-justify { text-align:justify; }
.last { margin-right: 0px !important; }

/** Page CSS Start **/

#wrapper { margin:0px auto; width:964px; text-align:left;}

nav { 
	color:#fff; height:46px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(styles/PIE.htc);
	background: rgba(201,201,201,1);
	background: -moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(118,117,115,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,201,201,1)), color-stop(100%, rgba(118,117,115,1)));
	background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(118,117,115,1) 100%);
	background: -o-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(118,117,115,1) 100%);
	background: -ms-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(118,117,115,1) 100%);
	background: linear-gradient(to bottom, rgba(201,201,201,1) 0%, rgba(118,117,115,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#767573', GradientType=0 );
	margin-top: 35px;
}

nav ul { margin:0px; padding:0px; list-style-type:none;}
nav ul li { display:inline;}

nav ul { margin:0px; padding:0px; list-style-type:none;}
nav ul li { float:left; position:relative;}
nav ul li a.home { width:46px; height: 46px; background: url(../images/home-bg.png) center 14px no-repeat; display: inline-block; padding: 0;}
nav ul li a.logo { width:234px; height: 46px; background: url(../images/vipul-industries-logo.png) center center no-repeat #fff; display: inline-block; padding: 0; text-indent: -9999px;}
nav ul li.sep { background:url(../images/menu-sep.png) right top no-repeat; width: 3px; height: 46px;}
nav ul li.logo { position:absolute;}
nav ul li.last { border-right:none;}
nav ul li a { color:#fff; padding:15px 35px 16px 35px; display:table-cell; vertical-align:middle; font-size:13px; text-decoration:none; font-weight:normal;}
nav ul li a:hover, nav ul li a.active { color:#032f57; }
nav ul li:hover { color:#032f57; text-shadow:none;}
nav ul li:hover a { color:#032f57; text-shadow:none;}

nav ul li:hover > ul { display:block; font-size:90%; background:#777674; padding:0px 0px;}
nav ul li ul { display:none;}
nav ul li ul { margin:0px; padding:0px; position:absolute; left:0; top:46px; width:200px; z-index:999; border-top:none; text-transform:none;}
nav ul li ul li { float:none; border:0px; position:relative;}
nav ul li ul li a { color:#fff !important; display:block; line-height:normal; padding:7px 10px; border-bottom: 1px solid #999 !important; background:#777674 !important;}
nav ul li ul li a:hover { color:#fff; background:#555 !important;}

nav ul li ul li ul { display:none;}
nav ul li ul li:hover > ul { display:block; left:250px; top:-18px; font-size:100%; border-left:1px solid #fff;}
nav ul li ul li:hover > ul li a { background:#0e79b0;}
nav ul li ul li:hover > ul li a:hover { color:#fff; background:#ed2d24;}

.responsive-menu { display:none;}
.res-logo { text-align:left; margin:0px 10px 0 15px; position:absolute;}
.res-logo img { width:170px;}
.toggleMenu {
    display:  none;
    background: #5c5c5c;
    padding: 10px 15px;
    color: #fff;
	text-align:right;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#7C7B79;
	 margin:0px;
	 padding:0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top1: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    right: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #999;
    position: relative;
    z-index:100;
    border-top1: 1px solid #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
		margin:0px;
		padding:0px;
    }

}


/* Start Footer */
.footer { padding:20px 30px; color:#747D84; font-size:13px;}
.copy-design { color:#787878;}
.copy-design span { color:#787878;}
.copy { float:left; padding-left:70px; background:url(../images/vipul-industries-logo-footer.png) left center no-repeat;}
.design { float:right;}
.design a { color:#747D84; text-decoration:none;}
.design a:hover { color:#007cc2;}