/* The Experience Section-Specific */

/*-------------------------------------------
	Structural
-------------------------------------------*/
div#content {
	width: 962px;
	margin: 0;
	text-align: left;
	/* background: #FFF6DC url(../_images/_global/bg/col_bg_alt.gif) repeat-y left top; */
}
div#content div.col3 {
	border-top: none; 
}
/* Two Column Layout (used for video pages) */

body.two_col_layout div#content {
	background: #FFF6DC url(../_images/_global/bg/left_col_bg.gif) repeat-y left top;
}
body.two_col_layout div#content div.col2 {
	margin: 0 17px;
	width: 691px;
	padding: 17px 0 21px;
}

/* virtual tours */
body#virtual_tours div#content {
	background: #FFF6DC url(../_images/_global/bg/left_col_bg.gif) repeat-y left top;
}
body#virtual_tours div#content div.col2 {
	margin: 0;
	width: 725px;
	padding: 0px 0 0px;
}
body#virtual_tours div#content div#inner_content_wrapper {
	margin: 0 17px;
	margin: 0 0 0 17px;
}
div#virtual_tour_wrapper {
	height: 539px;
	margin: 5px 0 0px 5px;
}
div#virtual_tour_toc {
	padding: 10px 39px;
	padding: 17px 39px;
	background: #000;
	margin: 0 0 0px 5px;

}
div.virtual_tour_category {
	clear: both;
	margin: 9px 0 0 0;
	border-top: 2px solid #939598;
	padding: 9px 0 0 0;
	float: left;
	width: 100%;
}
div.top_category {
	margin-top: 0px;
	border-top: none;
	padding-top: 0px;
}
div.virtual_tour_item {
	float: left;
	display: inline;
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0;
}
div.virtual_tour_item img {
	width: 102px;
	height: 52px;
	margin: 0 8px 4px 0;
	border:2px solid #BBA78E;
}
div.virtual_tour_item h3 {
	color: #F5C85D;
	font: normal 1.2em/1.2 Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 4px 0;
}
div.virtual_tour_item h4 {
	color: #FFF6DC;
	font: bold 1.2em/1.2 Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 0 0 !important;
}
/*-------------------------------------------
	Image Replaced Headlines
-------------------------------------------*/

h1#european_inspiration {
	background: url(../_images/headlines/european_inspiration.gif) no-repeat center top;
	height: 16px;
	width: 372px;
}
h1#photo_galleries {
	background: url(../_images/headlines/h1_photo_galleries.gif) no-repeat center top;
	height: 14px;
	width: 146px;
}
h1#experience_belvdere {
	background: url(../_images/headlines/h1_expereience_belvedere.gif) no-repeat center top;
	height: 12px;
	width: 176px;
	margin: 0 auto 10px;
}

h2.virtual_tour_category_headline {
	height: 12px;
	margin-bottom: 12px;
}
h2#building_entry {
	background: url(../_images/experience/h2_building_entry.gif) no-repeat left bottom;
}
h2#plan_1_bach {
	background: url(../_images/experience/h2_plan_1_bach.gif) no-repeat left bottom;
}
h2#plan_2_beethoven {
	background: url(../_images/experience/h2_plan_2_beethoven.gif) no-repeat left bottom;
}
h2#plan_3_mozart {
	background: url(../_images/experience/h2_plan_3_mozart.gif) no-repeat left bottom;
}
h2#plan_4_strauss {
	background: url(../_images/experience/h2_plan_4_strauss.gif) no-repeat left bottom;
}
/*-------------------------------------------
	Experience TOC
-------------------------------------------*/
div.toc_wrapper {
	border-top: 1px solid #D0BAA2;
	padding: 17px 0;
}
div.toc_thumbnail {
	float: left;
	width: 114px;
}
div.toc_thumbnail img {
	border: 2px solid #BBA78E;
}

div.toc_copy {
	margin-left: 128px;
}

div.toc_copy p {
	color: #A67C52;
	line-height: 1.3;
	margin-bottom: .5em;
}

h3#photo_galleries {
	background: url(../_images/headlines/h3_photo_galleries.gif) no-repeat center top;
	height: 12px;
	width: 134px;
	margin-bottom: 9px;
}

h3#h3_virtual_tours {
	background: url(../_images/headlines/h3_virtual_tours.gif) no-repeat center top;
	height: 12px;
	width: 106px;
	margin-bottom: 9px;
}

h3#h3_videos {
	background: url(../_images/headlines/h3_videos.gif) no-repeat center top;
	height: 12px;
	width: 50px;
	margin-bottom: 9px;
}

h3#personal_tour {
	background: url(../_images/headlines/h3_personal_tour.gif) no-repeat center top;
	height: 12px;
	width: 122px;
	margin-bottom: 9px;
}

/*-------------------------------------------
	Left Col Navigation
-------------------------------------------*/

/* From _global.css:
div#sec_nav ul li {
	height: 12px;
	margin-bottom: 17px;
}
div#sec_nav ul li a {
	display: block;
	height: 12px;
}
*/
div#sec_nav ul li {
	height: 13px;
}
div#sec_nav ul li a {
	height: 13px;
}

/* Photo Galleries */
li#sec_btn_galleries {
	background: url(../_images/_global/sec_nav/photo_galleries_OVER.gif) left top no-repeat;
}
li#sec_btn_galleries a:link, 
li#sec_btn_galleries a:visited {
	background: url(../_images/_global/sec_nav/photo_galleries.gif) left top no-repeat;
	width: 134px;
}
li#sec_btn_galleries a:hover {
	background: url(../_images/_global/sec_nav/photo_galleries_OVER.gif) left top no-repeat;
	width: 134px;
}
li#sec_btn_galleries a.selected {
	background: url(../_images/_global/sec_nav/photo_galleries_SEL.gif) left top no-repeat;
	width: 134px;
}

/* Virtual Tours */
li#sec_btn_tours {
	background: url(../_images/_global/sec_nav/virtual_tours_OVER.gif) left top no-repeat;
}
li#sec_btn_tours a:link, 
li#sec_btn_tours a:visited {
	background: url(../_images/_global/sec_nav/virtual_tours.gif) left top no-repeat;
	width: 116px;
}
li#sec_btn_tours a:hover {
	background: url(../_images/_global/sec_nav/virtual_tours_OVER.gif) left top no-repeat;
	width: 116px;
}
li#sec_btn_tours a.selected {
	background: url(../_images/_global/sec_nav/virtual_tours_SEL.gif) left top no-repeat;
	width: 116px;
}

/* Videos */
li#sec_btn_videos {
	background: url(../_images/_global/sec_nav/videos_OVER.gif) left top no-repeat;
}
li#sec_btn_videos a:link, 
li#sec_btn_videos a:visited {
	background: url(../_images/_global/sec_nav/videos.gif) left top no-repeat;
	width: 55px;
}
li#sec_btn_videos a:hover {
	background: url(../_images/_global/sec_nav/videos_OVER.gif) left top no-repeat;
	width: 55px;
}
li#sec_btn_videos a.selected {
	background: url(../_images/_global/sec_nav/videos_SEL.gif) left top no-repeat;
	width: 55px;
}


div#sec_nav ul.tert_nav {
	margin: 0px 0 0 67px;
	clear:both;
}
div#sec_nav ul.tert_nav li {
	font-size: 1.1em;
	margin-bottom: 1em;
	/* height: 100%; */
	height: auto;
	padding: 0 10px 7px;
}
div#sec_nav ul.tert_nav li a:link, 
div#sec_nav ul.tert_nav li a:visited {
	text-decoration: none;
}
div#sec_nav ul.tert_nav li a:hover {
	text-decoration: underline;
}
div#sec_nav ul.tert_nav li a.selected {
	color: #FFF6DC;
}
/*-------------------------------------------
	Sidebar
-------------------------------------------*/
#experience_intro div.photo {
	border-bottom: 3px solid #B68C46;
}
#experience_intro div.sidebar_content {
	text-align: center;
}
#experience_intro div.sidebar_content img {
	border: 2px solid #BBA78E;
	margin-bottom: 8px;
}
#experience_intro div.sidebar_content p.caption {
	text-align: center;
	font: italic 1.2em/1.2 Georgia, serif;
	margin-bottom: 18px;
}