*{ margin:0; padding:0;}

a{ text-decoration:none;}
img{ border:none; outline:none;}
ul,li,ol{ list-style:none;}


#navigation{ float:left; width:988px; height:31px; background:url(../images/topwrapper.png) 0 0 no-repeat;}


/*-------------------------------------------------/
 *Expertise page anchors classes
 */


ul.dropdown ul a.php {
 width: 100px;
 padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/php.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.sql {
 width: 100px;
 line-height:20px; padding: 4px 5px 0px 30px;
background:url(../images/sql.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.joomla {
 width: 100px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/joomla.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.wordpress {
 width: 100px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/wordpress.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.drupal {
 width: 100px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/drupal.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.magento {
 width: 100px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/magento.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.osc {
 width: 100px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/osc.png) left bottom no-repeat;
 text-align:left;
}



ul.dropdown ul a.net {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/micro.net.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.java {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/java.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.cc {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/cc++.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.iphone {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/iphn.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.android {
 width: 155px;
 padding: 4px 5px 0 30px; line-height:20px;
 background:url(../images/android.gif) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.blackberry {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/black.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.winm {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/wm.png) left bottom no-repeat;
 text-align:left;
}



ul.dropdown ul a.psd {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/psd.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.aair {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/adobeair.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.flash {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/flash.png) left bottom no-repeat;
 text-align:left;
}

ul.dropdown ul a.ai {
 width: 155px; padding: 4px 5px 0px 30px;
line-height:20px;
 background:url(../images/ai.png) left bottom no-repeat;
 text-align:left;
}


/*-------------------------------------------------/
 *Expertise page anchors classes end
 */

/*-------------------------------------------------/
 *Services page anchors classes start
 */
 
ul.dropdown li.dir a.heading_class{ float:left; width:198px;}


ul.dropdown li.dir h2.sftwr{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/sf_dev.png) left bottom no-repeat;
}

ul.dropdown li.dir h2:hover{ color:#FFF;}

ul.dropdown li.dir h2.web_dev{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/web_dev.png) left bottom no-repeat;
}



ul.dropdown li.dir h2.web_des{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/design.png) left bottom no-repeat;
}

ul.dropdown li.dir h2.hosting{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/hosting.png) left bottom no-repeat;
}


ul.dropdown li.dir h2.ecommerce{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/ecommerce.png) left bottom no-repeat;
}

ul.dropdown li.dir h2.marketting{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/marketing.png) left bottom no-repeat;
}



ul.dropdown li.dir h2.outsource{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/outsource.png) left bottom no-repeat;
}


ul.dropdown li.dir h2.mobile{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/mobile.png) left bottom no-repeat;
}

ul.dropdown li.dir h2.maintenance{
width:190px;
padding:3px 0 0 25px;
 background:url(../images/maintenance.png) left bottom no-repeat;
}
/*-------------------------------------------------/
 *Services page anchors classes start
 */


/*-------------------------------------------------/
 *Open Source Expertise anchors classes begins
 */
 
.open_source{ float:left; width:425px;}
.open_source .cat_align{ float:left; width:206px;}

.open_source .open_category{ float:left; border-bottom:1px solid #eeeeee; width:200px;}
.open_source .open_category ul{ float:left;}
.open_category ul.open_outer{ float:left; width:100px;}
.open_category ul.open_outer li{ float:left; width:100px !important; padding:0!important;}
.open_category ul.open_outer li.last{border:0; width:200px !important; padding:0 40px !important;}
.open_category ul.open_outer li ul{ float:left;}
.open_category ul.open_outer li ul.block{ float:left;}
.open_category ul.open_outer li ul.block li{ float:left; width:100px;}
.open_category ul.open_outer li ul.block li.open{ border:0; padding:3px 0 !important; width:100px;color: black; text-align: left;}
.open_category ul.open_outer li ul.block li.open img{ float:left; padding:0 5px 0 0;}
.open_category ul.open_outer li ul.block li.open a{ width:90px;}
.open_category ul.open_outer li ul.block li.open span{ width:90px;}

.expertise_block{ float:left; width:158px;}
.expertise_block .inner_blcok{ float:left; width:158px;}
.expertise_block .inner_blcok ul{ float:left;}
.expertise_block .inner_blcok ul.inner_list{ float:left; width:150px;}
.expertise_block .inner_blcok ul.inner_list li{float: left;
width: 133px !important;
padding: 4px 20px!important;
color: black;
text-align: left;}
.expertise_block .inner_blcok ul.inner_list li a{ width:138px !important; padding:4px 5px 2px 20px; line-height:17px; text-align:left;}
.expertise_block .inner_blcok ul.inner_list li a:hover{color:#fff !important; background-color:#19C3F6 !important;}

.inner_blcok ul.inner_list li.net {
 background:url(../images/micro.net.png) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.java {
 background:url(../images/java.png) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.cc {
 background:url(../images/cc++.png) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.iphone {
 background:url(../images/iphn.png) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.android {
 background:url(../images/android.gif) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.blackberry {
 background:url(../images/black.png) left 2px no-repeat;
}

.inner_blcok ul.inner_list li.winm {
 background:url(../images/wm.png) left 2px no-repeat;
}
