html{
	background:#f9a334 url(/images/background.jpg) repeat-x center top;
}
body{
	font-family:Verdana, Arial, sans-serif;
	font-size:62.5%;
}
strong{ font-weight:bold; }


/* containers
------------------------------------------------------------------------------*/
#city{ height:716px; }
#city-center{
	position:relative;
	width:985px;
	margin:0 auto;
	height:716px;
	background:transparent url(/images/background.jpg) no-repeat center top;
}


/* animated sky elements
------------------------------------------------------------------------------*/
#clouds-far{
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	min-width:985px;
	height:92px;
	background:url(/images/clouds_far.png) repeat-x center top;
	z-index:20;
}
#plane{
	position:absolute;
	top:80px;
	left:0px;
	width:100%;
	min-width:985px;
	height:35px;
	text-indent:-9999px;
	background:url(/images/plane.png) repeat-x center top;
	z-index:21;
}
#clouds-near{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:985px;
	height:137px;
	background:url(/images/clouds_near.png) repeat-x center top;
	z-index:22;
}


/* legend
------------------------------------------------------------------------------*/
#legend-container{
	position:relative;
	width:985px;
	margin:0 auto;
	z-index:23;
}
#legend{
	position:absolute;
	top:0px;
	right:0px;
	width:196px;
	padding:0 0 35px 0;
	margin:0 10px 0 0;
	background:transparent url(/images/legend.png) no-repeat left bottom;
	text-align:center;
	z-index:24;
	cursor:pointer;
}
#legend .wrapper{ height:0px; overflow:hidden; }
#legend ul{
	overflow:hidden;
	padding:10px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
}
#legend ul li{ line-height:25px; }
#legend ul li a{
	color:#283a96;
	text-decoration:none;
}
#legend ul li a:hover{ text-decoration:underline; }


/* tour the town
------------------------------------------------------------------------------*/
#tour-the-town{
	overflow:hidden;
	position:absolute;
	top:508px;
	left:698px;
	width:67px;
	height:195px;
	text-indent:-9999px;	
}
#tour-the-town a{
	display:block;	
	top:508px;
	left:698px;
	width:67px;
	height:195px;
	cursor:pointer;
}
#tour-the-town a:hover{
	background:transparent url(/images/tour_the_town.png) no-repeat top left;
}
/** FF only **/
@-moz-document url-prefix() {
	#tour-the-town a:hover { background:transparent url(/images/tour_the_town.png) 1px 0 no-repeat; }
}
#tour-the-town .modal-content{ display:none; }


/* media kit
------------------------------------------------------------------------------*/
#media-kit {
	overflow:hidden;
	position:absolute;
	top:520px;
	left:774px;
	width:92px;
	height:194px;
	text-indent:-9999px;
}
#media-kit a{
	display:block;	
	top:525px;
	left:778px;
	width:92px;
	height:194px;
	cursor:pointer;
	outline: 0;
}
#media-kit a:hover{
	background:transparent url(/images/media_kit.png) 0 0 no-repeat;
}
/** FF only **/
@-moz-document url-prefix() {
	#media-kit a:hover { background:transparent url(/images/media_kit.png) 1px 0 no-repeat; }
}

/* pins
------------------------------------------------------------------------------*/
/* pin states */
.pin{
	position:absolute;
	width:35px;
	height:45px;
	background:url(/images/pin.png) no-repeat left top;;
	cursor:pointer;
}

.pin-expand{
	position:absolute;
	z-index:100;
	width:195px;
	height:130px;
	padding:45px 30px 0 30px;
	background:url(/images/pin_expand.png) no-repeat left top;
	cursor:pointer;
}

/* pin content styles */
.pin .content{ display:none; }
.pin-expand .content{
	display:none;
	text-align:center;
	color:#25358e;
}
.pin .modal-content, .pin-expand .modal-content{ display:none; }
.pin-expand .content h2{
	border-bottom:1px solid #a5bad6;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	font-size:1.7em;
	font-weight:bold;
}

/* pin positions */
#pin-1{ top:350px; left:435px; }
#pin-1.pin-expand{ top:350px; left:335px; }

#pin-2{ top:230px; left:280px; }
#pin-2.pin-expand{ top:230px; left:180px; }

#pin-3{ top:360px; left:565px; }
#pin-3.pin-expand{ top:360px; left:465px; }

#pin-4{ top:195px; left:480px; }
#pin-4.pin-expand{ top:195px; left:380px; }

#pin-5{ top:375px; left:810px; }
#pin-5.pin-expand{ top:375px; left:710px; }

#pin-6{ top:390px; left:225px; }
#pin-6.pin-expand{ top:390px; left:125px; }

#pin-7{ top:260px; left:695px; }
#pin-7.pin-expand{ top:260px; left:595px; }

#pin-8{ top:255px; left:95px; }
#pin-8.pin-expand{ top:255px; left:-05px; }

#pin-9{ top:140px; left:200px; }
#pin-9.pin-expand{ top:140px; left:100px; }

#pin-10{ top:290px; left:555px; }
#pin-10.pin-expand{ top:290px; left:455px; }


/* modal window default styles
------------------------------------------------------------------------------*/
#modal-overlay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	background-color:#000;
	display:none;
}
#modal-window{
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
	display:none;
}
#modal-window .close{
	position:absolute;
	top:5px;
	left:6px;
	width:33px;
	height:33px;
	z-index:102;
	cursor:pointer;
}


/* modal window paginator
------------------------------------------------------------------------------*/
#modal-paginator{
	width:854px;
	height:650px;
	padding:20px 0 0 22px;
	background:transparent url(/images/modal.gif) no-repeat left top;
}
.paginator{
	position:relative;
	width:832px;
	height:650px;
}
.paginator .scroller{
	position:relative; /* required for ie6/ie7 */
	overflow:hidden;
	width:832px;
	height:650px;
}
.paginator .page-container{
	width:15000px;
	height:650px;
}
.paginator .page{
	position:relative;
	padding:25px 0 0 0;
	width:832px;
	height:625px;
	float:left;
	font-size:1.3em;
	color:#25358e;
}

/* previous and next buttons */
.page .buttons{
	position:absolute;
	bottom:100px;
	width:100%;
	overflow:hidden;
}
.page .buttons .column-left{
	width:50%;
	float:left;
}
.page .buttons .column-right{
	width:50%;
	float:right;
}
.page .buttons a.previous{
	float:right;
	display:block;
	height:22px;
	margin:0 15px 0 0;
	padding:0 40px 0 0;
	background:transparent url(/images/previous.gif) no-repeat top right;
	outline:0;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
	color: #fff;
}
.page .buttons a.previous span {
	display:block;
	line-height:22px;
	padding:0 0 0 15px;
	background:transparent url(/images/previous.gif) no-repeat top left;
} 
.page .buttons a.next{
	float:left;
	display:block;
	height:22px;
	margin:0 0 0 15px;
	padding:0 0 0 40px;
	background:transparent url(/images/next.gif) no-repeat top left;
	outline:0;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
	color: #fff;
}
.page .buttons a.next span{
	display:block;
	line-height:22px;
	padding:0 15px 0 0;
	background:transparent url(/images/next.gif) no-repeat top right;
}
.page .buttons a.next:hover, .page .buttons a.previous:hover{ color:#ddd; }

/* standard pages styles */
.page .copy{
	height:195px;
	margin:20px 55px 0 75px;
	padding:0 20px 0 0;
}
.page p{ margin:0 0 1.3em 0; }
.page h3{
	position:absolute;
	bottom:0px;
	width:100%;
	height:77px;
	text-indent:-9999px;
	cursor:pointer;
}
.page h3.welcome{ background:transparent url(/images/footer_welcome.gif) no-repeat center center; }
.page h3.why{ background:transparent url(/images/footer_why.gif) no-repeat center center; }
.page h3.exposure{ background:transparent url(/images/footer_exposure.gif) no-repeat center center; }
.page h3.results{ background:transparent url(/images/footer_results.gif) no-repeat center center; }
.page h3.enhancements{ background:transparent url(/images/footer_enhancements.gif) no-repeat center center; }
.page h3.insights{ background:transparent url(/images/footer_insights.gif) no-repeat center center; }
.page h3.latino{ background:transparent url(/images/footer_latino.gif) no-repeat center center; }
.page h3.nada{ background:transparent url(/images/footer_nada.gif) no-repeat center center; }
.page h3.access{ background:transparent url(/images/footer_access.gif) no-repeat center center; }

/* why auto trader page */
#why{
	overflow:hidden;
	margin:25px 0 0 0;
}
#why .left-column{
	float:left;
	display:inline;
	width:255px;
	margin:0 0 0 60px;
}
#why .right-column{
	float:left;
	display:inline;
	width:430px;
	margin:0 0 0 45px;
}
#why .left-column .fact{
	padding:10px 0 10px 10px;
	border-bottom:1px solid #ffe6cc;
	font-size:0.8em;
	color:#999999;
}
#why .left-column .last{ border-bottom:none; }
#why .left-column .fact span{
	float:left;
	margin:0 10px 0 0;
	font-size:2.2em;
	font-weight:bold;
	color:#f8991d;
}
#why .left-column .disclaimer{
	padding:0 0 0 10px;
	font-size:0.7em;
	color:#999999;
}


/* modal window about/tour
------------------------------------------------------------------------------*/
#modal-about{
	overflow:hidden;
	width:467px;
	height:70px;
	padding:210px 20px 0 120px;
	background:transparent url(/images/modal_about.gif) no-repeat left top;
	font-size:1.2em;
	color:#273b8d;
}
#modal-about em{
	font-weight:bold;
	color:#f8991d;
}


/* scrollbar
------------------------------------------------------------------------------*/
.scroll-wrapper{ overflow:auto; }
.contents{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
}
.vThumb{
	position:absolute;
	top:0px;
	left:0px;
	width:6px;
	height:76px;
	background:url(/images/thumb.gif) no-repeat left top;
	cursor:pointer;
}
.vTrack{
	position:absolute;
	top:0px;
	right:0px;
	width:6px;
	background:url(/images/track.gif) no-repeat left top;;
}


/* footer
------------------------------------------------------------------------------*/
#footer{
	padding:20px 0 20px 0;
	border-top:3px solid #fff;
	background:url(/images/footer_repeat.png) repeat-x;
	text-align:center;
	color:#fff;
}
#footer h1{ margin:0 0 15px 0; }
#footer h1 a{
	display:block;
	width:203px;
	height:43px;
	margin:0 auto;
	background:url(/images/logo.gif) no-repeat left top;
	text-indent:-9999px;
}

/* loading styles
------------------------------------------------------------------------------*/
body.loading{ background:#f9a334; }
body.loading #legend{ display:none; }
body.loading #tour-the-town{ display:none; }
body.loading #clouds-near, body.loading #clouds-far, body.loading #plane, body.loading .pin{ display:none; }
body.loading #city-center{ background:transparent url(/images/loading.gif) no-repeat center center; }

/* utility
------------------------------------------------------------------------------*/
.hidden{ display:none; visibility: hidden; }
.no-margin{ margin:0px !important; }
.clear {
    display: block; 
    height: 0; 
    clear: both; 
}

/* contact page
------------------------------------------------------------------------------*/
.contact-left { 
	float: left;
	width: 300px;
}
.contact-right { 
	float: right;
	width: 330px;
	margin: 0 20px 0 0;
}
.contact-left label {
	width: 90px;
	text-align: right;
	float: left;
	margin: 0 10px 13px 0;
}
.contact-left span {
	display: block;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 0 0;
	font-size: 12px;
}
.contact-right select {
	color: #25358E;
	font-family: Verdana, sans-serif;
}
.contact-right label, .contact-right span {
	width: 125px;
	text-align: right;
	float: left;
	margin: 0 10px 13px 0;
}
span#label-instruct {
	display: block;
	font-size: 10px;
	margin: 0;
}
.contact-input {
	width: 183px;
	color: #25358E;
}
#generalError { 
	display: none; 
	color: #ff0000;
	margin: 0 0 9px 0;
}
label.error {
	color: #ff0000;
}
.contact-cta {
	text-align: right;
}
.contact-cta a {
	float: right;
	color: #25358E;
	padding: 0 10px 0 0;
}
.contact-cta input {
	float: right;
	outline: 0;
}