﻿@charset "utf-8";
#navigation { position: relative; z-index: 2; }
/* Primary Tabs */
#navigation #mainnavnav {float: left; list-style: none; height: 117px;   width: 297px  }
#navigation #mainnavnav ul { float: left; list-style: none; height: 117px; width: 900px;}
#navigation #mainnavnav ul > li { float: left;/* margin: 0 10px 0 0;*/ height: 117px; list-style:none;}
#navigation #mainnavnav ul > li > a { color: #F8853B; display: block; font-size: 17px; font-weight:normal; font-family:Arial, "Helvetica", sans-serif;text-transform:uppercase; line-height: 17px; padding: 27px 30px;  text-decoration:none; }
#navigation #mainnavnav ul > li > a:hover{ background: url(../Images/bg-screenx117.png) top left repeat-x; color:#FFF; height:117px; border-bottom:0; border-top: 0; padding: 27px 30px;}
#navigation #mainnavnav ul > li > a:hover,  #navigation #mainnavnav  #info ul > li.active > a { background: url(../Images/bg-screenx117.png) top left repeat-x; color:#FFF; height:117px;  border-bottom:0; border-top: 0; 
padding: 27px 30px;  }
#navigation #mainnavnav ul > li.active > a,  #navigation #mainnavnav  #info ul > li.active > a:hover { height: 17px; }
/* Primary Tab Containers */
#subnav-container {border-bottom: 1px solid #fff; display: none; position: relative;}
#navigation .tabs { border-bottom: 0px solid #fff; display: none; width: 100%; position: relative; }
#navigation .close-wrap { background: url(../images/bg-nav-shadow.png) top left repeat-x; display: none; height: 5px; width: 100%; overflow: visible; position: absolute; bottom: -6px; left: 0px; right: 0px; z-index: 100; }
#navigation .close { background:#325A83 url(../images/arrow-close.gif) center no-repeat; border: 1px solid #FFF; border-top-width: 0; color: #FFF; cursor: pointer; height: 16px; margin: 0 auto; position: relative; top: -1px; width: 60px; z-index: 10 }
#navigation .close .close-shadow { position: absolute; top: 2px; left: -6px; margin: 0 auto; }
#navigation .main-sub-nav { color: #fff; padding: 29px 0px 0px 0px;  width: 960px;}
#navigation .main-sub-nav h3 { border-bottom:1px solid #7398bc; font-size:12px; margin-bottom: 20px; padding-bottom:5px; text-align: left; }
#navigation .main-sub-nav h3 span { font-size: 24px; }
#navigation .main-sub-nav h4 { font:15px; font-family:Arial, "Helvetica", sans-serif; font-weight:normal;padding-bottom:7px; }
#navigation .main-sub-nav a { color: #fff; text-decoration:none; }
#navigation .main-sub-nav a:hover { color: #ADAEB0; }
#navigation .main-sub-nav > ul { margin-bottom: 20px; list-style:none; }
#navigation .main-sub-nav > ul > li { float: left; width: 155px; margin: 0 2px; }
#navigation .main-sub-nav > ul > li > ul > li a { font-size: 12px; }
#navigation .icon { display:block; height:40px; position: relative; width:60px; }
/* Information */
#mainSolutions ul {float: left;}
#mainSolutions .icon {background-image:url(../images/main-icons1.png); margin-bottom: 5px; right: -7px}
#mainSolutions .one .icon {width:72px; height:40px;}
#mainSolutions .two .icon {background-position:-69px 1px; height: 40px; width: 55px;}
#mainSolutions .three .icon {background-position:-118px 1px; height:40px; width:72px;}
#mainSolutions .four .icon {background-position:-192px 1px; height:40px; width:58px;}
#mainSolutions .five .icon {background-position:-253px 1px; height:40px; width:72px;}
#mainSolutions .six .icon {background-position:-331px 1px; height:40px; width:60px;}
/* Skills */
#mainHowItWorks h4 {text-align: center; text-decoration:none; list-style:none;}
#mainHowItWorks ul { float: none; margin: 0 auto; padding-top: 4px;}
#mainHowItWorks .icon {background-image:url(../images/main-icons1.png);  margin: 0 auto 5px}
#mainHowItWorks .one .icon {background-position: 0px -6px; width: 54px;}
#mainHowItWorks .two .icon {background-position:-41px -6px;width:88px;}
#mainHowItWorks .three .icon {background-position:-110px -6px;width:70px;}
#mainHowItWorks .four .icon {background-position:-178px -6px;width:70px;}
#mainHowItWorks .five .icon {background-position: -246px -6px; width:70px;}
#mainHowItWorks .six .icon {background-position: -320px -6px; width:70px;}
/* Telecom */
#mainPartners h4 {text-align: center; text-decoration:none;}
#mainPartners ul { float: none; margin: 0 auto; padding-top: 20px; width: 330px;}
#mainPartners .icon {background-image:url(../images/main-icons1.png); margin: 0 auto 5px}
#mainHowItWorks .one .icon {background-position: -2px 1px; width: 54px;}
#mainHowItWorks .two .icon {background-position:-49px 1px;width:80px;}
#mainHowItWorks .three .icon {background-position:-113px 1px;width:70px;}
#mainHowItWorks .four .icon {background-position:-178px 1px;width:70px;}
#mainHowItWorks .five .icon {background-position: -246px 1px; width:70px;}
#mainHowItWorks .six .icon {background-position: -320px 1px; width:70px;}

/* Body */
.panel,.flip
{
text-align:center;width:67px; height:24px; color:#FFF; 

}

.panelfull
{width:100%;
background:#0071BC;
color:#FFF;
height:auto;}
.panel
{
/*padding:50px;
*/display:none;
height:auto;
width:100%;
/*background:#0071BC;
*/color:#FFF;


box-shadow: 0px 3px 5px #939598;
}
#menu1panel,#menu1flip{text-align:center;width:130px; height:34px;  
/*padding-top:16px;
*/}
.menufull{
width:100%;
background:#0099cc;
color:#FFF;
height:150px;
}
#menu1panel1
{
display:none;
height:auto;
width:100%;
/*padding-top:10px;
*/color:#FFF;
box-shadow: 0px 3px 5px #939598;
}
#menu2panel2,#menu2flip{text-align:center;width:146px; height:34px;   

}
#menu2panel2
{
	display:none;
 color: #FFFFFF;
    height: 80px;
/*    padding-top: 10px;
*/    width: 100%;
}
#menu3panel3,#menu3flip{text-align:center;width:113px; height:34px;

}
#menu3panel3
{
display:none;
 color: #FFFFFF;
    height: 80px;
/*    padding-top: 10px;
*/    width: 100%;}
#menu4panel4,#menu4flip{text-align:center;width:44px; height:34px;

}
#menu4panel4
{
display:none;
 color: #FFFFFF;
    height: 80px;
/*    padding-top: 10px;
*/    width: 100%;}
#menu5panel5,#menu5flip{text-align:center;width:60px; height:34px;
}
#menu5panel5
{
display:none;
color: #FFFFFF;
height: 80px;
/*    padding-top: 10px;
*/    width: 100%;  box-shadow: 0px 3px 5px #939598;}

/* Clear Float Fix */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:870px;height:0; float:left;}
* html .clearfix, *:first-child+html .clearfix {zoom:1}/* CSS Document */

.pulldown1{ width:100%; height:117px; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
.pulldown2{ width:100%; height:117px; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
.pulldown3{ width:100%; height:auto; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x repeat-y; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
.pulldown11{ width:100%; height:117px; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
.pulldown12{ width:100%; height:117px; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
.pulldown13{ width:100%; height:auto; float:left; background:url(../Images/bg-screenx117.png); display:none; background-repeat:repeat-x repeat-y; 
	
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 3px #999;
}
#infotxt-box{
	width:900px;
	height:auto;
	padding-top:50px;
	padding-left:20px;
}
#skillstxt-box{
	width:1000px;
	height:auto;
	padding-top:50px;
	
}
#communitxt-box{
	height: auto;
    padding-bottom: 20px;
    
    padding-top: 20px;
    width: 980px;
}
.infotxt-txt1{padding-top:20px;
	padding-left:20px;
	color:#1076bc;
	text-transform:uppercase;
	font-size:15px;
	text-decoration:non;
	display:inline;
	text-align:left;
	}
.infotxt-txt1 li{
	color:#1076bc;
	padding-left:80px;
	text-decoration:none;
	display:inline;
	}
.infotxt-txt1 li a{
	color:#1076bc;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt1 li a:hover{
	color:#c01e2e;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt2{padding-top:20px;
	
	color:#1076bc;
	text-transform:uppercase;
	font-size:15px;
	text-decoration:non;
	display:inline;
	text-align:left;
	}
.infotxt-txt2 li{
	color:#1076bc;
	padding-left:18px;
	text-decoration:none;
	display:inline;
	}
.infotxt-txt2 li a{
	color:#1076bc;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt2 li a:hover{
	color:#c01e2e;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt{padding-top:20px;
	
	color:#1076bc;
	text-transform:uppercase;
	font-size:15px;
	text-decoration:none;
	display:inline;
	text-align:left;
	}
.infotxt-txt li{
	color:#1076bc;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt li a{
	color:#1076bc;
	
	text-decoration:none;
	display:inline;
	}
.infotxt-txt li a:hover{
	color:#c01e2e;
	
	text-decoration:none;
	display:inline;
	}
.info.active { background: url(../Images/bg-screenx117.png) top left repeat-x; color:#FFF;   }
.skills.active { background: url(../Images/bg-screenx117.png) top left repeat-x; color:#FFF;    }
.communi.active { background: url(../Images/bg-screenx117.png) top left repeat-x; color:#FFF;  }
.advlist{font-size:12px; line-height:25px; width:170px; height:auto; float:left; text-transform:none !important;}
.advlist1{font-size:12px; line-height:25px; width:230px; height:auto; float:left; text-transform:none !important;}