@charset "UTF-8";

/* ------------------------------------*/
/* ---------->>> IMPORTS <<<-----------*/
/* ------------------------------------*/
/* Main CSS Document: Imports other style sheets for different elements of the site */

@import url('mainContent.css');


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

*{
	margin: 0;
}

html{
	height: 100%;
}

body{
	color: #666;
	font: 11px Helvetica, Arial, Verdana, sans-serif;
	height: 100%;
	background: url(http://images.atlanticmetro.net/amc/headerBg.png) repeat-x top left;
}

	#container{
		min-height: 100%;
		width: 1090px;
		height: 100%;
		height: auto !important;
		position: relative;
		margin: 0 auto -265px;		
		clear: both;
	}

	#feedback a, #feedback a:visited{
		width: 45px;
		height: 110px;
		position: absolute;
		top: 41%;
		left: -4px;
		outline: none;
		border: 0;
		background: url(http://images.atlanticmetro.net/amc/feedback.png);
	}
	
	#feedback a:hover, #feedback a:active{
		background: url(http://images.atlanticmetro.net/amc/feedbackRollover.png);
	}

	a{
		color: #069;
		text-decoration: none;
	}
	
	a:hover, a:active{
		text-decoration: underline;
		outline: none;
		border: 0;
	}
	
	h1{
		color: #FF7114;
		font-size: 16px;
		padding-bottom: 3px;
	}
	
	h2{
		color: #444;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
	}
	
	input, textarea{
		color: #666;
		border: 1px solid #CCC;
		background: url(http://images.atlanticmetro.net/amc/inputBg.gif) #FFF repeat-x bottom left;
	}
	
	.orangeButtons, .orangeButtons:visited{
		color: #FFF;
		font: bold 10px;
		text-decoration: none;
		height: 20px; 
		position: relative;
		display: inline-block; 
		padding: 0 5px 1px; 
		border: 1px solid #ff7d29;
		background: url(http://images.atlanticmetro.net/amc/orangeButton.png) repeat-x;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		cursor: pointer;
	}
	
	.orangeButtons:hover{ 
		border: 1px solid #0f7cba;
		background: url(http://images.atlanticmetro.net/amc/orangeButtonRollover.png) repeat-x; 
	}

	
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/	

#header{
	height: 135px;
	background: url(http://images.atlanticmetro.net/amc/header.png) no-repeat top left;
}
	
	#headerContent{
		padding: 25px 70px;
	}
	
		#headerContent a img{
			width: 380px;
			height: 85px;
			margin-right: 405px;
			float: left;
			border: 0;
		}
		
		#password-clear {
			display: none;
		}
		
		#userLogin{
			width: 165px;
			float: left;
			padding: 0;
			margin: 4px 0 0 0;
			background: none;
			border: none;
		}
		
		input#username, input#password, input#password-clear{
			color: #666;
			font-size: 10px;
			width: 160px;
			padding: 2px 3px;
			margin-bottom: 12px;
			float: left;
		}

/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/

#nav{
	font-size: 16px;
	height: 34px;
	border-bottom: 2px solid #DDD;
	background: url(http://images.atlanticmetro.net/amc/primaryNavBg.gif) repeat-x left top;
}

	#navBar {
		padding: 0;
		margin: 0 68px 0 0; 
		float: right;
		list-style: none;
	}

		ul#navBar li{
			height: 34px;
			padding: 0; 
			margin: 0; 
			float: left; 
			overflow: hidden; 
		}
	
			ul#navBar a {
				color: #FFF;
				text-decoration: none;
				padding: 9px 15px 11px 15px; 
				float: left; 
				background: url(http://images.atlanticmetro.net/amc/primaryNavBg.gif) repeat-x left top;
				clear: both;
			}

			ul#navBar a:hover, body#services li.services a, body#network li.network a, body#dataCenters li.dataCenters a, body#support li.support a, body#aboutUs li.aboutUs a, body#contact li.contact a{
				background: url(http://images.atlanticmetro.net/amc/primaryNavRollover.gif) repeat-x left top;
			}
			
/* --------------------------------------------------------------------------------------*/
/* ---------->>> MIDDLE OF WEBSITE (Between primary navigation and footer.) <<<----------*/
/* --------------------------------------------------------------------------------------*/

	#leftSideContent{
		width: 700px;
		height: auto;
		margin: 40px 30px;
		float: left;
	}

		#titleArea{
			width: 700px;
			height: auto;
			margin: 0 0 40px 20px; 
			float: left;
			background: url(http://images.atlanticmetro.net/amc/titleAreaBottomLine.gif) no-repeat bottom left;
		}

			#titleIcon{
				float: left;
				margin: 20px;
			}
			
			#titleIcon img{
				width: 150px;
				height: 150px;
			}

			#titleTagline{
				width: 460px;
				margin: 20px 10px 0 20px;
				float: left;
			}

			#titleTagline h2{
				color: #069;
				font-size: 16px;
				font-weight: lighter;
				line-height: 22px;
				padding: 15px 0 50px 0px;
			}
			
/* --------------------------------------------------------------------------------------*/
/* ---------->>> HOMEPAGE POSITIONING ETC. MIDDLE OF PAGE <<<----------------------------*/
/* --------------------------------------------------------------------------------------*/

		#homepageTitleArea{
			height: auto;
			margin: 25px 0 50px 65px; 
			float: left;
			background: url(http://images.atlanticmetro.net/amc/homepageBottomLine.png) no-repeat bottom left;
			
		}

			#homepageTitleArea h1{
				color: #069;
				font-size: 14px;
				font-weight: 200;
				line-height: 21px;
				padding: 40px 0 50px 0;
			}

			#homepageIcons{
				margin: 0 0 0 42px;
				float: left;
			} 
			
				#homepageIcons img{
					padding-left: 24px;
					float: left;
					border: 0px;
				}
			
			#promo{
				margin: 35px 20px 35px 65px;
				float:left;
			}
			
			#sasLogo {
				margin: 38px 0 0 66px;
				float:left;
			}
			
			#tradeshow{
				background: url(http://images.atlanticmetro.net/amc/homepageBottomLine.png) no-repeat top left;
				margin-left: 42px;
				padding: 50px 0 45px 25px;
			}
			
			#tradeshow img{
				margin: 10px 0;
				float: left;
			}
			
			#metroECheck{
				margin-left: 42px;
				padding: 0 0 35px 25px;
			}
			
			#metroECheck a{
				margin-top: 20px;
				float: left;
			}
			
			#metroECheck img{
				margin-top: -15px;
				float: left;
			}
			
			#tradeshow, #metroECheck{
				float: left;
			}
			
			#tradeshow a img, #metroECheck a img{
				border: none;
			}

/* -------------------------------------------------------------------------------------------------*/
/* ---------->>> SUBNAVIGATION ON INTERNAL PAGES (located in middle content, left side)  <<<--------*/
/* -------------------------------------------------------------------------------------------------*/

		#subNav{
			width: 210px;
			margin-right: 20px;
			float: left;
		}
		
			#subNav ul{
				margin: 0;
			}
			
				#subNavLinks li{
					color:#069;
					font-size: 12px;
					padding: 10px 0;
					background: url(http://images.atlanticmetro.net/amc/subNavBottomLine.gif) no-repeat bottom left;
					list-style: none;
				}
					
					#subNavLinks li a{
						text-decoration: none;
						padding-left: 18px;
						background: url(http://images.atlanticmetro.net/amc/subNavArrowBlue.png) no-repeat 2px;
					}
					
					#subNavLinks li a:hover{
						text-decoration: underline;
						background: url(http://images.atlanticmetro.net/amc/subNavArrowOrange.png) no-repeat 2px;
					}
				
					#subNavLinks li.emailAccount{
						color:#444;
					}
					
/* -------------------------------------------------------------------------------------------------*/
/* ---------->>> MAIN CONTENT AREA ON INTERNAL PAGES (located in middle content)  <<<---------------*/
/* -------------------------------------------------------------------------------------------------*/

		#mainContent{
			text-align: left;
			width: 470px;
			height: auto;
			position: relative;
			float: left;
		}
		
			#mainContent p{ /* Used for "Visit our Services & Network..." link*/
					line-height: 18px;
					padding-top: 20px;
			}
		
			.infoSection{
				line-height: 16px;
				text-align:left;
				width: 470px;
				float: left;
				padding-bottom: 30px;
				margin: 0 0 30px 0;
				clear: both;
				background: url(http://images.atlanticmetro.net/amc/middleContentBottomLine.gif) no-repeat bottom left;
				
			}
			
				.infoSection h1{
					line-height: 14px;
					padding-top: 11px 0 5px 0;
					margin: 0;
					clear: both;
				}
				
				.infoSection .subTitle{
					font-size: 12px;
					font-weight: bold;
					color: #444;
					padding-bottom: 2px;
				}
				
				.infoSection a{
					clear: both;
				}

				.infoSection ul{
					padding: 14px 0 0 0;
					margin: 0;
					list-style: none;
				}
				
				.infoSection li.listTitle{
					color: #444;
					font-size: 12px;
					font-weight: bold;
					padding-bottom: 8px;
					margin-left: 20px;
					background:url() no-repeat 0 6px;
				}
				
				.infoSection li{
					line-height: 16px;
					padding: 0 0 0 20px;
					margin-left: 40px;
					background:url(http://images.atlanticmetro.net/amc/bullet.gif) no-repeat 0 6px;
				}
			
			.backToTop{
				width: 470px;
				padding: 25px 0 0 0;	
				clear: both;
			}
				
/* --------------------------------------------------------------------------------------------------*/
/* ---------->>> RIGHT SIDE OF PAGE (contains news, downloads, featured data center etc.)  <<<-------*/
/* --------------------------------------------------------------------------------------------------*/				

	#rightSideContent{
		font: 12px;
		width: 250px;
		height: auto;
		padding: 20px 3px 0 0;
		margin: 40px 30px 40px 15px;
		float:left;
	}
	
		#rightSideContent h1{
			color: #666;
			line-height: 14px;
			padding-bottom: 10px;
		}
	
			#whatsNew, #news, #why, #downloads, #feature{
				padding-top: 11px;
				margin-bottom: 35px;
			}
			
			#whatsNew{
				background: url(http://atlanticmetro.net/imgs/whatsNewHeader.jpg) no-repeat top left;
			}
			
			#news{
				background: url(http://images.atlanticmetro.net/amc/newsHeader.jpg) no-repeat top left;
			}
			
			#why{
				background: url(http://images.atlanticmetro.net/amc/whyHeader.jpg) no-repeat top left;
			}
			
			#downloads{
				background: url(http://images.atlanticmetro.net/amc/downloadsHeader.jpg) no-repeat top left;
			}
			
			#feature{
				background: #FFF url(http://images.atlanticmetro.net/amc/featureHeader.jpg) no-repeat top left;
			}
			
				#whatsNewContent, #newsContent, #whyContent, #downloadsContent, #featureContent{
					width: 205px;
					padding: 1px 21px 25px 21px;
					background: url(http://images.atlanticmetro.net/amc/rightSideBottomLine.gif) no-repeat bottom left;
				}
					/* What's New? */
					#whatsNewContent a img, #hightlightsContent img{
						border: 0;
						padding-top: 10px;
					}
					
					
					/* News*/
					.newsDate{
						color:#069;
						font-size: 12px;
						font-weight: bold;
					}
					
					#news p{
						font-size: 12px;
						line-height: 18px;
						padding-top: 15px;
					}
			
					#news a{
						color: #666;
					}
			
					/* Why Atlantic Metro? */
					#whyContent ul{
						font-size: 12px;
						margin: 0;
						padding: 15px 0 0 0;
						list-style: none;
					}
					
						#whyContent li a{
							line-height: 24px;
							padding: 0 0 0 19px;
							background:url(http://images.atlanticmetro.net/amc/miniCheckMarkIcon.png) no-repeat;
						}
						
						#whyContent li a:hover {
							background:url(http://images.atlanticmetro.net/amc/miniCheckMarkIconHover.png) no-repeat;
						}
			
					/* Downloads */
					#downloadsContent ul{
						font-size: 12px;
						margin: 0;
						padding: 15px 0 0 0;
						list-style: none;
					}
					
						#documentList li a{
							line-height: 24px;
							padding: 0 0 0 19px;
							background:url(http://images.atlanticmetro.net/amc/docDownloadsIcon2.png) no-repeat;
						}
						
						#documentList li a:hover {
							background:url(http://images.atlanticmetro.net/amc/docDownloadsIconHover.png) no-repeat;
						}
						
				/* Features/Featured Data Center */	
				.featureLocation a{
					font-size: 12px;
					font-weight: bold;
					padding-bottom: 3px;
				}
				
				#featureContent img{
					width: 207px;
					margin: 15px 0 20px 0;
					outline: none;
					border: 1px solid #9f9f9f;
				}
				
				#feature p{
					font-size: 12px;
					line-height: 18px;
				}
				
				#featureContent ul{
					font-size: 11px;
					line-height: 16px;
					padding: 14px 0 0 0;
					margin: 0;
					list-style: none;
				}
				
					#featureContent li{
						padding: 0 0 0 20px;
						margin-left: 20px;
						background:url(http://images.atlanticmetro.net/amc/bullet.gif) no-repeat 0 6px;
					}
					
		/* Social Media/Links Section*/
		#socialMedia {
			width: 247px;
			padding: 0 21px 30px 21px;
			margin-bottom: 35px;
		}
		
			#socialMediaContent img{
				margin-right: 7px;
				float: left;
				border: 0px;
			}
			
			#socialMediaContent #blog a{
				font-size: 12px;
				padding: 13px 0 0 8px;
				float: left;
			}
			
			#socialMediaContent #blog a:hover {
				text-decoration: underline;
			}				
			
/* --------------------------------------------------------------------------------------------------*/
/* ---------->>> FOOTER (contains bottom nav, copyright info, and logos)  <<<------------------------*/
/* --------------------------------------------------------------------------------------------------*/				

	#footer{
		width: 100%;
		height: 265px;
		background: url(http://images.atlanticmetro.net/amc/bottomNavBg.png) repeat-x top;
		clear: both;
	}
		
		#bottomNav{
			color: #444;
			font-size: 10px;
			line-height: 20px;
			text-align: left;
			width: 1030px;
			height: 210px;
			margin: 0 auto;
			padding: 25px 30px 0 30px;
			background: url(http://images.atlanticmetro.net/amc/bottomNavBg.png) repeat-x top;
		}
			
			#bottomNav ul{
				float: left;
				list-style: none;
			}
			
				#bottomNav li.categoryTitle{
					font-weight: bold;
					padding-bottom: 0;
				}
			
				#bottomNav a{
					color: #444;
				}
				
				#bottomNav a:hover{
					text-decoration: underline;
				}
				
			#officeAddress ul{
				margin-left: 30px;
				border-left: 1px solid #999;
				padding-left: 20px;
			}
			
				#officeAddress a{
					color: #069;
					font-size: 12px;
				}
			
		#copyrightLegal{
			color: #666;
			font-size: 9px;
			line-height: 14px;
			text-align: left;
			width: 950px;
			height: 45px;
			margin: 0 auto;
			padding: 0 70px;
		}
			#copyright{
				width: 355px;
				float: left;
			}
			
				#copyright a{
					color: #666;
					text-decoration: none;
					float: left;
				}
				
				#copyright a:hover{
					text-decoration: underline;
				}
			
			#partnerLogos{
				float: right;
			}
			
				#partnerLogos img{
					padding-left: 25px;
					float: left;
				}

/* --------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> FORMS ()  <<<-------------------------------------------*/
/* --------------------------------------------------------------------------------------------------*/	

	form{
		color: #444;
		font-size: 11px;
		line-height: 14px;
		padding: 25px 35px;
		margin-top: 25px;
		border: 1px solid #CCC;
		background:#EEE;
	}

		#contactForm, #bandwidth, #agentNewsletter{
			width: 313px;
		}
		
		#IPv4, #IPv6{
			width: 160px;
			float: left;
		}
		
		#quoteForm, #dfQuoteForm{
			width: 405px;
		}


			.formInput{
				font-size: 12px;
				padding: 5px;
				margin: 2px 0 15px 0;
			}
			
			#contactForm .formInput, #bandwidth .formInput, #agentNewsletter .formInput{
				width: 308px;
			}
			
			#IPv4 .formInput, #IPv6 .formInput{
				width: 150px;
			}
			
			#quoteForm .formInput, #dfQuoteForm .formInput, #mainFormInfo{
				width: 400px;
			}

				#city{
					width: 230px;
				}
					
					#city .formInput{
						width: 228px;
					}
				
				#state{
					width: 35px;
				}
					
					#state .formInput{
						width: 33px;
					}
					
				#zip{
					width: 68px;
				}
					
					#zip .formInput{
						width: 66px;
					}
					
				#phone{
					width: 127px;
					float: left;
				}
					
					#phone .formInput{
						width: 125px;
					}
					
				#emailQuote{
					width: 240px;
				}
					
					#emailQuote .formInput{
						width: 238px;
					}
					
				#estBandwidth{
					width: 140px;
				}
					
					#estBandwidth .formInput{
						width: 128px;
					}

				#mainFormInfo, #preferredContact, #preferredTime, #city, #state, #zip, #emailQuote,  #fiberQuantity,  #fiberType, #fiberConfig, #termLength, #pointA, #pointZ, #deployment, #quoteRadio, #budget, #storage, #estBandwidth, #timeFrame, #security, #submitButton{
					float: left;
				}
				
				#state, #zip, #emailQuote, #timeFrame, #estBandwidth{
					margin-left: 35px;
				}

				#fiberConfig{
					margin-left: 62px;
					margin-right: 100px;
				}
				
				#termLength{
					margin-left: 79px;
					margin-right: 150px;
				}
				
				#pointA .formInput, #pointZ .formInput, #timeFrame, #budget{
					margin-bottom: 20px;
				}
				
				
				#preferredContact{
					margin-right: 25px;
				}
				
				#preferredTime{
					margin-bottom: 20px;
				}
				
				#quoteRadio{
					margin-right: 95px;
					clear: both;
				}
				
				#comments{
					clear: both;
				}

				#security{
					width: 400px;
				}
				
					#security .formInput{	
						width: 160px;
						margin-right: 31px;
						float: left;
					}
					
					#security img{
						width: 115px;
						height: 35px;
						margin-top: -10px;
						margin-bottom: 15px;
						float: left;
						border: 1px solid #CCC;
					}