	@media print {		
		* { background: #fff; color: #333 }
		html { font: 100%/1.5 Georgia, serif }
		}

* { margin: 0; padding: 0 }

a { color: #1e6fae; text-decoration: underline }
a:visited { color: #1e6fae }
a:hover { color: #1e6fae; text-decoration: none }
a:active { background: yellow; color: #000 }

html { background: transparent; height: 100%; padding: 0 0 1px 0 }
body { background: #174f7a url(../gfx/body-bg.png) 50% 212px no-repeat; color: #444; font: 11px/1.5 Verdana, sans-serif }

h1 { }
h2 { }
h3 { }
h1, h2, h3 { margin: 0 0 15px 0 }
p { margin: 0 0 15px 0 }
ul { list-style: square }

a img { border: 0 }

.field { background: #d1e37d; font-size: 11px; font-family: Verdana, sans-serif; padding: 3px 4px 4px 4px; margin: 0 0 4px 20px; border: 1px solid #999 }

#main { margin: 0 auto 50px auto; width: 940px; background: #fff; position: relative }
	#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

#head { background: url(../gfx/logo.jpg) no-repeat; height: 212px; width: 100%; clear: both }
	#logo-link {display: block; padding-top:50px; float:left; width: 250px; height: 100px; text-indent: -9999px;}
	#logo-link span {display: block;width: 0; height: 0; overflow: hidden;}
	#head h2 { margin-bottom: 8px }
	#login-signup { background: #f2f2f2; width: 689px; margin: 0 20px 1px 250px; height: 170px; border: 1px solid #ddd; border-top: 0; border-right: 0 }
	#head .field { float: left; width: 200px; }
		#login-signup h2 { color: #999; font-size: 10px; font-weight: normal }
		#login-signup label { position: absolute; top: -1000px }
			#new, #login { background: #fff; float: left; display: inline; margin: 20px 0 0 0; padding: 20px; height: 90px; width: 200px; border: 1px solid #ddd }
			#new { margin-left: 20px; width: 238px }
				#new p { text-indent: -9999px; padding: 4px 0 0 20px }
				#new a { display: block; width: 203px; height: 50px; background: url(../gfx/signup.jpg) no-repeat }
			#login { border-left: 0; width: 324px }
				#login p { margin-left: 20px; clear: both }
				#login-button { float: right; margin-right: 20px; display: inline }
	
	#head ul { list-style: none; background: url(../gfx/menu-bg.jpg) no-repeat; width: 690px; border-left: 250px solid #65a6d6; height: 40px }
	#head ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
		#head ul li { float: left }
		#head ul li a { text-indent: -9999px; display: block; height: 40px; float: left }

			#head ul li#how-link a { width: 132px }
				#how-link a:hover { background: url(../gfx/menu-bg.jpg) 0 -80px }
					#how-link a#active { background: url(../gfx/menu-bg.jpg) 0 -40px }
			#head ul li#apps-link a { width: 75px }
				#apps-link a:hover { background: url(../gfx/menu-bg.jpg) -132px -80px }
					#apps-link a#active { background: url(../gfx/menu-bg.jpg) -132px -40px }
			#head ul li#rates-link a { width: 110px } /* now features! */
				#rates-link a:hover { background: url(../gfx/menu-bg.jpg) -207px -80px }
					#rates-link a#active { background: url(../gfx/menu-bg.jpg) -207px -40px }					
			#head ul li#signup-link a { width: 125px }
				#signup-link a:hover { background: url(../gfx/menu-bg.jpg) -317px -80px }
					#signup-link a#active { background: url(../gfx/menu-bg.jpg) -294px -40px }		
			#head ul li#support-link a { width: 98px }
				#support-link a:hover { background: url(../gfx/menu-bg.jpg) -442px -80px }
					#support-link a#active { background: url(../gfx/menu-bg.jpg) -424px -40px }	

	#how-link a { width: 70px }
		#how-link a:hover { width: 70px }
	#apps-link a { width: 70px }
		#apps-link a:hover {  }
	#rates-link a { width: 70px }
		#rates-link a:hover {  }
	#signup-link a { width: 70px }
		#signup-link a:hover {  }
	#support-link a { width: 70px }
		#support-link a:hover {  }
		
#intro { clear: both; height: 485px; position: relative }
	.image-one { background: url(../gfx/image-1.jpg) no-repeat }
	.image-one-b { background: url(../gfx/image-1b.jpg) no-repeat }
	.image-two { background: url(../gfx/image-2.jpg) no-repeat }
		.image-two ul { display: none }
	.image-three { background: url(../gfx/image-3.jpg) no-repeat }
		.image-three ul { display: none }
	#intro #download-now a { display: block; width: 210px; height: 150px; position: absolute; top: 130px; left: 20px; text-indent: -9999px }
		#intro p { margin: 0 !important }

#sidebar { float: left; background: transparent; width: 190px; padding: 0 30px; border-right: 1px solid #ddd }
	.box { background: url(../gfx/box-bg.jpg) 50% 0 no-repeat; padding: 30px 0 15px 0 }
		.box p { width: 130px; padding-left: 70px }
	#sidebar h3 { text-indent: -9999px }
	#own-smartphone h3 { background: url(../gfx/own-smartphone-h3.gif) no-repeat; height: 15px }
	#own-smartphone p { background: url(../gfx/iphone-sidebar.jpg) no-repeat }
		#own-smartphone a{display: block; width: 60px; height:110px; top:50px;}
	#friends-calls h3 { background: url(../gfx/friends-calls-h3.gif) no-repeat; height: 37px }
	#friends-calls p { background: url(../gfx/star-sidebar.jpg) 0 25% no-repeat }
	#business-calls h3 { background: url(../gfx/business-calls-h3.gif) no-repeat; height: 37px }
	#business-calls p { background: url(../gfx/globe-sidebar.jpg) 0 20% no-repeat }
		#business-calls a{display: block; width: 60px; height:110px; top:50px;}
	#mobile-sphere p { background: url(../gfx/ms-logo.gif) no-repeat; padding-left: 100px }
	
#content { float: left; background: transparent; width: 629px; padding: 30px 0 30px 30px; border-right: 1px solid #ddd margin-left: -1px }
	#rateshome {
		background: url(/images/headers/rates_home.gif) no-repeat;
		height: 50px;
		margin: 0 0 10px;
		padding: 0;
		text-indent:-9999px;
	}
	
	#rate-h2 { background: url(../gfx/rate-h2.gif) 50% 0 no-repeat; height: 30px; margin-bottom: 20px; text-indent: -9999px }
	#rate-tool { background: #f4f4f4 url(../gfx/tool-bg.jpg) no-repeat; border: 8px solid #094f77; margin: 0 0 20px 0; padding: 20px }
		#rate-tool h3 { text-indent: -9999px }
		#rate-tool table { }
			#rate-tool table th, #rate-tool table td { padding: 4px 8px }
			.empty { width: 200px }
	#compare-carrier { text-align: center; margin-bottom: 30px }
	
	#plans h3 { background: url(../gfx/plans-h3.gif) 50% 0 no-repeat; height: 23px; text-indent: -9999px }
	#monthly { background: #d8f1ff url(../gfx/monthly-bg.jpg) top center no-repeat }
	#pay-per-min { background: #d8f1ff url(../gfx/pay-per-min-bg.jpg) top center no-repeat }
	#monthly, #pay-per-min { /*color: #6ad;*/ width: 246px; padding: 85px 20px 10px 20px; border: 8px solid #094f77; float: left }
		#pay-per-min { margin-left: 20px; padding-bottom: 40px }
		#monthly li, #pay-per-min li { margin: 0 0 15px 15px }
			#terms { list-style: none; font-style: italic; font-size: 10px }
	
	#main #popup-one, #main #popup-two {visibility: hidden; position: absolute; bottom: 160px; left: 320px; background: #fff; border: 8px solid #094f77; width: 224px; padding: 10px 30px }
		#popup-one ul, #popup-two ul { width: 100px; float: left; padding: 20px 0 0 0; list-style: none }
		#popup-one p, #popup-two p { border-top: 20px solid #fff; clear: both }
		#popup-one img, #popup-two img, #popup-three img { float: right; margin-right: -20px }
		
	#main #popup-two {width: 300px; left: 281px }
		#popup-two ul { width: 140px }
		
	#main #popup-three {visibility: hidden; position: absolute; bottom: 150px; left: 260px; background: #fff; border: 8px solid #094f77; width: 380px; padding: 10px 30px }
		#popup-three p { padding-top: 20px }

#footer { clear: both; border-top: 20px solid #fff; background: #f4f4f4 url(../gfx/foot-bg.gif) repeat-x; float: left; width: 100%; padding: 20px 0 }
	#footer p { color: #777; float: right; padding: 0 30px; margin: 0 }
	#footer p#copyright { float: left }
	
#close {
	float: right;
}


