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

body { background-color: #87888A; background-image: url(../images/gradients/page_bg.jpg); background-repeat: repeat-x;}
#clear, #clear1, #clear2, #clear3, #clear4 { clear: both; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#outerWrapper { width: 870px; margin-left: auto; margin-right: auto; margin-top: 20px;}

#graph
{
	height: 200px;
}
#top { 
	width: 870px;
	background-color: #FFFFFF;
	margin-top: 20px;
	padding: 20px;
	background-position: 705px 15px;
	background-repeat: no-repeat;
	float: left;
	}
	
	#top .tel {
		font-size: 16px;
		padding: 5px 0px 5px 0px;
		}
	
	#top strong {font-weight: bold;}
	/* #top .go {
		background-image: url(../images/petals/go_btn.gif);
		background-repeat: no-repeat;
		} */
	
	#top a:link, #top a:visited { color: #000000; text-decoration: none; }
	#top a:hover, #top a:active { text-decoration: underline; }
	#top input { margin: 5px 0px 5px 0px; }
		
#companyNav {
	width: 910px;
	background-color: #FFFFFF;
	margin-top: 10px;
	clear: both;
	float: left;
	text-align: right;
	padding:0px;
	}
	
	#companyNav ul {
		list-style-image: none;
		padding: 20px 20px 0px 20px;
		text-align: left;
		}
	#companyNav li {
		font-size: 14px;
		font-weight: 800;
		line-height: 29px;
		}
		
		.security { color: #00768D;	}
		.managed { color: #008B6C; }
		.business { color: #90026D;	}
		.netwrks { color: #B3071B; }
		.telecoms { color: #D07006; }
		
		#companyNav img {padding: 3px 5px 3px 0px;}
		
		#companyNav a {text-decoration: none;}
		
		#companyNav .security a:link, #companyNav .security a:visited {	color: #00768D; }
		#companyNav .security a:active, #companyNav .security a:hover {	color: #92C1CC; }
		
		#companyNav .managed a:link, #companyNav .managed a:visited {	color: #008B6C; }
		#companyNav .managed a:active, #companyNav .managed a:hover {	color: #A3D0C2; }
		
		#companyNav .business a:link, #companyNav .business a:visited {	color: #90026D; }
		#companyNav .business a:active, #companyNav .business a:hover {	color: #CCA4C3; }
		
		#companyNav .netwrks a:link, #companyNav .netwrks a:visited {	color: #B3071B; }
		#companyNav .netwrks a:active, #companyNav .netwrks a:hover {	color: #E0A28B; }
		
		#companyNav .telecoms a:link, #companyNav .telecoms a:visited {	color: #D07006; }
		#companyNav .telecoms a:active, #companyNav .telecoms a:hover {	color: #EEC59A; }
		
#bodyContent {
	width: 870px;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 20px;
	clear: both;
	float: left;
	}
	
	#mainContent {
		width: 660px;
		float: left;
	}
	
			#mainBodycopy {
				width: 605px;
			/*	border-bottom: 1px solid #868889;
				border-right: 1px solid #868889;
				border-top: none;	border-left: none;
				background: url(../images/gradients/mainBodyCopy_bg.gif) no-repeat top left; */
				padding: 10px;
				}
				
						#mainBodycopy h1 {font-size: 16px; color:#000000;}
						#mainBodycopy p { color: #666666; padding: 10px 0px 0px 0px;}
						#mainBodycopy img {padding: 20px;}
						
			#mainTeasers {
				width: 660px;
				}
				
				.teaserSecurity {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;
					background: url(../images/gradients/security_btm.jpg) no-repeat bottom left;
					float: left;
					
					}
					
				.teaserSecurity h4 {
						background: url(../images/gradients/security_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
					
				.teaserManage {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;
					background: url(../images/gradients/managed_btm.jpg) no-repeat bottom left;
					float: left;
					}
					
				.teaserManage h4 {
						background: url(../images/gradients/managed_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
						
				.teaserBusiness {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;
					background: url(../images/gradients/business_btm.jpg) no-repeat bottom left;
					float: left;
					}
					
				.teaserBusiness h4 {
						background: url(../images/gradients/business_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
						
				.teaserNetwrk {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;
					background: url(../images/gradients/netwrk_btm.jpg) no-repeat bottom left;
					float: left;
					}
					
				.teaserNetwrk h4 {
						background: url(../images/gradients/netwrk_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
						
				.teaserTelecoms {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;
					background: url(../images/gradients/telecoms_btm.jpg) no-repeat bottom left;
					float: left;
					}
					
				.teaserTelecoms h4 {
						background: url(../images/gradients/telecoms_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
					
						
				.teaserGeneric {
					width: 220px;
					margin-top: 20px;
					padding-bottom: 10px;				
					background: url(../images/gradients/generic_btm.jpg) no-repeat bottom left;
					float: left;
					}
					
				.teaserGeneric h4 {
						background: url(../images/gradients/generic_top.jpg) no-repeat top left;
						padding: 20px 40px 5px 18px;
						color: #FFFFFF;
						font-weight: normal;
						font-size: 16px;
						}
					
				.teaserSecurity p, .teaserManage p, .teaserBusiness p, .teaserNetwrk p, .teaserTelecoms p, .teaserGeneric p
					{ padding: 5px 40px 5px 18px; color:#FFFFFF; font-weight: normal;  }
					
				.teaserSecurity a:link, .teaserSecurity a:visited, .teaserManage a:link, .teaserManage a:visited, .teaserBusiness a:link, .teaserBusiness a:visited, .teaserNetwrk a:link, .teaserNetwrk a:visited, .teaserTelecoms a:link, .teaserTelecoms a:visited, .teaserGeneric a:link, .teaserGeneric a:visited
					{ color: #FFFFFF; text-transform: uppercase; text-decoration:none;}
					
				.teaserSecurity a:hover, .teaserSecurity a:active, .teaserManage a:hover, .teaserManage a:active, .teaserBusiness a:hover, .teaserBusiness a:active, .teaserNetwrk a:hover, .teaserNetwrk a:active, .teaserTelecoms a:hover, .teaserTelecoms a:active, .teaserGeneric a:hover, .teaserGeneric a:active
					{ text-decoration: underline;}
					
					
	
			#mainTabbedContent {
				width: 625px;
			}
			
				div.TabbedContent {
					width: 625px;
					margin: 0 0 20px 0;
				}
				
				.tabs-container {
					clear: left;
					border-top: 0;
					padding: 10px 8px 0 8px;
				}
				
				ul.TabbedContent {
					list-style-type: none;
					width: 100%;
					float: left;
					padding: 0px;
					margin: 0px;
				}
				
				ul.TabbedContent li {
					margin: 0 2px 0 0;
					float: left;
				}
				
				ul.TabbedContent a {
					float: left;
					margin: 0;
					padding: 0px 0px 0px 14px;
					text-decoration: none;
					color: #6e6e6e;
					background: url(../images/tabs/inactive_s.gif) no-repeat left top; 
				}
				

					ul.TabbedContent a span {
						float: left;
						display: block;
						padding: 6px 11px 5px 1px;
						background: url(../images/tabs/inactive_tab.gif) no-repeat right top;
					}
				
					ul.TabbedContent a:hover {
						background-position: 0% -125px;
						 color: #000000;
						} 
					
				
				ul.TabbedContent a.active {
					float: left;
					margin: 0;
					padding: 0px 0px 0px 14px;
					text-decoration: none;
					border: none;
					 color: #000000;
				}
					ul.TabbedContent a.active span {
						float: left;
						display: block;
						padding: 6px 11px 5px 1px; 
					 border-bottom: solid 1px #FFFFFF; 
					}
				
				.tab p { padding: 0px 5px 10px 5px; }
				.tab h2 { font-size: 16px; padding: 0px 5px 5px 5px; margin: 0px; }
				.tab strong { font-weight: bold; }
				.tab img {padding: 0px 8px 8px 8px; }
				.tab p a:link, .tab p a:visited { text-decoration: none; }
				.tab p a:hover, .tab p a:active { text-decoration: underline; }
				.tab ul { list-style: inside disc; }
				.tab ul li { padding: 0px 5px 10px 10px;}
				
		#mainSquarePromos {
			width: 665px;
			clear: left;
			float: left;
			margin-top: 10px;
			}	
			
			#mainSquarePromos .oneColumnPromos {
				width: 194px;
				float: left;
				border: solid 1px #868889;
				margin-right: 18px;
				margin-bottom: 10px;
				}
			
			#mainSquarePromos .twoColumnPromos {
				width: 407px;
				float: left;
				border: solid 1px #868889;
				margin-right: 18px;
				margin-bottom: 10px;
				}
			
			#mainSquarePromos .threeColumnPromos {
				width: 620px;
				float: left;
				clear: both;
				border: solid 1px #868889;
				margin-right: 18px;
				margin-bottom: 10px;
				}
				
				.oneColumnPromos h4, .twoColumnPromos h4, .threeColumnPromos h4 {
					font-weight: normal;
					text-transform: uppercase;
					text-align: left;
					padding: 5px 5px 5px 5px;
					font-size: 11px;
					
					}
					
				.oneColumnPromos p, .twoColumnPromos p, .threeColumnPromos p { padding: 5px; font-size: 11px;}
				.oneColumnPromos a, .twoColumnPromos a, .threeColumnPromos a { font-size: 11px;}
				
				.oneColumnPromos p a:link, .oneColumnPromos p a:visited, .twoColumnPromos p a:link, .twoColumnPromos p a:visited, .threeColumnPromos p a:link, .threeColumnPromos p a:visited  { text-decoration: none; }
					.oneColumnPromos p a:hover, .oneColumnPromos p a:active, .twoColumnPromos p a:hover, .twoColumnPromos p a:active, .threeColumnPromos p a:hover, .threeColumnPromos p a:active  { text-decoration: underline; background-image: none;}
				
	#rightWrapper {
		width: 200px;
		float: right;
		}

					.rightPromos  {
						width: 200px;
					}
					.rightPromos div {
						border: solid 1px #dedede;
						border-top: none;
						border-bottom: solid 1px #999999;
					}
					
					.rightPromos p {
						border: none;
						font-weight: normal;
						padding: 10px 10px 5px 12px;
						color: #000000;
					}
					
					.rightPromos h4
					{
					    text-align: center;
					     text-transform:uppercase;
					     padding-top:5px;
					}
					
					.rightPromos a {
						cursor: pointer;
						display: block;
						color: #6e6e6e;
						background-image: url(../images/gradients/off_rt.jpg);
						background-color: #999999;
						background-repeat: repeat-x;
						height: 24px;
						font-weight: normal;
						text-transform: uppercase;
						text-align: center;
						padding-top: 4px;
					}
					.rightPromos a:hover, .rightPromos a.selected {
						background-image: url(../images/gradients/active_rt.jpg);
					}
					
					.rightPromos p a {
						background-image: none;
						background-color: #FFFFFF;
						font-weight: normal; 
						text-transform: none;
						padding: 5px 10px 10px 12px;
						margin: 0px;
						 display:block;
						}
					.rightPromos p a:link, .rightPromos p a:visited { text-decoration: none; }
					.rightPromos p a:hover, .rightPromos p a:active { text-decoration: underline; background-image: none;}
									
				/* Scroller Box */
				#scroller_container {
				 position: relative;
				 width: 120px;
				 height: 200px;
				 overflow: hidden;
				}
				
				#scroller p {
				 padding: 0;
				}
				/* Scoller Box */

					
#footer {
	width: 870px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	clear: both;
	float: left;
	text-align: center;
}

	#footer a:link, #footer a:visited { color: #000000; text-decoration: none; }
	#footer a:hover, #footer a:active { text-decoration: underline; }
	
form { margin:0; 
       padding:0; }
div.title
	{
		cursor: pointer;
		display: block;
		color: #6e6e6e;
		background-image: url(../images/gradients/off_rt.jpg);
		background-color: #999999;
		background-repeat: repeat-x;
		height: 24px;
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
		padding-top: 4px;
	}
#graphwrapper
{
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle; 
	
}
#wrapper
	{ 
	margin: 0 auto;
	width: 750px;
	height: 200px;
	background-color: #FFFFFF;
	border: solid 15px #FFFFFF;
	text-align: left;
	}

Label
{
   
float: left;
width: 130px;
font-weight: bold;
}

#contactusleft
{
    float:left;
    width:500px;

}

#formwrapper
{
   
    
    padding-top:15px;
    background-image:url(../images/backgrounds/contactus_bg.jpg);
    background-position:bottom left ;
    background-repeat:no-repeat; 
    height:442px;
}
#formwrapper1
{
   
    
    padding-top:15px;
    background-image:url(../images/backgrounds/copyright_bg.jpg);
    background-position:bottom left ;
    background-repeat:no-repeat; 
    height:442px;
}
#formwrapper2
{
   
    
    padding-top:15px;
    background-image:url(../images/backgrounds/aboutus_bg.jpg);
    background-position:bottom left ;
    background-repeat:no-repeat; 
    height:442px;
}
#formwrapper3
{
   
    
    padding-top:15px;
    background-image:url(../images/backgrounds/unsub.jpg);
    background-position:bottom left ;
    background-repeat:no-repeat; 
    height:442px;
}

/* Top navigation and logo */


/* Horizontal Accordion */