@import url("./whitespace-reset.css");

body {
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #494949;
	background: #e8e8e8 url("../images/bg_body.gif") 0 0 repeat-x; }
.clearer { clear: both; }
#sitewrapper { min-width: 995px; }

#header-container {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 101px;
	background: transparent url("../images/bg_body.gif") 0 0 repeat-x; }
#index #header-container { height: 81px; }
#header {
	width: 916px;
	margin: 0 37px; }
	#header h1 {
		float: left;
		padding: 18px 23px 0 0; }
		#header h1 a {
			display: block;
			width: 132px;
			height: 50px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/logo_header.png") 0 0 no-repeat; }
	#header ul {
		float: left;
		width: 530px;
		margin: 17px 0 0 0;
		padding: 4px 0 0 0;
		background: transparent url("../images/icon_active-nav.gif") 13px 0 no-repeat; }
	#header li {
		float: left;
		padding: 0 20px 0 0; }
		#header li a {
			display: block;
			position: relative;
			height: 45px;
			text-indent: -8685px;
			outline: none; }
		#header li a.btn_home {
			width: 35px;
			background: transparent url("../images/btn_home.gif") 0 14px no-repeat; }
		#header li a.btn_4g-vs-3g {
			width: 103px;
			background: transparent url("../images/btn_4g-vs-3g.gif") 0 14px no-repeat; }
		#header li a.btn_4x-faster {
			width: 131px;
			background: transparent url("../images/btn_4x-faster.gif") 0 14px no-repeat; }
		#header li a.btn_our-plans {
			width: 58px;
			background: transparent url("../images/btn_our-plans.gif") 0 14px no-repeat; }
		#header li a.active { background-position: 100% 14px; }
		#header li span {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			width: 100%;
			height: 100%;
			cursor: pointer; }
		#header li a.btn_home span { background: transparent url("../images/btn_home.gif") 100% 14px no-repeat; }
		#header li a.btn_4g-vs-3g span { background: transparent url("../images/btn_4g-vs-3g.gif") 100% 14px no-repeat; }
		#header li a.btn_4x-faster span { background: transparent url("../images/btn_4x-faster.gif") 100% 14px no-repeat; }
		#header li a.btn_our-plans span { background: transparent url("../images/btn_our-plans.gif") 100% 14px no-repeat; }

#content {
	position: relative;
	width: 916px;
	margin: 0 auto;
	padding: 101px 0 155px 0; }
#index #content {
	top: 64px;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0px 0 0 0; }
#sitewrapper {
	width: 100%;
	height: 100%; }
#index #content-container,
#index #ajax-content {
	width: 100%;
	height: 100%; }
#non-flash {
	width: 376px;
	height: 66px;
	padding: 280px 0 0 540px;
	margin: 0 auto;
	background: transparent url("../images/bg_flash-placeholder.png") 50% 159px no-repeat; }
	#non-flash h1,
	#non-flash p { display: none; }
	#non-flash a.btn_download-flash {
		display: block;
		width: 223px;
		height: 26px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_download-flash.png") 0 0 no-repeat; }
	#non-flash a.btn_download-flash:hover { background-position: 0 100%; }

#footer-container {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 98;
	width: 100%;
	height: 155px;
	background: transparent url("../images/bg_footer.png") 0 0 repeat-x; }
#footer { min-width: 995px; }
#footer-left {
	float: left;
	width: 522px;
	height: 130px;
	padding: 25px 0 0 37px; }
	#footer-left h3 {
		height: 48px;
		padding: 0 0 5px 0;
		text-indent: -8685px;
		background: transparent url("../images/hdr_footer.png") 0 0 no-repeat; }
	#footer-left ul {
		float: left;
		padding: 0 0 7px 0;
		background: transparent url("../images/bg_footer-nav.gif") 0 3px no-repeat; }
	#footer-left li {
		float: left;
		padding: 0 11px 0 0; }
	#footer-left li.last { border: none; }
		#footer-left li a {
			display: block;
			position: relative;
			height: 16px;
			text-indent: -8685px;
			outline: none; }
		#footer-left li a.clear-insider { width: 127px; }
		#footer-left li a.legal { width: 24px; }
		#footer-left li a.contact { width: 45px; }
		#footer-left li a.terms { width: 70px; }
		#footer-left li a.agreement { width: 77px; }
		#footer-left li a.privacy { width: 60px; }
			#footer-left li a span {
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				cursor: pointer;
				background: transparent url("../images/bg_footer-nav_hover.gif") 0 50% no-repeat; }
			#footer-left li a.clear-insider span { }
			#footer-left li a.legal span { background-position: -138px 3px; }
			#footer-left li a.contact span { background-position: -173px 3px; }
			#footer-left li a.terms span { background-position: -229px 3px; }
			#footer-left li a.agreement span { background-position: -310px 3px; }
			#footer-left li a.privacy span { background-position: 100% 3px; }
	#footer-left p#legal {
		clear: both;
		background: transparent url("../images/text_legalese.gif") 0 0 no-repeat; }
		#footer-left p#legal a {
			display: block;
			width: 482px;
			height: 45px;
			text-indent: -8685px;
			outline: none; }
#footer-right {
	position: relative;
	float: right;
	width: 388px;
	height: 155px;
	padding: 0 27px 0 21px;
	background: transparent url("../images/bg_footer-divider.gif") 0 100% no-repeat; }
	#footer-right p#web-promo {
		position: absolute;
		right: 25px;
		top: 5px;
		z-index: 1;
		width: 196px;
		height: 58px;
		text-indent: -8685px;
		background: transparent url("../images/btn_free-shipping.png") 0 0 no-repeat; }
	#footer-right #social-media {
		position: absolute;
		left: 18px;
		bottom: 0;
		z-index: 2;
		width: 172px;
		padding: 0 0 21px 0;
		background: transparent url("../images/bg_footer-divider.gif") 100% 100% no-repeat; }
		#footer-right #social-media h4 {
			height: 28px;
			padding: 0 0 15px 0;
			text-indent: -8685px;
			background: transparent url("../images/hdr_social-media.png") 0 0 no-repeat; }
		#footer-right #social-media li {
			float: left;
			padding: 0 9px 0 0; }
		#footer-right #social-media a {
			display: block;
			position: relative;
			width: 26px;
			height: 26px;
			text-indent: -8685px;
			outline: none; }
		#footer-right #social-media a.btn_facebook { background: transparent url("../images/icon_facebook.gif") 0 100% no-repeat; }
		#footer-right #social-media a.btn_twitter { background: transparent url("../images/icon_twitter.gif") 0 100% no-repeat; }
			#footer-right #social-media a span {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				width: 100%;
				height: 100%; }
				#footer-right #social-media a.btn_facebook span { background: transparent url("../images/icon_facebook.gif") 0 0 no-repeat; }
				#footer-right #social-media a.btn_twitter span { background: transparent url("../images/icon_twitter.gif") 0 0 no-repeat; }
	#footer-right #promo {
		position: absolute;
		left: 208px;
		bottom: 0;
		z-index: 2;
		width: 184px;
		padding: 0 0 21px 0;
		background: transparent url("../images/bg_footer-divider.gif") 100% 100% no-repeat; }
		#footer-right .half-off_6-mos h4 {
			height: 33px;
			padding: 0 0 12px 0;
			text-indent: -8685px;
			background: transparent url("../images/hdr_half-off.png") 0 0 no-repeat; }
		#footer-right .thirty-month_6-mos h4 {
			height: 36px;
			padding: 0 0 12px 0;
			text-indent: -8685px;
			background: transparent url("../images/hdr_30-month.png") 0 0 no-repeat; }
		#footer-right #btn_find-out-more {
			position: relative;
			top: 3px; }
		#footer-right #promo a {
			display: block;
			width: 136px;
			height: 26px;
			margin: 0 0 0 2px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/btn_find-out-more.gif") 0 0 no-repeat; }
		#footer-right #promo a:hover { background-position: 0 100%; }

/* 4g vs. 3g
----------*/
#comparison #content-container,
#testimonials #content-container {
	margin: 101px 0 0 0;
	background: transparent url("../images/bg_4g-vs-3g_horizontal.png") 0 0 repeat-x; }
#comparison #content,
#testimonials #content {
	width: auto;
	padding: 0 0 155px 37px;
	background: transparent url("../images/bg_content-left.png") 0 0 no-repeat; }
#comparison #content #left-col,
#testimonials #content #left-col {
	float: left;
	width: 265px;
	padding: 25px 20px 0 0;
	color: #707070; }
	#comparison #content #left-col h1 {
		height: 18px;
		padding: 0 0 45px 0;
		text-indent: -8685px;
		background: transparent url("../images/hdr_4g-vs-3g.gif") 0 0 no-repeat; }
	#comparison #content #left-col h2 {
		height: 33px;
		text-indent: -8685px; }
	#comparison #content #left-col h2#hdr_what-is-4g { background: transparent url("../images/hdr_what-is-4g.gif") 0 0 no-repeat; }
	#comparison #content #left-col h2#hdr_what-is-3g { background: transparent url("../images/hdr_what-is-3g.gif") 0 0 no-repeat; }
	#comparison #content #left-col p,
	#testimonials #content #left-col p {
		padding: 0 0 20px 0;
		line-height: 130%; }
	#comparison #content #left-col p.legal {
		padding: 15px 0 0 0;
		font-size: 9px;
		color: #a5a5a5; }
		#comparison #content #left-col p.legal a {
			color: #a5a5a5;
			text-decoration: none; }
		#comparison #content #left-col p.legal a:hover {
			color: #494949;
			text-decoration: underline; }
#comparison #content #right-col,
#testimonials #content #right-col {
	overflow: hidden;
	padding: 25px 0 0 25px;
	background: transparent url("../images/bg_4g-vs-3g_cols.png") 0 0 no-repeat; }
	#comparison #content #right-col .inner,
	#testimonials #content #right-col .inner {
		width: 606px;
		margin: 0 auto; }
	#comparison #content #right-col h2 {
		height: 57px;
		margin: 4px 0 0 0;
		text-indent: -8685px;
		background: transparent url("../images/hdr_the-facts.gif") 0 0 no-repeat; }
	#comparison #content #right-col table { width: 606px; }
	#comparison #content #right-col th {
		padding: 11px 0;
		text-align: left;
		vertical-align: top;
		color: #494949; }
		#comparison #content #right-col th small { font-weight: normal; }
	#comparison #content #right-col th.keystone,
	#comparison #content #right-col th.clear-4g,
	#comparison #content #right-col th.three-g {
		border-top: 1px solid #d9d9d9; }
	#comparison #content #right-col th.keystone { width: 184px; }
		#comparison #content #right-col th.keystone p {
			height: 25px;
			overflow: hidden;
			border-bottom: 1px solid #d9d9d9; }
		#comparison #content #right-col th.clear-4g h3 {
			height: 25px;
			text-indent: -8685px;
			border-bottom: 1px solid #d9d9d9;
			background: transparent url("../images/hdr_clear-4g.gif") 0 0 no-repeat; }
		#comparison #content #right-col th.three-g h3 {
			height: 25px;
			text-indent: -8685px;
			border-bottom: 1px solid #d9d9d9;
			background: transparent url("../images/hdr_3g.gif") 0 0 no-repeat; }
	#comparison #content #right-col td {
		padding: 10px 10px 10px 0;
		color: #707070;
		vertical-align: top; }
		#comparison #content #right-col td strong { color: #494949; }

/* What 4x faster means
---------------------*/
#testimonials #content h1 {
	height: 42px;
	padding: 0 0 32px 0;
	text-indent: -8685px;
	background: transparent url("../images/hdr_4x-faster.gif") 0 0 no-repeat; }
#testimonials ul.sub-sections { border-top: 1px solid #dcdcdc; }
	#testimonials ul.sub-sections li {
		clear: both;
		float: left;
		border-bottom: 1px solid #dcdcdc; }
	#testimonials ul.sub-sections a {
		display: block;
		float: left;
		position: relative;
		width: 262px;
		height: 30px;
		text-indent: -8685px;
		outline: none; }
	#testimonials ul.sub-sections a.answer-any-question,
	#testimonials ul.sub-sections a.answer-any-question span.hover { background: transparent url("../images/nav_answer-any-question.gif") 0 50% no-repeat; }
	#testimonials ul.sub-sections a.keep-in-touch,
	#testimonials ul.sub-sections a.keep-in-touch span.hover { background: transparent url("../images/nav_keep-in-touch.gif") 0 50% no-repeat; }
	#testimonials ul.sub-sections a.connect-middle-nowhere,
	#testimonials ul.sub-sections a.connect-middle-nowhere span.hover { background: transparent url("../images/nav_connect-unusual-places.gif") 0 50% no-repeat; }
	#testimonials ul.sub-sections a.walk-away,
	#testimonials ul.sub-sections a.walk-away span.hover { background: transparent url("../images/nav_walk-away.gif") 0 50% no-repeat; }
	#testimonials ul.sub-sections a.do-business-anywhere,
	#testimonials ul.sub-sections a.do-business-anywhere span.hover { background: transparent url("../images/nav_do-business-on-go.gif") 0 50% no-repeat; }
	#testimonials ul.sub-sections a.active { background-position: 100% 50%; }
		#testimonials ul.sub-sections a.active span.arrow { background-position: 100% 50%; }
	#testimonials ul.sub-sections span.hover {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background-position: 100% 50% !important; }
	#testimonials ul.sub-sections span.arrow {
		display: block;
		position: absolute;
		right: 5px;
		top: 11px;
		z-index: 1;
		width: 6px;
		height: 8px;
		background: transparent url("../images/icon_right-arrow.gif") 0 0 no-repeat; }
		#testimonials ul.sub-sections span.arrow b {
			display: block;
			width: 6px;
			height: 8px;
			background: transparent url("../images/icon_right-arrow.gif") 100% 0 no-repeat; }
#testimonials #content #right-col { padding-top: 32px; }
#testimonials h2 {
	height: 17px;
	padding: 0 0 32px 0;
	text-indent: -8685px; }
h2#hdr_keep-in-touch { background: transparent url("../images/hdr_keep-in-touch.gif") 0 0 no-repeat; }
h2#hdr_get-answers { background: transparent url("../images/hdr_get-answers.gif") 0 0 no-repeat; }
h2#hdr_connect-middle-nowhere { background: transparent url("../images/hdr_connect-unusual-places.gif") 0 0 no-repeat; }
h2#hdr_walk-away { background: transparent url("../images/hdr_walk-away.gif") 0 0 no-repeat; }
h2#hdr_do-business-anywhere { background: transparent url("../images/hdr_do-business-on-go.gif") 0 0 no-repeat; }
	#testimonials #right-col blockquote {
		float: left;
		width: 287px;
		padding: 43px 0 0 0; }
	#testimonials #right-col blockquote.first {
		clear: both;
		padding: 0 32px 0 0; }
		#testimonials #right-col blockquote p.quote {
			position: relative;
			top: -15px;
			height: 101px;
			padding: 20px 20px 50px 20px;
			background: transparent url("../images/bg_testimonial-right.png") 0 0 no-repeat; }
		#testimonials #right-col blockquote.first p.quote {
			height: 113px;
			background: transparent url("../images/bg_testimonial-left.png") 0 0 no-repeat; }
		#testimonials #right-col blockquote p.name {
			height: 78px;
			font-size: 12px;
			text-align: right;
			color: #5eaa3d;
			background: transparent url("../images/bg_name-shadow_right.png") 100% 100% no-repeat; }
		#testimonials #right-col blockquote.first p.name {
			text-align: left;
			background: transparent url("../images/bg_name-shadow_left.png") 0 100% no-repeat; }
			#testimonials #right-col blockquote p.name span {
				display: block;
				height: 78px;
				padding: 0 102px 0 0; }
			#testimonials #right-col blockquote.first p.name span {
				padding: 0 0 0 92px; }
			#testimonials #right-col blockquote p.name strong {
				font-size: 16px;
				text-transform: uppercase;
				color: #565656; }
		#testimonials #right-col blockquote p.gamer span { background: transparent url("../images/bg_gamer-testimonial.png") 190px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.gamer span { background: transparent url("../images/bg_gamer-testimonial.png") 43px 0 no-repeat; }
		#testimonials #right-col blockquote p.webcam span { background: transparent url("../images/bg_webcam-testimonial.png") 198px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.webcam span { background: transparent url("../images/bg_webcam-testimonial.png") 51px 0 no-repeat; }
		#testimonials #right-col blockquote p.home span { background: transparent url("../images/bg_home-testimonial.png") 196px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.home span { background: transparent url("../images/bg_home-testimonial.png") 49px 0 no-repeat; }
		#testimonials #right-col blockquote p.camera span { background: transparent url("../images/bg_camera-testimonial.png") 194px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.camera span { background: transparent url("../images/bg_camera-testimonial.png") 47px 0 no-repeat; }
		#testimonials #right-col blockquote p.boat span { background: transparent url("../images/bg_boat-testimonial.png") 198px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.boat span { background: transparent url("../images/bg_boat-testimonial.png") 51px 0 no-repeat; }
		#testimonials #right-col blockquote p.laptop span { background: transparent url("../images/bg_laptop-testimonial.png") 196px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.laptop span { background: transparent url("../images/bg_laptop-testimonial.png") 49px 0 no-repeat; }
		#testimonials #right-col blockquote p.tree span { background: transparent url("../images/bg_tree-testimonial.png") 203px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.tree span { background: transparent url("../images/bg_tree-testimonial.png") 56px 0 no-repeat; }
		#testimonials #right-col blockquote p.building span { background: transparent url("../images/bg_building-testimonial.png") 201px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.building span { background: transparent url("../images/bg_building-testimonial.png") 54px 0 no-repeat; }
		#testimonials #right-col blockquote p.car span { background: transparent url("../images/bg_car-testimonial.png") 183px 0 no-repeat; }
		#testimonials #right-col blockquote.first p.car span { background: transparent url("../images/bg_car-testimonial.png") 36px 0 no-repeat; }

/* Our plans
----------*/
#plans #content-container {
	position: relative;
	margin: 101px 0 0 0;
	background: transparent url("../images/bg_plans-repeat.gif") 0 0 repeat-x; }
#plans #bg-overlay { background: transparent url("../images/bg_plans.gif") 0 0 no-repeat; }
#plans #content {
	width: auto;
	padding: 22px 0 155px 37px; }
	#plans #content h1 {
		height: 74px;
		text-indent: -8685px;
		background: transparent url("../images/hdr_our-plans.gif") 0 0 no-repeat; }
	#plans #content h2 {
		height: 25px;
		text-indent: -8685px; }
	#plans #content h3 {
		height: 55px;
		text-indent: -8685px; }
	#plans #content p {
		padding: 0 0 15px 0;
		line-height: 140%; }
#plans #plans-links { clear: both; }
	#plans #plans-links p {
		float: left;
		width: 302px; }
	#plans #plans-links a {
		display: block;
		position: relative;
		height: 47px;
		text-indent: -8685px;
		outline: none; }
		#plans #plans-links p.mobile a {
			width: 110px;
			background: transparent url("../images/btn_mobile-plans.png") 0 0 no-repeat; }
		#plans #plans-links p.home a {
			width: 106px;
			background: transparent url("../images/btn_home-plans.png") 0 0 no-repeat; }
		#plans #plans-links p.bundle a {
			width: 155px;
			background: transparent url("../images/btn_bundle-plans.png") 0 0 no-repeat; }
		#plans #plans-links span.hover {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			width: 100%;
			height: 100%; }
		#plans #plans-links p.mobile span.hover { background: transparent url("../images/nav_mobile.gif") 0 28px no-repeat; }
		#plans #plans-links p.home span.hover { background: transparent url("../images/nav_home.gif") 0 36px no-repeat; }
		#plans #plans-links p.bundle span.hover { background: transparent url("../images/nav_bundle.gif") 0 36px no-repeat; }
		#plans #plans-links span.arrow {
			display: block;
			position: absolute;
			right: 5px;
			top: 37px;
			z-index: 1;
			width: 6px;
			height: 8px;
			background: transparent url("../images/icon_right-arrow.gif") 0 0 no-repeat; }
		#plans #plans-links p.mobile span.arrow { top: 29px; }
			#plans #plans-links span.arrow b {
				display: block;
				width: 6px;
				height: 8px;
				background: transparent url("../images/icon_right-arrow.gif") 100% 0 no-repeat; }
	#plans #content a.hover { color: #494949; }
	.modal {
		position: absolute;
		left: -1000px;
		top: 0;
		z-index: 100;
		width: 310px;
		height: 181px;
		padding: 12px 0 10px 30px;
		background: transparent url("../images/bg_modal.png") 0 0 no-repeat; }
	div.spot {
		width: 399px;
		height: 151px;
		background: transparent url("../images/bg_modal-clear-spot.png") 0 0 no-repeat; }
	div.laptop {
		width: 393px;
		height: 151px;
		background: transparent url("../images/bg_modal-laptops.png") 0 0 no-repeat; }
		.modal .inner {
			position: relative;
			width: 100%;
			height: 100%; }
		.modem .inner { background: transparent url("../images/bg_modal_modem.jpg") 0 0 no-repeat; }
		.usb .inner { background: transparent url("../images/bg_modal_usb.jpg") 0 0 no-repeat; }
		.modal h4 { display: none; }
		.modal p {
			position: absolute;
			left: 18px;
			bottom: 18px;
			z-index: 1;
			width: 172px;
			padding: 0;
			font-size: 11px;
			line-height: 140%;
			color: #666666; }
		div.spot p,
		div.laptop p { width: 230px; }
#plans #mobile,
#plans #home,
#plans #bundle {
	float: left;
	width: 271px;
	padding: 0 31px 32px 0; }
#plans #mobile { clear: both; }
#plans #bundle { padding-right: 0; }
	#plans #mobile h2 { background: transparent url("../images/hdr_mobile-plans.gif") 0 0 no-repeat; }
	#plans #mobile h3 { background: transparent url("../images/hdr_mobile-plans_sub.gif") 0 0 no-repeat; }
	#plans #home h2 { background: transparent url("../images/hdr_home-plans.gif") 0 0 no-repeat; }
	#plans #home h3 { background: transparent url("../images/hdr_home-plans_sub.gif") 0 0 no-repeat; }
	#plans #bundle h2 { background: transparent url("../images/hdr_bundle-save.gif") 0 0 no-repeat; }
	#plans #bundle h3 { background: transparent url("../images/hdr_bundle-save_sub.gif") 0 0 no-repeat; }