/* --------------------------------------------- TYPOGRAPHY/IMAGES --------------------------------------------- */
body, div, td, p {
	color: #30261d;
	font: normal 12px tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	

}


h1.logo {
	float: left;
	background: url(../images/logo-360.png) no-repeat;
	width: 350px;
	height: 72px;
	
}

	h1.logo a {
		display: block;
		text-indent: -9999px;
	}

h1.glance {
	display: block;
	background: url(../images/title-at-a-glance.gif) no-repeat;
	width: 202px;
	height: 29px;
	text-indent: -9999px;
}

h1.full-detail {
	display: block;
	background: url(../images/title-full-detail.gif) no-repeat;
	width: 707px;
	height: 29px;
	text-indent: -9999px;
}

h1.virtual-tour {
	display: block;
	background: url(../images/title-virtual-tour.gif) no-repeat;
	width: 707px;
	height: 29px;
	text-indent: -9999px;
}

h1.audio-tour {
	display: block;
	background: url(../images/title-audio-tour.gif) no-repeat;
	width: 707px;
	height: 29px;
	text-indent: -9999px;
}

h1.video-clips {
	display: block;
	background: url(../images/title-video-clips.gif) no-repeat;
	width: 169px;
	height: 29px;
	text-indent: -9999px;
}

h1.slideshows {
	display: block;
	background: url(../images/title-slideshows.gif) no-repeat;
	width: 169px;
	height: 29px;
	text-indent: -9999px;
}

h1.virtual-tours {
	display: block;
	background: url(../images/title-virtual-tours.gif) no-repeat;
	width: 169px;
	height: 29px;
	text-indent: -9999px;
}

h1.audio-clips {
	display: block;
	background: url(../images/title-audio-clips.gif) no-repeat;
	width: 169px;
	height: 29px;
	text-indent: -9999px;
}

h2.company-name {
	font: normal 19px Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {
	outline: none;
}

	a:link {
		color: #b85707;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:visited {
		color: #4c2b14;
		font-weight: bold;
		text-decoration: none;
	}

#legals a:link, #legals a:visited {
	color: #ede0bf;
}

a.credits {
	display: block;
	background: url(../images/logo-advontemedia.png) no-repeat;
	width: 123px;
	text-indent: -9999px;

}


img {
	border: 0px;
}

img.map {
	background: #fff;
	padding: 10px;

}

/* --------------------------------------------- STRUCTURE --------------------------------------------- */
body {
	background: #30261d url(../images/bg.jpg) no-repeat;
	margin: 10px 0px 0px;
	padding: 0px;
	text-align: center;
}

#container {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px 15px;
	text-align: left;
}


#header {
	float: left;
	width: 980px;
}

#nav-main {
	float: right;
	position: relative;
	top: 40px;
}

#nav-tabs {
	clear: both;
	background: url(../images/bg-nav-tabs.gif) repeat-x;
	width: 960px;
	height: 49px;
	margin: 0px 10px;
}


#content-container {
	clear: both;
	background: url(../images/bg-content-container.gif) repeat-y;
	width: 980px;
	overflow: hidden;
}


	
	#content {
		background: #ede0bf url(../images/bg-content.gif) no-repeat;
		width: 940px;
		margin: 0px 20px;
		overflow: hidden;
	}
	
	#content-white {
		background: #fff;
		width: 940px;
		margin: 0px 20px;
		overflow: hidden;
	}
	
#title {
	background: #fff url(../images/bg-title-top.gif) no-repeat;
	width: 940px;
	margin: 0px 10px;
	padding: 10px;
	overflow: hidden;
}	

#share {
	float: right;
	position: relative;
	top: 15px;
	width: 295px;

}

#left-thin {
	float: left;
	width: 202px;
	margin: 0px 10px;


}


#right-wide {
	float: left;
	width: 707px;
}


#full-width {	
	width: 920px;
	padding: 10px;

}

#bottom {
	background: url(../images/bg-content-bottom.gif) no-repeat left bottom;
	width: 980px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	
}

	
	#bottom-white {
	background: url(../images/bg-content-bottom-white.gif) no-repeat left bottom;
	width: 980px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	
	}

#footer {
	clear: both;
	padding: 10px 0px;
}

#legals {
	float: left;
	color: #ede0bf;
}

#credits {
	float: right;
}


.h-strip {
	background: #ede0bf;
	height: 10px;
}

.clear {
	clear: both;
}
/* --------------------------------------------- MENUS --------------------------------------------- */

ul.nav-main {
	margin: 0px;
	padding: 0px;
}


	ul.nav-main li {
		float: left;
		padding: 0px 10px;
		border-right: 1px solid #ede0bf;
		list-style: none;
		list-style-type: none;
	}
	
	ul.nav-main li.last {
		padding: 0px 0px 0px 10px;
		border-right: 0px none;
	}
	
	ul.nav-main li.view-all-panels a:link, ul.nav-main li.view-all-panels a:visited {
		display: block;
		background: url(../images/nav-main-view-all-panels-inactive.png) no-repeat;
		width: 190px;
		text-indent: -9999px;
	}
	
		ul.nav-main li.view-all-panels a:hover {
			display: block;
			background: url(../images/nav-main-view-all-panels-hover.png) no-repeat;
			width: 190px;
			text-indent: -9999px;
		}
		
	ul.nav-main li.get-listed a:link, ul.nav-main li.get-listed a:visited {
		display: block;
		background: url(../images/nav-main-get-listed-inactive.png) no-repeat;
		width: 119px;
		text-indent: -9999px;
	}
	
		ul.nav-main li.get-listed a:hover {
			display: block;
			background: url(../images/nav-main-get-listed-hover.png) no-repeat;
			width: 119px;
			text-indent: -9999px;
		}		
	
	ul.nav-main li.faq a:link, ul.nav-main li.faq a:visited {
		display: block;
		background: url(../images/nav-main-faq-inactive.png) no-repeat;
		width: 40px;
		text-indent: -9999px;
	}
	
		ul.nav-main li.faq a:hover {
			display: block;
			background: url(../images/nav-main-faq-hover.png) no-repeat;
			width: 40px;
			text-indent: -9999px;
		}		
		
	ul.nav-main li.arizona-key a:link, ul.nav-main li.arizona-key a:visited {
		display: block;
		background: url(../images/nav-main-arizona-key-inactive.png) no-repeat;
		width: 145px;
		text-indent: -9999px;
	}
	
		ul.nav-main li.arizona-key a:hover {
			display: block;
			background: url(../images/nav-main-arizona-key-hover.png) no-repeat;
			width: 145px;
			text-indent: -9999px;
		}				

ul.menu-tabs {
	margin: 0px;
	padding: 0px;
}

	ul.menu-tabs li {
		float: left;
		position: relative;
		top: 18px;
		padding: 0px 22px;
		list-style: none;
		list-style-type: none;	
	}
	
	ul.menu-tabs li#current {
		position: relative;
		top: 8px;
		padding: 0px 10px 0px 18px;
	}
	
	ul.menu-tabs li.about-us a:link span, ul.menu-tabs li.about-us a:visited span {		
		display: block;
		background: url(../images/nav-tabs-about-us-inactive.gif) no-repeat;
		width: 87px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.about-us a:hover span {		
			display: block;
			background: url(../images/nav-tabs-about-us-hover.gif) no-repeat;
			width: 87px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.about-us a span {
			display: block;
			background: url(../images/nav-tabs-about-us-active.gif) no-repeat;
			width: 142px;
			height: 41px;
			text-indent: -9999px;	
		}
	
	ul.menu-tabs li.hd-video a:link span, ul.menu-tabs li.hd-video a:visited span {		
		display: block;
		background: url(../images/nav-tabs-hd-video-inactive.gif) no-repeat;
		width: 82px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.hd-video a:hover span {		
			display: block;
			background: url(../images/nav-tabs-hd-video-hover.gif) no-repeat;
			width: 82px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.hd-video a span {
			display: block;
			background: url(../images/nav-tabs-hd-video-active.gif) no-repeat;
			width: 136px;
			height: 41px;
			text-indent: -9999px;	
		}
	
	ul.menu-tabs li.gallery a:link span, ul.menu-tabs li.gallery a:visited span {		
		display: block;
		background: url(../images/nav-tabs-gallery-inactive.gif) no-repeat;
		width: 78px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.gallery a:hover span {		
			display: block;
			background: url(../images/nav-tabs-gallery-hover.gif) no-repeat;
			width: 78px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.gallery a span {
			display: block;
			background: url(../images/nav-tabs-gallery-active.gif) no-repeat;
			width: 131px;
			height: 41px;
			text-indent: -9999px;	
		}
	
	ul.menu-tabs li.tours a:link span, ul.menu-tabs li.tours a:visited span {		
		display: block;
		background: url(../images/nav-tabs-tours-inactive.gif) no-repeat;
		width: 57px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.tours a:hover span {		
			display: block;
			background: url(../images/nav-tabs-tours-hover.gif) no-repeat;
			width: 57px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.tours a span {
			display: block;
			background: url(../images/nav-tabs-tours-active.gif) no-repeat;
			width: 111px;
			height: 41px;
			text-indent: -9999px;	
		}
	
	ul.menu-tabs li.mobile-downloads a:link span, ul.menu-tabs li.mobile-downloads a:visited span {		
		display: block;
		background: url(../images/nav-tabs-mobile-downloads-inactive.gif) no-repeat;
		width: 182px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.mobile-downloads a:hover span {		
			display: block;
			background: url(../images/nav-tabs-mobile-downloads-hover.gif) no-repeat;
			width: 182px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.mobile-downloads a span {
			display: block;
			background: url(../images/nav-tabs-mobile-downloads-active.gif) no-repeat;
			width: 236px;
			height: 41px;
			text-indent: -9999px;	
		}
	
	ul.menu-tabs li.coupons-deals a:link span, ul.menu-tabs li.coupons-deals a:visited span {		
		display: block;
		background: url(../images/nav-tabs-coupons-deals-inactive.gif) no-repeat;
		width: 160px;
		height: 13px;
		text-indent: -9999px;		
	}
	
		ul.menu-tabs li.coupons-deals a:hover span {		
			display: block;
			background: url(../images/nav-tabs-coupons-deals-hover.gif) no-repeat;
			width: 160px;
			height: 13px;
			text-indent: -9999px;		
		}
		
		ul.menu-tabs li#current.coupons-deals a span {
			display: block;
			background: url(../images/nav-tabs-coupons-deals-active.gif) no-repeat;
			width: 214px;
			height: 41px;
			text-indent: -9999px;	
		}
		
ul.menu-left {
	margin: 0px;
	padding: 0px;
}		

	ul.menu-left li {
		padding: 8px 0px;
		border-bottom: 1px dotted #000;
		list-style: none;
		list-style-type: none;			
	}
	
	ul.menu-left li.detailed-information a {
		display: block;
		background: url(../images/button-detailed-information.gif) no-repeat;
		width: 191px;
		height: 16px;
		text-indent: -9999px;	
	}
	
	ul.menu-left li.hd-video a {
		display: block;
		background: url(../images/button-view-hd-video.gif) no-repeat;
		width: 131px;
		height: 16px;
		text-indent: -9999px;	
	}
	
	ul.menu-left li.coupons-deals a {
		display: block;
		background: url(../images/button-coupons-deals.gif) no-repeat;
		width: 153px;
		height: 16px;
		text-indent: -9999px;	
	}
	
	ul.menu-left li.tours a {
		display: block;
		background: url(../images/button-take-a-tour.gif) no-repeat;
		width: 114px;
		height: 16px;
		text-indent: -9999px;	
	}
	
	ul.menu-left li.gallery a {
		display: block;
		background: url(../images/button-view-gallery.gif) no-repeat;
		width: 127px;
		height: 16px;
		text-indent: -9999px;	
	}
	
	ul.menu-left li.mobile-downloads a {
		display: block;
		background: url(../images/button-mobile-downloads.gif) no-repeat;
		width: 171px;
		height: 16px;
		text-indent: -9999px;	
	}

		
/* --------------------------------------------- CONTENT-SPECIFIC STYLES --------------------------------------------- */

/* ------------------ ABOUT US ------------------ */
img.company-logo {
	float: left;
	background: #ede0bf;
	margin: 0px 10px 0px 0px;
	padding: 10px;
}

div.company-info {
	float: left;
	width: 630px;
}

/* ------------------ HD VIDEO ------------------ */
#hd-video-container {
	background: #fff url(../images/bg-hd-video-top.gif) no-repeat;
	width: 707px;
	margin: 10px 0px;
	overflow: hidden;
}

#hd-video {

	background: url(../images/bg-hd-video-bottom.gif) no-repeat left bottom;
	width: 687px;
	padding: 10px;
	overflow: hidden;
}

p.audio-tour {
	float: left;
	width: 245px;
	padding: 0px 10px;


}

#audio-tour-player {
	float: right;
	width: 420px;

}

/* ------------------ MOBILE DOWNLOADS ------------------ */
.col1, .col2, .col3, .col4 {
	float: left;
	width: 168px;

}

	
	.col2 {
		margin: 0px 10px;
	}
	
	.col3 {
		margin: 0px 10px 0px 0px;
	}
	
	
.qtvr-col {
	float: left;
	margin: 0px 20px 20px;
	text-align: center;
}