/* Page Structure*/

@import url('/css/content.css');

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	img {
		border: 0;
	}
		
	body {
		background-color:  #1E5089;
		margin: 0;
		padding: 0;		
		font-family: Arial, Helvetica, sans-serif;
		}
		
	.skipLink {
		position: absolute;
		text-indent: -9999px;
		}
		
	.background 
	{
		width: 100%;
		background: transparent url('../images/generic/backgroundTop.png') repeat-x 0 0; /* background for leftCol */
	}

	.container {
		margin: 0px auto;
		margin-bottom: 30px;
		width: 985px;
		position: relative;
	}
		
	a {
		color: #fff;
		
		}
		
	.clear {
		clear: both;
		}
		
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}
	
	.sIFR-replaced {
		visibility: visible !important;
		}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	/*
	.sIFR-hasFlash h1 {
		visibility: hidden;
		}*/


/* 2 :-------- Header ------------ */

	.header {
		/*height: 131px;*/
		height: 102px;
		padding-top: 6px;
	}
	
	.mainLogo {
		display: block;
		margin-left: 20px;
		height: 93px;
		width: 260px;
		/*height: 122px;
		width: 324px;*/
		background: url('../images/elements/alternativeNetworksLogo.png') no-repeat scroll 0 0;
		text-decoration: none;
	}
	
	/*.mainLogo {
		display: block;
		margin-left: 20px;
		height: 122px;
		width: 324px;
		background: transparent url('../images/elements/alternativeNetworksLogo.png') no-repeat scroll 0 0;
		text-decoration: none;
	}*/	
	
	.mainLogo img {
		visibility: hidden;
}
	
	.contactSection{
		position: absolute;
		left: 480px;
		top: 26px;
	}
	
	span.call {
		font-size: 1em;
		color: #fff;
		font-weight: bold;
		font-family: "Century Gothic", sans-serif;
	}
	
	span.phoneNumber {
		font-size: 2.3em;
		color: #fff;
		font-weight: bold;
		font-family: "Century Gothic", sans-serif;
		width: 200px;
		position: absolute;
		left: 0;
		top: 10px;
	}
	
	span.email {
		font-size: 0.9em;
		color: #fff;
		width: 200px;
		position: absolute;
		left: 0;
		top: 39px;
	}
	
	span.email a {
		color: #fff;
		text-decoration: none;
	}
	
	span.email a:hover {	
		text-decoration: underline;
	}
	
	span.callBack {
		font-size: 0.9em;
		color: #fff;
		width: 200px;
		position:absolute;
		left: 0;
		top: 52px;
	}
	
	span.callBack a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	span.callBack a:hover {
		text-decoration: underline;
	}
		
	.searchSection {
		position: absolute;
		left: 703px;
		top: 42px;
	}
	
	.searchSection #searchButton{
		height:30px;
		position:relative;
		margin-top:-5px;
	}
		
	.searchText {
		display: block;
		border: 0;
		font-size: 1.2em;
		line-height: 1.2em;
		padding: 0;
		margin: 0;
		float:left;
		margin-right: 5px;
		height: 22px;
		width: 160px;
		background: transparent url('../images/elements/textfield.png') no-repeat;
	}
		
	.searchButton {
		background: transparent url('../images/elements/findButton.png') no-repeat scroll 0 0;
		text-indent: -9999px;
		border: 0;
		padding: 0;
		margin: 0;
		width: 64px;
		height: 30px;
		position: absolute;
		top: -4px;
		left: 170px;
		vertical-align: middle;
	    cursor: pointer; /* hand-shaped cursor */
	}
		
	.searchSection ul {
		display:block;
		clear:both;
		margin:3px 0 0 0;
		padding: 0;
	}
		
	.searchSection li {
		display: inline;	
		font-size: 0.9em;
		padding: 0 0.4em 0 1em;
		list-style: none;
		background: transparent url('../images/elements/headerBullet.png') no-repeat 0 50%;
	}
		
	.searchSection li a {
		color: #fff;
	}

	.searchSection li a:hover {
		text-decoration: none;
	}
		
	.searchSection li.first	{
		background: none;
		padding-left: 0;
	}
/* 3 :-------- Main Nav ------------ */

	#mainNav 
	{
		position:relative;
		left: 15px;
		top: 0px;
		/*height: 47px;*/
		height: 36px;
		width:703px;
		z-index:100;
		padding:0;
		margin:0;
	}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		width: 703px;
		list-style: none;
	}
	
	#mainNav ul.level01{
		height:36px;
	}
	
	#mainNav ul.level01 li {
		height:36px;
		overflow:hidden;
	}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		/*position:relative;*/
	}
	
	/* start: added by darren */
	#mainNav ul li ul.level02 li
	{
		margin: 0; 
		padding: 0px;
		float: none; 
		height:auto;
	}
	
	#mainNav ul.level02 li a {
		background-image:none;
	}
	
	#mainNav ul.level02 li a {
		text-indent: 36px;
		font-size:11px;
		text-decoration: none;	
		background: url('../images/dropdown-bg.jpg') left top no-repeat;	
		height:30px;
	}
	/* end: added by darren */
			
	#mainNav a {
		display: block;
		font-size: 1em;
		text-decoration: none;		
		height: 36px;
		background: transparent url('../images/elements/menu.gif') no-repeat left bottom;
		text-indent: -9999px;
		overflow:hidden;
		padding:0;
		margin:0;
	}	

    #mainNav a.AboutusLink {   
        width: 121px;
        height:36px;       
    }
    
    #mainNav a.ProductsLink {
        width: 123px;
        background-position: -121px bottom;
        height:36px;
    }
	
	#mainNav a.ServicesLink {
        width: 112px;
        background-position: -244px bottom;
        height:36px;
    }
    
    #mainNav a.SolutionsLink {
        width: 125px;
        background-position: -356px bottom;
        height:36px;
    }
	
	#mainNav a.NewsLink {      
        width: 91px;
        background-position: -481px bottom;
        height:36px;
    }
    
    #mainNav a.InvestorsLink {
        width: 131px;
        background-position: -572px bottom;
        height:36px;
    }

    #mainNav .nav01on a.AboutusLink,
    #mainNav a.AboutusLink:hover {
        background-position: 0 top;
    }

    #mainNav .nav01on a.ProductsLink,
    #mainNav a.ProductsLink:hover 
    {
        background-position: -121px top;
    }
    
    #mainNav .nav01on a.ServicesLink,
    #mainNav a.ServicesLink:hover {
        background-position: -244px top;
    }

   #mainNav .nav01on a.SolutionsLink,
    #mainNav a.SolutionsLink:hover {
        background-position: -356px top;
    }

    #mainNav .nav01on a.NewsLink,
    #mainNav a.NewsLink:hover {
        background-position: -481px top;
    }

    #mainNav .nav01on a.InvestorsLink,
    #mainNav a.InvestorsLink:hover {
        background-position: -572px top;
    }	
	
	#mainNav ul li ul
	{
		margin: 0; 
		padding: 0;
		position: absolute;
		text-indent: 0px; 
		font-size:12px;
		text-decoration: none;	
		width: 213px;
		display:none;
		z-index:101;
	}

	#mainNav ul li ul.level02 li
	{
		margin: 0; 
		padding: 0px;
		float: none;
		height:auto;
	}
	
	#mainNav ul.level02 li a {
		background-image:none;
	}
	
	#mainNav ul.level02 li a {
		text-indent: 36px;
		font-size:11px;
		text-decoration: none;	
		background: url('../images/dropdown-bg.jpg') left top no-repeat;	
		height:30px;
	}
	
	
	#mainNav ul li ul .nav02on,
	#mainNav ul li .level02 a:hover
	{
		font-weight: bold;
	}
	
	#mainNav ul li:hover ul, 
	#mainNav ul li.nav01Over ul
	{ 
		display: block;	
	}
	
	
	
/* 4 :-------- Content ------------ */

	.standardContent
	{
		width: 703px; 
		min-height: 602px; /* remove this value */
		position: relative;
		left:15px;
		margin-top:0px;
		background-color:#ffffff;
		overflow: hidden; /*20071211 TT */
		float:left;
	}	
	
	.standardContent .oneColumnPanel
	{
		margin: 15px 15px 15px 0;
	}

	.mainContent
	{
		min-height: 602px; /* remove this value */
		position: relative;
		left:15px;
		margin-top:0px;
		float:left;
		width:705px;
	}	
	
	#content
	{
		position:relative;
		float:left;
		left: 15px;
		margin-top: 0px;
		width:703px;
		min-height: 602px;
		background-color:#fff;
		z-index:1;
	}

	
	#rightCol {
		width: 250px;
		float:left;
		margin-top: -6px;
		margin-left: 15px;
		background: transparent url('../images/elements/sideBar.png') no-repeat 0 7px;
		min-height: 602px;
		z-index:1;
	}

	/* This is for the benefit of the single column with side nav pages */
	.main .oneColumnPanel {
		/*width: 703px; */
		/*float: left;*/
		min-height: 400px; /* remove this value */
		position: relative;
	}

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer 
	{
		clear:both;
		position:relative;
		margin-left: 15px;
		padding-top: 16px;
		height: 50px;
		width: 703px;
		background: transparent url('../images/elements/footer.png') no-repeat 0 bottom;
	}
	
	.mainContent .footer{
		margin-left:0px;
	}

	
	.footer ul {
		padding: 0;
		margin: 0 14px;
		height: 30px;
	}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		background: transparent url('../images/elements/footerBullet.png') no-repeat 0 50%;
		color: #fff;
		font-size: 0.9em;
		padding: 2px 5px 2px 8px;
	}
		
	.footer li.first {
		padding-left: 0;
		background: none;
	}

	.footer a {
		color: #fff;
		text-decoration: none;
	}
		
	.footer a:hover {	
		text-decoration: underline;
	}