/* Global Styles */

body { background:#fff url(http://img1.yp.com/radiant/radiant_assets_25204_atti_body.png) repeat-x left bottom; font:11px/20px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; border-top:4px solid #0070b3; margin:0; padding:0; color:#4f4f4f; }
:focus { outline:none; }
a { color:#399dd8; text-decoration:none; }
ul { padding:0; margin:0; list-style:none; }
h1, #flash_header, #content	{ width:970px; margin:auto; padding:0; position:relative; }
#footer { width: 970px; margin: 10px auto; }
h1 a { background:url(http://img1.yp.com/radiant/radiant_assets_25288_atti_logo.png) no-repeat; height:62px; width:235px; text-indent:-4331px; display:block; line-height:62px; margin-top: 35px; margin-right: 0; margin-bottom: 0px; margin-left: 0; }
h2, h3, h4 { padding:0; margin:0; }
#brands {
  position:relative; z-index: 100;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_30196_atti_brandlist_2.png) top left no-repeat;
  height:57px;
  margin:auto;
  width:970px; }
#brands li { float:left; }
#brands li a { display:block; text-indent:-4331px; position:absolute;overflow: hidden; }
#brand_yp {
	width:91px;
	height:42px;
	top:7px;
	left: 311px;
}
#brand_ypmob {
	width:113px;
	height:42px;
	top:7px;
	left:488px;
}
#brand_anywho {
	width:90px;
	height:24px;
	top:17px;
	left:681px;
}
#brand_keen {
	width:55px;
	height:25px;
	top:17px;
	left:872px;
}

#footer p { text-align:center; font-size:9px; line-height:12px; }
#footer a { padding:0 7px; }

/* Temporary Homepage Styles */

#home #header_tmp { height: 420px; margin-top: 18px; background: url(http://img2.yp.com/radiant/radiant_assets_28936_atti_tmp_bg.jpg); text-align: center; }

#header_bgs {
	position:relative;
}

.header_bg {
	position:absolute;
	top:0;
	background-position:0 53px;
	background-repeat:repeat-x;
	height:360px;
	padding:53px 0 0;
	width:100%;
	z-index:3;
}

	#bg1 { background-image:url(http://img2.yp.com/radiant/radiant_assets_28968_atti_background1.jpg); }
	#bg2 { background-image:url(http://img2.yp.com/radiant/radiant_assets_28970_atti_background2.jpg); }
	#bg3 { background-image:url(http://img2.yp.com/radiant/radiant_assets_28904_atti_background3.jpg); }
	#bg4 { background-image:url(http://img2.yp.com/radiant/radiant_assets_28942_atti_background4.jpg); }
	#bg5 { background-image:url(http://img2.yp.com/radiant/radiant_assets_28972_atti_background5.jpg); }

.header_bg a {
	display:block;
	height:360px;
	cursor:pointer;
}

#header_logos {
position:relative;
}

.header_logo {
	z-index:8;
	position:absolute;
	left:50%;
	margin-left:-465px;
	top:0;
	z-index:5;
	cursor:pointer;
}

.header_logo img {
	border:0;
}

.front-image {
		z-index:10;
}

.last-front {
		z-index:9;
}

/* homepage */

#home #header { height:420px; margin-top: 2px; }
#home #flash_header { /*background:url(/images/atti_home_flash.jpg) no-repeat;*/
	height:316px; position:relative; top:-27px; }
#home p.brands_title { background:url(http://img1.yp.com/radiant/radiant_assets_25218_atti_home_ourbrand.png) no-repeat 4px 0; height:6px; width:106px; padding:0 0 5px 4px; text-indent:-4331px; margin:0; font-size:6px; line-height:6px; }
#home #content { margin:-24px auto 0; }
.navbox { width:234px; height:167px; background:url(http://img1.yp.com/radiant/radiant_assets_25274_atti_home_navbox.png) no-repeat; margin:10px 0 58px; padding:0 11px 0 0; float:left; position:relative; }
.navbox.last { padding:0; }
.navbox h2 { font-size:16px; font-weight:400; line-height:16px; color:#00446d; padding:16px 0 0 19px; }
.navbox .btn { width:35px; height:32px; position:absolute; left:189px; top:11px; display:block; text-indent:-4331px; }
#nav_learn .btn { background:url(http://img1.yp.com/radiant/radiant_assets_25214_atti_home_learnbtn.png) no-repeat; }
#nav_con .btn { background:url(http://img1.yp.com/radiant/radiant_assets_25123_atti_home_connectbtn.png) no-repeat; }
#nav_work .btn { background:url(http://img1.yp.com/radiant/radiant_assets_25278_atti_home_workbtn.png) no-repeat; }
#nav_talk .btn { background:url(http://img1.yp.com/radiant/radiant_assets_25220_atti_home_talkbtn.png) no-repeat; }
.navbox ul { padding:15px 0 0 24px; position:relative; }
.navbox li a { display:block;padding:0 0 0 9px; font-size:12px; line-height:20px; background:url(http://img1.yp.com/radiant/radiant_assets_25260_atti_home_bullet.png) no-repeat 0 4px; position:relative; }
.navbox li a:hover { color: #AAA; }
#nav_talk a { display:block; text-indent:-4431px; padding:0; }
#btn_beta { width:122px; height:26px; background:url(http://img1.yp.com/radiant/radiant_assets_25210_atti_home_betalabs.png) no-repeat; left:30px; top:4px; }
#btn_twitter { width:32px; height:32px; background:url(http://img1.yp.com/radiant/radiant_assets_25302_atti_home_twitter.png) no-repeat; left:29px; top:23px; }
#btn_fb { width:32px; height:32px; background:url(http://img1.yp.com/radiant/radiant_assets_25212_atti_home_fb.png) no-repeat; top:-9px; left:120px; }
/* Inside pages */

#inside { background: #e5e8ed url(http://img1.yp.com/radiant/radiant_assets_25350_bg_white.gif) repeat-x top; }
#inside #wrapper { background:#e5e8ed url(http://img1.yp.com/radiant/radiant_assets_25125_atti_inside_body.png) repeat-x; }
#inside #header { height:137px; background:url(http://img1.yp.com/radiant/radiant_assets_25344_atti_inside_header.png) repeat-x; }
#inside.work #header { height:137px; background:url(http://img1.yp.com/radiant/radiant_assets_25127_atti_inside_header_work_7918.png) repeat-x; }
#inside.connect #header { background:url(http://img1.yp.com/radiant/radiant_assets_25173_atti_inside_header_connect_1754.png) repeat-x; }
#inside.learn #header { background:url(http://img1.yp.com/radiant/radiant_assets_25354_atti_inside_header_learn_6763.png) repeat-x; }
#inside.talk #header { background:url(http://img1.yp.com/radiant/radiant_assets_25167_atti_inside_header_talk_582.png) repeat-x; }
#inside #flash_header { height:137px; }
#inside #header h2 { width:600px; line-height:120px; z-index:50; font-size: 60px; color: #fff; font-weight: normal; }
#inside #topnav { position:absolute; top:0; right:0; }
#logo { width: 100%; background-color: #fff; margin-top: -35px; padding-top: 35px; }
#topnav li { float:left; }
#topnav li a { display:block; padding:0 0 80px; width:51px; text-align:center; background-image:url(http://img1.yp.com/radiant/radiant_assets_25346_atti_inside_topnav.png); background-repeat:no-repeat; position:relative; margin:-36px 0 0 13px; font-weight:600; color:#00446d; }
#topnav li a:hover { background-image:url(http://img1.yp.com/radiant/radiant_assets_25286_atti_inside_topnav_hover.png); margin:-41px 0 0 13px; }
#topnav_learn { background-position:0 21px; }
#topnav_con { background-position:-60px 21px; }
#topnav_work { background-position:-120px 21px; }
#topnav_talk { background-position:-180px 21px; }
#inside #subnav { padding:27px 0 0 72px; overflow:hidden; margin:-26px auto 27px; width:898px; }
#inside.connect #subnav { background:url(http://img1.yp.com/radiant/radiant_assets_25171_atti_inside_connect_submenu.png) no-repeat; }
#inside.work #subnav { background:url(http://img1.yp.com/radiant/radiant_assets_25352_atti_inside_work_submenu_3767.png) no-repeat; }
#inside.learn #subnav { background:url(http://img1.yp.com/radiant/radiant_assets_25292_atti_inside_learn_submenu.png) no-repeat; }
#inside.talk #subnav { background:url(http://img1.yp.com/radiant/radiant_assets_25169_atti_inside_talk_submenu_8508.png) no-repeat; }
#subnav li { line-height:39px; font-size:16px; float:left; border-right:3px double #e5e9ee; }
#subnav li a { padding:0 34px; }
.subnav_active a { color:#a51630; }
#inside #content { background:url(http://img1.yp.com/radiant/radiant_assets_25280_atti_inside_content.png) repeat-y; padding:34px 45px 20px; width:880px; overflow:hidden; }
#content_top, #content_bottom { width:970px; margin:auto; }
#content_top { background:url(http://img1.yp.com/radiant/radiant_assets_25284_atti_inside_content_top.png) no-repeat; height:13px; }
#content_bottom { background:url(http://img1.yp.com/radiant/radiant_assets_25282_atti_inside_content_bottom.png) no-repeat; height:21px; }
#inside #content_text_col { width:850px; float:left; padding:0 29px 0 0; }
#inside #content_img_col { float:left; width:231px; }
#content_img_col img { margin:0 0 40px; }
#inside #content h2 { font-size:22px; color:#a51630; font-weight:400; margin:0 0 10px 0 }
#inside #content h3 { font-size:12px; color:#a51630; margin:20px 0 0; }
#inside #content h4 { font-size:12px; color:#000; margin:20px 0 0; }
#content p { margin:0 0 10px; }
#inside .brands_title { width:970px; margin:18px auto 5px; height:6px; background:url(http://img1.yp.com/radiant/radiant_assets_25165_atti_inside_brandtitle.png) no-repeat; text-indent:-4331px; }
#inside #brands { margin:0 auto 32px; }
#popular-cities { margin:auto; padding:0; position:relative; text-align: left; width: 970px; height: 120px; border-top: 1px solid #ccc; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; }
#popular-cities a { font-weight: normal; text-decoration: underline; }
#popular-cities h4 { font-size: 1.1em; text-transform: uppercase; margin: 0 5px 0 25px; display: inline; }
#popular-cities ul#city-links { margin: 5px 25px; }
#popular-cities ul#city-links li.group { float: left; width: 152px; }
#popular-cities ul#city-links li.group ul li.city { text-align: left; }

/* for the Press & Media page */
div#media-kit {
  float: right;
  padding: 15px;
  background-color: #f3f3f3;
  width: 175px;
  margin: 0 0 10px 10px;
}
div#media-kit ul li {
  margin-bottom: 3px;
}

/* Press Releases */
div#content div.press-links {
  width: 235px;
  float: left;
  margin: 10px 10px 10px 0;
}
  div#content div.press-links ul {
    margin: 0;
  }
  div#content div.press-links ul li {
    display: block;
    line-height: 15px;
    margin: 0;
  }
div#content ul.technorati {
  margin: 0 0 20px;
}
  div#content ul.technorati li {
    display: inline;
    margin: 0;
    line-height 12px;
  }

body.connect .list li,
body.learn .list li {
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 3em;
}

body.connect .standout {
  font-size: 14px;
}

body.connect ul + p {
  padding-top: 20px;
}

/* YP MOBILE DROP DOWN BOX ------------------------------------------------------*/
.info-box {
  float: right;
  margin-left: 10px;
  width: 174px;
  height: 226px;
  padding: 1px 1px 21px 11px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_27126_info-box-bg.png) top left no-repeat;
  color: #222222;
  font-size: 1.1em;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.info-box h3 {
  font-weight: bold;
  font-style: italic;
  font-size: 1em;
  margin-top: 10px !important;
}

.info-box h3 span.ypmobile-logo {
  display: block;
  width: 120px;
  height: 46px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_25356_destiny_mm_new-logo_1942.png) top left no-repeat;
  text-indent: -3000em;
}

.info-box select {
  margin: 5px 0 10px;
  width: 165px;
}

.info-box .get-app {
  width: 175px;
  height: 100px;
}

.info-box .get-app.palm, .info-box .get-app.ipad, .info-box .get-app.iphone, .info-box .get-app.blackberry, .info-box .get-app.android {
  display: none;
}

.info-box .get-app.blackberry span.or-browser {
  display: none;
}

.info-box .get-app .grey-button {
  font-size: 1em;
  width: auto;
  margin-left: 22px;
  text-align: center;
  float: left;
  border: 1px solid #888888;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  padding: 3px;
  background: #333333;
  background: -moz-linear-gradient(top, #AAAAAA 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAAAAA), color-stop(100%,#333333));
}

.info-box .list ul li {
  font-weight: bold;
  font-size: 1em;
  display: list-item;
  list-style-type: disc;
  margin-left: 15px;
  line-height: 15px;
}

.info-box div.mobile-browser {
  border-top: 1px solid #fff;
  padding-top: 5px;
  margin-right: 5px;
}

.info-box div.mobile-browser .bigtext {
  font-size: 1.7em;
}

.get-app.ipad a {
  height: 40px;
  text-indent: -3000em;
  overflow: hidden;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_25632_btn_appstore_7986.png) top center no-repeat;
  display: block;
  margin: 0 auto;
}

.get-app.iphone a {
  height: 40px;
  text-indent: -3000em;
  overflow: hidden;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_25556_btn_appstore_5097.png) top center no-repeat;
  display: block;
  margin: 0 auto;
}

.get-app.android {
  color: #222;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_25474_androidmkt.png) left 3px no-repeat;
  padding-left: 40px;
  line-height: 1.3;
  font-weight: bold;
  width: 135px !important;
}

.ie6 .get-app.android {
  width: 175px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_25087_androidmkt_5488.gif) left 3px no-repeat;
}

.get-app.blackberry a {
  display: block;
  width: 150px;
  height: 40px;
  margin: 0 0 0 8px;
  outline: none;
  text-indent: -999em;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_32678_radiant_assets_32678_blackberry-white_7369.png) center center no-repeat;
}

.get-app.blackberry span.or-browser {
  width: auto; }

/*- PUBLISHER PAGE STYLES ------------------------------*/
#local-ads {
  padding-right: 470px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_27616_by-the-numbers_9100.png) right top no-repeat;
}

#mobile-ads {
  padding-left: 360px;
  margin-bottom: 30px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_27778_mobile-ads.jpg) left top no-repeat;
}

#publisher-platforms {
  padding: 5px 20px;
  margin-bottom: 40px;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_27720_platforms_8568.jpg) center top no-repeat;
  height: 260px;
  width: 839px;
  text-align: center;
}

#publisher-platforms h3 {
  margin-bottom: 1em;
}

#publisher-partners {
  margin-bottom: 40px;
}

#content #publisher-partners h4 {
  color: #666;
  margin-top: 0;
  margin-bottom:1em;
}

#content #publisher-partners span {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding-top: 18px;
  margin-left: 1em;
}

#publisher-footer {
  border-top: 1px solid #999;
}

#publisher-footer ol {
  margin-bottom: 1em;
  padding-left: 0;
}

#publisher-footer li {
  list-style-type: none;
}

#publisher-footer li, #publisher-footer p {
  color: #999;
  line-height: 1.2;
  margin-bottom: 0;
}

span.sup {
  position: relative;
  top: -.5em;
  color: #555;
  font-size: .8em;
}

/* -- contact form CSS -- */
.publisher-contact-popup {
	display: block;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 0;
	top: 0px;
	position: absolute;
	background-color: black;
}

.publisher-contact-form {
	border-color: #dee2e9;
	border-style: solid;
	border-width: 4px;
	display: block;
	position: absolute;
	padding: 32px;
	background-color: white;
	width: 550px;
	top: 200px;
	left: 200px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.publisher-contact-form h3 {
	color: #A51630;
	font-weight: bold;
}

.publisher-contact-form * label {
	padding-right: 10px;
	padding-top: 2px;
	float: left;
	width: 175px;
	text-align: right;
}

.publisher-contact-form * input {
	width: 315px;
	padding-bottom: 2px;
}

.publisher-contact-form * textarea {
	width: 315px;
}

.publisher-contact-form-list {
	float: none;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.publisher-contact-form-list legend {
	display: block;
	float: left;
	width: 175px;
	padding-right: 10px;
	padding-top: 2px;
	text-align: right;
}

.publisher-contact-form-list label {
	float: none;
}

.publisher-contact-form-list input {
	width: auto;
}

.publisher-contact-form-left {
	float: left;
	text-align: right;
	width: 175px;
}

.publisher-contact-form-right {
	width: 315px;
	display: block;
	margin-left: 187px;
	float: none;
}

#mobileinfo {

}

#inside.mobileinfo #content h2 {
  display: none;
}

#inside.mobileinfo #content .mobileinfo-header {
  display: block;
  margin-bottom: 40px;
}

#inside.mobileinfo .mobileinfo-header span {
  display: inline-block;
  width: 28px;
  height: 25px;
  overflow: hidden;
  text-indent: -999em;
  background: transparent url(http://img2.yp.com/radiant/radiant_assets_29564_yp-logo.png) 0 0 no-repeat;
  vertical-align: middle;
}

#mobileinfo ol {
  padding-left: 2em;
}

.feature-list {
  border: 1px solid #ececec;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f1ec, endColorstr=#FFFFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f1ec, endColorstr=#FFFFFFFF)";
  background: -moz-linear-gradient(#f2f1ec, #fff);
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f1ec), to(#fff));
  position: relative;
  padding: 0 20px 34px;
  width: 346px;
  margin-top: 60px;
  overflow: visible;
}

.feature-list ul {
  list-style-type: disc;
  padding-left: 2em;
}

.feature-list .bottom {
  display: block;
  width: 388px;
  height: 9px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background: url(http://img2.yp.com/radiant/radiant_assets_29546_feature-list-bottom_1391.png) 0 0 no-repeat;
}

#mobileinfo #right-col ul {
  list-style-type: disc;
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 1em;
  padding-left: 4em;
}

#left-col, #right-col {
  width: 48%;
}

#left-col {
  float: left;
}

#right-col {
  float: right;
}

.footer {
  font-size: .75em;
  color: #666;
}

.caption {
  font-size: .875em;
  line-height: 1.5;
}

hr {
  border: none;
  border-top: 1px solid #ccc;
}

#mobile-preview img {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

#mobile-preview .caption {
  clear: left;
  width: 158px;
}

#mobileinfo #mobile-preview h3 {
  font-size: 2em;
  line-height: 1.5;
  color: #000;
  margin-bottom: 2em;
  margin-top: 0;
}

#industry-insights-nav {
  width: 200px;
  margin-right: 10px;
  float: left;
}

#industry-insights-nav a {
  color: orange;
}

#inside.learn #content_text_col.industry-insights {
  padding: 0;
  width: 670px;
}

.bullet-list {
  list-style-type: disc;
}

.bullet-list li,
.bullet-list dd {
  display: list-item;
}

#content .first-paragraph {
  margin-top: 1em;
}

.copyright {
  font-size: 9px;
  line-height: 1.5;
}