/*for web tabs*/

#web
{	padding-top: 18px;
	font-family:tahoma;
	float: right;
	font-size: 11px;
	font-weight: bold;
	/*text-shadow: #aa875b 0.1em 0px 0.1em ;*/
}
	
#web ul{
	margin: 0px;
	padding: 0px;
}

#web li
{
	background-image: url(../images/tab.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 122px;
 	padding: 5px 7px 0 19px;
}

#web li a
{
	text-decoration: none;
	display: block;
	padding-top:11px;
	height: 16px;
	padding-bottom: 6px;
 }

#web li a:hover
{	
	color:#2875DE;
 }

#web div
{
	position: absolute;
	visibility: hidden;
	margin: 2px 0 0 -7px;
	padding: 0;
	width: 129px;
	 
	
}


/*#web div .drop-top{
	background-image: url(../images/menu/drop-top-blue.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 189px;
	height:7px;
	display:block;
	
}*/
#web div .drop-middle{
	background: url(../images/dropdown-bg.png) repeat-x bottom left #78c3e7;
 	display:block;
	border-right:1px solid #8bc9e8;
	border-left:1px solid #8bc9e8;	
	padding: 0 1px;
	color: #5b5b5b;
}

#web div .drop-middle1{
	background: url(../images/dropdown-bg.png) repeat-x bottom left #78c3e7;
 	display:block;
	width:172px;
	border-right:1px solid #8bc9e8;
	border-left:1px solid #8bc9e8;	
	padding: 0 1px;
	color: #5b5b5b;
}
#web div .drop-bottom{
	background-image: url(../images/dropdown-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 129px;
	height:7px;
	display:block;
	
}

#web div .drop-bottom1{
	background-image: url(../images/dropdown-bottom1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 176px;
	height:7px;
	display:block;
	
}

#web div h1{
	display:block;
	margin:0px;
	padding-left:0px;
	font-size:11px;
	cursor:pointer;
	font-weight:normal;
	
}
#web div .drop-middle a:link,  #web div .drop-middle a:visited
{
	position: relative;
	display: block;
	margin: 0px;
	background-color:none;
	padding: 0px;
	width:124px;
	white-space: nowrap;
	text-align: left;
	border: 0px solid transparent;
	text-decoration: none;
	color: #fff;
	font: 11px arial;
	background-image:url(../images/bullate2.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
 }

 
#web div .drop-middle a:hover
{
	background-color:#3092c4;
	color: #fff;
	border: #287aa4 1px solid;
}


#web div .drop-middle1 a:link, #web div .drop-middle1 a:visited
{	position: relative;
	display: block;
	margin: 0;
	background-image:none;
	padding: 4px 1px 4px 1px;
	height:17px;
	width:170px;
 	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #fff;
	font: 11px arial;
	background-image:url(../images/bullate2.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
}

#web div .drop-middle1 a:hover
{	
 	background-color:#3092c4;
	height: 15px;
	color: #fff;
	padding: 4px 1px 4px 1px;
	border: #287aa4 1px solid;
}

/*for web tabs*/ 



#web a.c-profile:link, #web a.c-profile:visited {
	background: url(../images/tab-icon.png) 92px center;
 	color: #FFFFFF;
}

#web a.c-profile:hover{
	background: url(../images/tab-icon.png) -48px center;
	color:#d7edff;
}


#web  a.o-services:link, #web  a.o-services:visited {
	background: url(../images/tab-icon.png) -198px top no-repeat;
	width:110px;
  	padding-left: 5px;
 	color: #FFFFFF;
}


#web  a.o-services:hover{
	background: url(../images/tab-icon.png) -338px top no-repeat;
	color:#d7edff;
}


#web  a.portfolio:link, #web  a.portfolio:visited {
	background: url(../images/tab-icon.png) -488px top no-repeat;
 	padding-left: 18px;
	width:85px;
 	color: #FFFFFF;
}


#web  a.portfolio:hover{
	background: url(../images/tab-icon.png) -628px top no-repeat;
	color:#d7edff;
}


#web  a.carrer:link, #web  a.carrer:visited {
	background: url(../images/tab-icon.png) -768px top no-repeat;
 	padding-left: 18px;
	width:85px;
 	color: #FFFFFF;
}


#web  a.carrer:hover{
	background: url(../images/tab-icon.png) -908px top no-repeat;
	color:#d7edff;
}


#web  a.contact-us:link, #web  a.contact-us:visited {
	background: url(../images/tab-icon.png) -1040px top no-repeat;
 	padding-left: 5px;
	width:110px;
 	color: #FFFFFF;
}


#web  a.contact-us:hover{
	background: url(../images/tab-icon.png) -1180px top no-repeat;
	color:#d7edff;
}