@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	text-indent: top;
}
.bullet-02
{
	background-image:url(../Images/bullet-02.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:12px;
}
.bullet-01
{
	background-image:url(http://etechnocraft.com/Images/bullet-01.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:10px;
}
.bullet-03
{
	background-image:url(../Images/bullet.gif);
	background-repeat:no-repeat;
	background-position:center center;
	width:10px;
}
.top-01
{
	background-image:url(../Images/top-01.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.left-bg {
	background-image: url(../Images/left-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 245px;
}
.text-left-right-hdr
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#212121;	
}
.text-left-right p
{
	text-align:justify;
}
.orange
{
	color:#ff7301;
}
.text-left-right, .text-left-right a 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
	text-decoration:none;
}
.text-left-right a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
	text-decoration:underline;
}
.text-left-right 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
}
.date-News
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
}
 .hdr-News a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#212121;
	text-decoration:underline;
}
.hdr-News a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#212121;
	text-decoration:none;
}
.menu-01
{
	background-image:url(../Images/menu-01.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:31px;
	width:7px;
}
.menu-02
{
	background-image:url(../Images/menu-02.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:31px;
	font-size:12px;
	font-weight:700;
	color:#ff7301;
}
.menu-02 td a
{
	color:#212121;
	font-size:12px;
	font-weight:700;
	text-decoration:none;	
}
.menu-02 td a:hover
{
	color:#616161;
	font-size:12px;
	font-weight:700;
	text-decoration:none;	
}
.menu-03
{
	background-image:url(../Images/menu-03.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:31px;
	width:7px;
}
.right-bg {
	background-image: url(../Images/right-bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 247px;
}
.middle-bg
{
height:250px;
width:100%;
background:url(../Images/middle-bg.jpg)  repeat-x;
}
.bullet-orange
{
    background-image:url(../Images/bulet-subtitle.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#525252;
	font-size:14px;
	font-weight:bold;
}
.services
{
	background-color:#f5f5f5;
	height:124px;
	border-top:solid 1px #4c656c;
}
.bottom
{
	background-image: url(../Images/bottom.jpg);
	background-repeat: repeat-x;
	background-position: left;
	height:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
	text-align:center;
	vertical-align:middle;
}
.top-link, .top-link a { 
	color:#FFFFFF;
	font-size:12px;
	line-height:35px;
	text-decoration:none;
}
.bottom-link, .bottom-link a { 
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
.top-link a:hover { 
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
}
.news-icon
{
	background-image:url(../Images/news-icon.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:58px;
	height:58px;
}
.patners-icon
{
	background-image:url(../Images/patners.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:58px;
	height:58px;
}
.Contact--icon
{
	background-image:url(../Images/Contact-us.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:58px;
	height:58px;
}
.1Contact--icon
{
	background-image:url(../Images/Contact-us.jpg);
	background-repeat:no-repeat;
	background-position:top
	width:58px;
	height:58px;
}
.middle-hdr
{
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.middle-hdr-small
{
	font-family:Verdana, Geneva, sans-serif;
	color:#555;
	font-size:11px;
	font-weight:bold;
}
.orange-hdr-small
{
	font-family:Verdana, Geneva, sans-serif;
	color:#ff7301;
	font-size:11px;
	font-weight:bold;
}
.middle-hdr-gray
{
	font-family:Verdana, Geneva, sans-serif;
	color:#525252;
	font-size:14px;
	font-weight:bold;
}
.middle-text
{
	font-family:Verdana, Geneva, sans-serif;
	color:#525252;
	font-size:11px;
}
.testi-text
{
	font-family:Verdana, Geneva, sans-serif;
	color:#313131;
	font-size:11px;
	font-style:italic;
}
.round-01
{
	background-image:url(../Images/round-01.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:9px;
	height:8px;
}
.round-02
{
	background-image:url(../Images/round-02.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:8px;
}
.round-02 span
{
	background-color:#FFFFFF;
}
.round-03
{
	background-image:url(../Images/round-03.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:9px;
	height:8px;
}
.round-04
{
	background-image:url(../Images/round-04.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:9px;
	height:8px;
}
.round-05
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222222;
}
.round-06
{
	background-image:url(../Images/round-06.jpg);
	background-repeat:repeat-y;
	background-position:left;
	width:9px;
	height:8px;
}
.round-07
{
	background-image:url(../Images/round-07.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:9px;
	height:8px;
}
.round-08
{
	background-image:url(../Images/round-08.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:8px;
}
.round-09
{
	background-image:url(../Images/round-09.jpg);
	background-repeat:no-repeat;
	 background-position:left top;
	width:9px;
	height:8px;
}
.aboutus-banner
{
background-image:url(../Images/about_us%20_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.services-banner
{
background-image:url(../Images/services_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.portfolio-banner
{
background-image:url(../Images/portfolio_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.contactus-banner
{
background-image:url(../Images/contact_us%20copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.contentwriting-banner
{
background-image:url(../Images/content_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.joomla-banner
{
background-image:url(../Images/joomla_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.drupal-banner
{
background-image:url(../Images/drupal_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.faqs-banner
{
background-image:url(../Images/faq_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.graphic-banner
{
background-image:url(../Images/graphicdesign_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.itservice-banner
{
background-image:url(../Images/it_solutions_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.websitemaintenance-banner
{
background-image:url(../Images/webmaintainance_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.webgraphic-banner
{
background-image:url(../Images/web_redesigning_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.projectmgmt-banner
{
background-image:url(../Images/project_mgmtcopy.jpg);
background-repeat:no-repeat;
height:210px;
}
.hosting-banner
{
background-image:url(../Images/hosting_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.webdesign-banner
{
background-image:url(../Images/webdevelopmentcopy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.webapplication-banner
{
background-image:url(../Images/web_appli_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.solution-banner
{
background-image:url(../Images/solutions_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.sitemap-banner
{
background-image:url(../Images/sitemap_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.seo-banner
{
background-image:url(../Images/seo2_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.rubyonrails-banner
{
background-image:url(../Images/ruby_on_rails_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.qualityassurance-banner
{
background-image:url(../Images/quality_assurance_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.phpcoding-banner
{
background-image:url(../Images/php_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.ourpatners-banner
{
background-image:url(../Images/patners_copy.jpg);
background-repeat:no-repeat;
height:210px;;
}
.offshoring-banner
{
background-image:url(../Images/offshore_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.mobileapplicatn-banner
{
background-image:url(../Images/mobile_application_%20copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.latestevent-banner
{
background-image:url(../Images/latest_events_copy.jpg);
background-repeat:no-repeat;
height:210px;}
.java-banner
{
background-image:url(../Images/java_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.hire-php-banner
{
background-image:url(../Images/php%20copy.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:center;
}
.asp-net-banner
{
background-image:url(../Images/asp_net_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.ajax-banner
{
background-image:url(../Images/ajax_%20copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.os-commerce-banner
{
background-image:url(../Images/oscommerce_copy.jpg);
background-repeat:no-repeat;
height:210px
}
.majento-banner
{
background-image:url(../Images/MAGENTO%20copy.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:center;
}
.flash-banner
{
background-image:url(../Images/flash_development_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.opensource-banner
{
background-image:url(../Images/open-source_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.flex-banner
{
background-image:url(../Images/flex_development_copy.jpg);
background-repeat:no-repeat;
height:210px
}
.career-banner
{
background-image:url(../Images/career_copy.jpg);
background-repeat:no-repeat;
height:210px;
}
.ecommerce-banner
{
background-image:url(../Images/e-commerce_copy.jpg);
background-repeat:no-repeat;
height:210px;
}


topnavigationcss

.preload1 {background: url(http://etechnocraft.com/CSS/three_1.gif);}
.preload2 {background: url(http://etechnocraft.com/CSS/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:20px; background:url(http://etechnocraft.com/CSS/Images/menu-02.jpg) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://etechnocraft.com/CSS/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://etechnocraft.com/CSS/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://etechnocraft.com/CSS/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#FF7301; background: url(http://etechnocraft.com/CSS/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://etechnocraft.com/CSS/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://etechnocraft.com/CSS/three_1a.gif) no-repeat right middle;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{left:1px; top:38px; background: #eeeeee; padding:3px; border:1px solid #C9C9C9; white-space:nowrap; text-align:left; width:220px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100%; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:100%; line-height:18px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#eeeeee url(http://etechnocraft.com/CSS/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#FF7301; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#c82111 url(http://etechnocraft.com/CSS/arrow_over.gif) 40px 6px no-repeat; color:#FF7301;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:180px; top:-4px; background: #eeeeee; padding:3px; border:1px solid #c9c9c9; white-space:nowrap; width:100%; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(http://etechnocraft.com/CSS/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(http://etechnocraft.com/CSS/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 

topnavigation css end