@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}

/*important*/
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px; 
}


.tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    width: 163px; text-indent:-9999px;  /* be nice to Opera */
}


.tabs-nav a {
    position: relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    white-space: nowrap; /* required in IE 6 */    
}

/*most_important*/
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -59px; 
    outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav a, .tabs-nav a  {
    display: block;
    padding: 24px;
	
    background: url(../img/software_development.png); background-repeat:no-repeat;
	
}



/*most_important*/

.tabs-container { background-image:url(../img/bg_main_fea.png); background-position:bottom; background-repeat:repeat-x; background-color:#fdcd13;
    padding: 1em 8px;
   /* declare background color for container to avoid distorted fonts in IE while fading */
}

/*important*/

#fragment-1{height:200px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;}
#fragment-1 p{padding:5px; margin:0px 0px 0px 0px; font-size:12px; line-height:18px; }
.font_fragment_14{font-size:16px; color: #000000; font-weight:bold;}


#fragment-2{height:200px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;}
#fragment-2 p{padding:5px; margin:0px 0px 0px 0px; font-size:12px; line-height:18px; }


#fragment-3{height:200px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;}
#fragment-3 p{padding:5px; margin:0px 0px 0px 0px; font-size:12px; line-height:18px; }



/*software_development*/

.tabs-nav1 .tabs-selected1 a, .tabs-nav1 a:hover, .tabs-nav1 a:focus, .tabs-nav1 a:active {
    background-position: 100% -59px;
    outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav1 a, .tabs-nav1 a  {
    display: block;
    padding: 23px;
    background: url(../img/web_development.png) no-repeat;
	
}

/*software_development*/

.tabs-nav2 .tabs-selected2 a, .tabs-nav2 a:hover, .tabs-nav2 a:focus, .tabs-nav2 a:active {
    background-position: 100% -59px;
    outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav2 a, .tabs-nav2 a  {
    display: block;
    padding: 24px;
    background:url(../img/it_solutions.png) no-repeat;
	
}





#container{width:489px; background-color:#ffefb1;}





/*new*/