/* @STYLESHEET FOR: Mammoth Networks
 * @Date Created: Jan 16 08
 * @Design: Graphics.net
 * @Date Updated: - - -
 * @Author: DP
 * @Notes:
 */

/* --------------------------------
 * GENERAL
 * ------------------------------*/
body {
	background: #FFF url(graphics/bg_body.gif) repeat-x;
	margin: 0;
	text-align: center;
	}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #004478;
	}
img { border: 0; }
p { margin: 0 0 15px 0; }
.bReplace {
	outline: none;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	}

/* --------------------------------
 * STRUCTURE
 * ------------------------------*/
#siteContainer {
	width: 932px;
	text-align: left;
	margin: 0 auto;
	}
	#header { height: 170px; }
		#logo {
			width: 193px;
			height: 109px;
			background: url(graphics/mammoth_logo.gif);
			position: absolute;
			margin: 37px 0 0 20px;
			}
		#topLinks {
			position: absolute;
			width: 290px;
			margin: 21px 0 0 293px;
			padding: 0;
			height: 15px;
			list-style: none;
			}
			#topLinks li {
				float: left;
				}
				#topLinks li a {
					text-decoration: none;
					display: block;
					height: 15px;
					outline: none;
					text-indent: -9999px;
					background-image: url(graphics/tl_matrix.gif);
					background-repeat: no-repeat;
					}
					#tlAboutUs { background-position: 0 0; width: 57px; }
					#tlContactUs { background-position: -57px 0; width: 74px; }
					#tlMemberships { background-position: -131px 0; width: 82px; }
					#tlPartners { background-position: -213px 0; width: 55px; }

		#loginContainer {
			position: absolute;
			width: 360px;
			height: 39px;
			background: url(graphics/bg_login_container.gif) no-repeat;
			margin: 7px 0 0 572px;
			}
			#loginContainer form { padding: 7px 0 0 15px; }
			#loginContainer .inputText {
				width: 93px;
				float: left;
				border: 1px solid #e5e6e6;
				background: url(graphics/bg_input_text.gif) no-repeat;
				font-size: 11px;
				color: #004478;
				margin-top: 4px;
				}
			#loginContainer input { margin-top: 3px; }
			#loginContainer label {
				float: left;
				margin-top: 4px;
				}
			#loginName { margin-right: 15px; }
			#loginPassword { margin-right: 8px;}
		#ad {
			position: absolute;
			margin-left: 230px;
			
		}
		#primaryLinks {
			position: absolute;
			width: 691px;
			height: 51px;
			margin: 108px 0 0 241px;
			padding: 0;
			list-style: none;
			}
			#primaryLinks li { float: left;	}
				#primaryLinks li a {
					display: block;
					outline: none;
					height: 51px;
					text-decoration: none;
					text-indent: -9999px;
					background-image: url(graphics/nav_matrix.png);
					background-repeat: no-repeat;
					}
					#plGetStarted { background-position: 0 0; width: 138px; }
					#plGetStarted:hover, .active #plGetStarted { background-position: 0 -51px; }

					#plPrivateLine { background-position: -138px 0; width: 140px; }
					#plPrivateLine:hover, .active #plPrivateLine { background-position: -138px -51px; }

					#plDSLAggregation { background-position: -278px 0; width: 159px; }
					#plDSLAggregation:hover, .active #plDSLAggregation { background-position: -278px -51px; }
					
					#plCoverageMap { background-position: -437px 0; width: 166px; }
					#plCoverageMap:hover, .active #plCoverageMap { background-position: -437px -51px; }

					#plNewsArchive { background-position: -603px 0; width: 86px; }
					#plNewsArchive:hover, .active #plNewsArchive { background-position: -603px -51px; }

	#contentArea {
		background: #e8e8e8 url(graphics/bg_content_area_bottom.gif) 0 100% no-repeat;
		padding: 0 0 33px 0;
		}
		#home #contentArea { background: #e8e8e8 url(graphics/bg_home_content_area_bottom.gif) 0 100% no-repeat; }
		.singleCol { background-image: url(graphics/bg_single_bottom.gif) !important; }
		#colSet { width: 932px; background: url(graphics/bg_col_set_tile.gif) repeat-y;}
		#home #colSet { background: url(graphics/bg_home_set_tile.gif) repeat-y; }
		.singleCol #colSet { background: url(graphics/bg_col_set_tile_single.gif) repeat-y; }
			#colSet h2 {
				text-indent: -9999px;
				height: 28px;
				margin: 0 0 11px 0;
				}
				#hOurSolution { background: url(graphics/headers/home_our_solution.gif) no-repeat; }
				#hNews { background: url(graphics/headers/home_news.gif) no-repeat; }
				#hPressReleases { background: url(graphics/headers/home_press_releases.gif) no-repeat; }
				#hPrivateTransport { background: url(graphics/headers/h_private_transport.gif) no-repeat; }

			#colLeftHome {
				width: 371px;
				float: left;
				background:#e8e8e8 url(graphics/bg_home_set_top.gif) no-repeat;
				}
	#home #colLeftHome { background: url(graphics/bg_home_set_top.gif) no-repeat; }

			.colLeftContent {
				width: 371px;
				background: url(graphics/bg_col_set_top.gif) no-repeat;
				}
				#home .colLeftContent { background: url(graphics/bg_home_set_top.gif) no-repeat; }
				.colLeftContent .pad { padding: 30px 18px 0 20px; }


			#colLeft {
				width: 371px;
				float: left;
				background: url(graphics/bg_col_set_top.gif) no-repeat;
				}
				#home #colLeft { background: url(graphics/bg_home_set_top.gif) no-repeat; }
				#colLeft .pad { padding: 30px 18px 0 20px; }
				#colLeft .pad2 { padding: 6px 11px 0 10px; }
			#homeMid {
				width: 277px;
				float: left;
				background: url(graphics/bg_home_set_top.gif) -371px 0 no-repeat;
				}
				#homeMid .pad { padding: 30px 9px 0 14px; }
				.newsItem {
					font-size: 10px;
					color: #53879f;
					background: url(graphics/bg_news_item_spacer.gif) 0 0 repeat-x;
					padding: 8px 5px 1px 0;
					}
					.newsItem h3 {
						font-size: 11px;
						line-height: 14px;
						font-weight: normal;
						color: #235a73;
						margin: 0 0 3px 0;
						}
					.firstItem { background: none; }
					.newsItem p { margin-bottom: 7px; }
					.newsItem .newsDate {
						font-style: italic;
						margin: 0 0 2px 0;
						}
			#homeRight {
				width: 284px;
				float: left;
				background: url(graphics/bg_home_set_top.gif) -648px 0 no-repeat;
				}
				#homeRight .pad { padding: 30px 20px 0 10px; }
			.bHomeMore {
				width: 49px;
				height: 18px;
				background: url(graphics/b_home_more.gif);
				float: right;
				}

	.contentHeader { display: block; }
	.subHeader { display: block; margin: 0 0 10px 0; }
	#colRight {
		background: url(graphics/bg_col_set_top.gif) -371px 0 no-repeat;
		width: 561px;
		float: left;
		}
		#colRight .pad { padding: 30px 27px 0 24px; }

	.singleCol {}
		.singleCol #colLeft {
			width: 932px;
			background: url(graphics/bg_col_set_top_single.gif) 0 0 no-repeat;
			}
			.singleCol #colLeft .pad { padding: 30px 27px 15px 24px; }



	#footer {
		margin: 18px 33px 28px 35px;
		color: #a1a0a0;
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		}
		#footer a { color: #f6851f;}
		#footerSig {
			float: right;
			padding: 12px 0 0 0px;
			margin-right: 35px;
			}

/* --------------------------------------------
|  COMPONENT STYLES
--------------------------------------------- */

#pricingComponent {
	width:356px;
	height:196px;
	background:url(graphics/ComponentFinal.jpg) no-repeat;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#035d82;
	margin:10px 0 0 10px;
}

#officialExhib {
	width:355px;
	height:158px;
	background:url(graphics/Official_Exhibitor.jpg) no-repeat;
	margin:10px 0 0 10px;
	border: 1px solid #ccc;
}

#row1 {
	position:absolute;
	margin:50px 0 0 40px;
}

#row2 {
	position:absolute;
	margin:100px 0 0 40px;
}

#row3 {
	position:absolute;
	margin:150px 0 0 40px;
}

.col1 {
	float:left;
	width:60px;
}

.col2 {
	float:left;
	margin-left:7px;
	width:60px;
}

.col3 {
	float:left;
	margin-left:5px;
	width:60px;
}

.col4 {
	float:left;
	margin-left:20px;
	width:60px;
}


/* --------------------------------
* CONTENT STYLING
* ------------------------------*/
h1 {

	}
h2 {

	}
h3 {

	}
a {
	color: #0a9fd4;
	}
a:hover {

	}

input, select, textarea {
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #999;
	background-color: white;
	color: #004478;
}


br.clearBoth { clear: both;	}
.center { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }

/* --------------------------------
 * PAGE SPECIFIC
 * ------------------------------*/
.pricingHeader {
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif;
	}


/* --------------------------------
 * OTHER
 * ------------------------------*/

div.map-button {
	padding:4px;
	background-color:#fff;
	border:1px solid #ccc;
	text-align: center;
	color: #000;
	cursor: pointer;
	width:300px;
	display: inline-block;
	font-size:12pt;
}

div.map-button.pressed {
	background-color:#eee;
	cursor: default;
}