/* Basic Website Styles - Screen and Projection Media Types */

/* Color Pallette:

*/

/*--------------------------------------------
Reset
---------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*-------------------------------------------
	Boilerplate
-------------------------------------------*/
html {
	font-size: 125%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body {
	font-size: 50%;
	background: #FFF6DC;
	text-align: center;
}

a img { border: none; }

img.border {
	border:2px solid #BBA78E;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}
img.left {
	float: left;
	margin: 0 10px 10px 0;
}
div.inline_pics {
	text-align: center; 
	margin: 19px 0 6px; /* bottom margin for scenarios where pics are followed by single caption */
}
div.inline_pics img {
	border: 2px solid #BBA78E;
}

span.nowrap {
	white-space: nowrap;
}

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
#skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
} 

.hidden 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
} 

.nowrap {
	white-space:nowrap;
}

.print_only {
	display: none;
}

/*-------------------------------------------
	Structural
-------------------------------------------*/

div#wrapper {
	position: relative;
	width: 962px;
	margin: 0 auto;
	padding: 54px 0 0;
	color: #54301A;
	text-align: left;
}

div.row {
	clear: both;
}
div#content {
	width: 962px;
	margin: 0;
	text-align: left;
	background: #FFF6DC url(../_images/_global/bg/col_bg.gif) repeat-y left top;
}
div#content div.col1 {
	float: left;
	width: 237px;
	padding: 18px 0 0;
	padding: 0px 0 0; /* padding moved to sec_nav container */
}
div#content div.col2 {
	float: left;
	display: inline;
	margin: 0 17px;
	width: 454px;
	padding: 17px 0 21px;
}
div#content div.col3 {
	float: left;
	width: 237px;
	/* padding: 6px 0 0; */
	border-top: 6px #FFF6DC solid; /* Creates a reveal effect while still being able to use a tiling images to create the column backgrounds and have it bleed to the top on the left; */
}

div#footer{
	background: #4C1210 url(../_images/_global/bg/bg_footer_granite.jpg) repeat left top;
	padding: 11px 20px;
}
div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*-------------------------------------------
	Type
-------------------------------------------*/

a:link, a:visited {
	color: #633;
	color: #54301A;
}

a:hover {
	color: #B47D47;
}

h1, h2, h3, h4, h5, h6, p, address, pre, ol, ul, dl {
	margin-bottom: 1em;
}
h1.text_headline {
	color:#54301A;
	font: italic bold 1.6em/1.2 Georgia, serif;
}

h2 {
	color: #633;
	font: italic 2em/1.2 Georgia, serif;
}
p {
	font: 1.2em/1.6 Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;
}
p.fineprint {
	color: #BBA78E;
	font: 1em/1.2 Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}
p.fineprint_2 {
	color: #867A6C;
	font: italic 1em/1.2 Georgia, serif;
	text-align: right;
}
p.large_caption {
	color: #877B6D;
	font: italic 1.2em/1.2 Georgia, serif;
	text-align: center;
}
p.action_link {
	color: #633;
	color: #877B6D;
	font: italic 1.3em/1.2 Georgia, serif;
	text-align: center;
}
p.action_link a:link, 
p.action_link a:visited {
	color: #633;
	color: #877B6D;
	text-decoration: none;
}
p.action_link a:hover {
	color: #633;
	text-decoration: underline;
}
blockquote {
	font:  italic 1.3em/1.6 Georgia, serif;
	color: #590E0C;
	color: #6B0D0E;
	margin-bottom: 1.5em;
}
cite { 
	display: block;
	/* color: #54301A; */
	color: #B68C46;
	font: normal 1em/1.6 Arial, Helvetica, Verdana, sans-serif;
	text-align: right;
}
cite.inline_cite {
	display: inline;
	text-align: left;
}
ol {
	margin-left: 2.5em;
	list-style: decimal;
}
div#content div.col2 ul {
	margin-left: 1.8em;
	list-style:disc;
}
div#content div.col2 li {
	font: 1.2em/1.6 Arial, Helvetica, Verdana, sans-serif;
}
div#content div.col2 li.fineprint {
	color: #BBA78E;
	font: 1em/1.2 Arial, Helvetica, Verdana, sans-serif;
}
div#content div.col2 ul ul {
	margin-left: 1.8em;
	margin-bottom: 0;
	list-style:none;
}
div#content div.col2 ul ul li {
	font: 1em/1.6 Arial, Helvetica, Verdana, sans-serif;
}
div#footer p {
	font: 1em/1.4 Arial, Helvetica, Verdana, sans-serif;
	color: #FFF5E0;
	margin-bottom: 0;
}
div#footer a:link, div#footer a:visited {
	color: #FFF5E0;
	text-decoration: none;
}
div#footer a:hover {
	color: #FFF5E0;
	text-decoration: underline;
}

/*-------------------------------------------
	Logo
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

div#logo {
	position: absolute;
	top: 0px;
	left: 13px;
	height: 83px;
	width: 40px;
}
div#logo h1 {
	background: url(../_images/_global/b_logo.gif) no-repeat left top;
	height: 83px;
	width: 40px;
	margin-bottom: 0;
}

div#logo h1 a {
	display: block;
	height: 83px;
	width: 40px;
}

div#tagline {
	position: absolute;
	top: 29px;
	left: 63px;
	height: 18px;
	width: 385px;
}
div#tagline h2 {
	background: url(../_images/_global/live_in_vienna.gif) no-repeat left top;
	height: 18px;
	width: 385px;
	margin-bottom: 0;
}

div#date_time_weather {
	position: absolute;
	height: 16px;
	width: 200px;
	top: 0px;
	left: 763px;
	left: 748px;
	font-size: 10px;
	color: #8D887F;
	text-align: right;
	padding: 37px 15px 0 0;
}

/*-------------------------------------------
	Main Navigation
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

div#main_nav {
	clear: both;
	background: #54301A;
	height: 29px;
	margin: 0px 0 0px;
}

div#main_nav ul {
	float: left;
	display: inline;
	margin: 0px 0 0 63px;
}
div#main_nav ul li {
	float: left;
	display: inline;
	height: 29px;
	margin-right: 15px;
}
div#main_nav ul li a {
	display: block;
	height: 29px;
}

/* Home */
li#btn_home {
	background: url(../_images/_global/main_nav/home_OVER.gif) left top no-repeat;
}
li#btn_home a:link, 
li#btn_home a:visited {
	background: url(../_images/_global/main_nav/home.gif) left top no-repeat;
	width: 46px;
}
li#btn_home a:hover {
	background: url(../_images/_global/main_nav/home_OVER.gif) left top no-repeat;
	width: 46px;
}

/* The Community */
li#btn_community {
	background: url(../_images/_global/main_nav/community_OVER.gif) left top no-repeat;
}
li#btn_community a:link, 
li#btn_community a:visited {
	background: url(../_images/_global/main_nav/community.gif) left top no-repeat;
	width: 121px;
}
li#btn_community a:hover {
	background: url(../_images/_global/main_nav/community_OVER.gif) left top no-repeat;
	width: 121px;
}
li#btn_community a.selected {
	background: url(../_images/_global/main_nav/community_SEL.gif) left top no-repeat;
	width: 121px;
}

/* Luxury Condominiums */
li#btn_lux_condos {
	background: url(../_images/_global/main_nav/luxury_condos_OVER.gif) left top no-repeat;
}
li#btn_lux_condos a:link, 
li#btn_lux_condos a:visited {
	background: url(../_images/_global/main_nav/luxury_condos.gif) left top no-repeat;
	width: 173px;
}
li#btn_lux_condos a:hover {
	background: url(../_images/_global/main_nav/luxury_condos_OVER.gif) left top no-repeat;
	width: 173px;
}
li#btn_lux_condos a.selected {
	background: url(../_images/_global/main_nav/luxury_condos_SEL.gif) left top no-repeat;
	width: 173px;
}

/* The Experience */
li#btn_experience {
	background: url(../_images/_global/main_nav/experience_OVER.gif) left top no-repeat;
}
li#btn_experience a:link, 
li#btn_experience a:visited {
	background: url(../_images/_global/main_nav/experience.gif) left top no-repeat;
	width: 115px;
}
li#btn_experience a:hover {
	background: url(../_images/_global/main_nav/experience_OVER.gif) left top no-repeat;
	width: 115px;
}
li#btn_experience a.selected {
	background: url(../_images/_global/main_nav/experience_SEL.gif) left top no-repeat;
	width: 115px;
}

/* Location */
li#btn_location {
	background: url(../_images/_global/main_nav/location_OVER.gif) left top no-repeat;
}
li#btn_location a:link, 
li#btn_location a:visited {
	background: url(../_images/_global/main_nav/location.gif) left top no-repeat;
	width: 72px;
}
li#btn_location a:hover {
	background: url(../_images/_global/main_nav/location_OVER.gif) left top no-repeat;
	width: 72px;
}
li#btn_location a.selected {
	background: url(../_images/_global/main_nav/location_SEL.gif) left top no-repeat;
	width: 72px;
}

/* News and Events */
li#btn_news {
	background: url(../_images/_global/main_nav/news_and_events_OVER.gif) left top no-repeat;
}
li#btn_news a:link, 
li#btn_news a:visited {
	background: url(../_images/_global/main_nav/news_and_events.gif) left top no-repeat;
	width: 108px;
}
li#btn_news a:hover {
	background: url(../_images/_global/main_nav/news_and_events_OVER.gif) left top no-repeat;
	width: 108px;
}
li#btn_news a.selected {
	background: url(../_images/_global/main_nav/news_and_events_SEL.gif) left top no-repeat;
	width: 108px;
}

/* About Us */
li#btn_about {
	background: url(../_images/_global/main_nav/about_us_OVER.gif) left top no-repeat;
}
li#btn_about a:link, 
li#btn_about a:visited {
	background: url(../_images/_global/main_nav/about_us.gif) left top no-repeat;
	width: 72px;
}
li#btn_about a:hover {
	background: url(../_images/_global/main_nav/about_us_OVER.gif) left top no-repeat;
	width: 72px;
}
li#btn_about a.selected {
	background: url(../_images/_global/main_nav/about_us_SEL.gif) left top no-repeat;
	width: 72px;
}

/* Contact */
li#btn_contact {
	background: url(../_images/_global/main_nav/contact_OVER.gif) left top no-repeat;
	margin-right: 0px;
}
li#btn_contact a:link, 
li#btn_contact a:visited {
	background: url(../_images/_global/main_nav/contact.gif) left top no-repeat;
	width: 69px;
}
li#btn_contact a:hover {
	background: url(../_images/_global/main_nav/contact_OVER.gif) left top no-repeat;
	width: 69px;
}
li#btn_contact a.selected {
	background: url(../_images/_global/main_nav/contact_SEL.gif) left top no-repeat;
	width: 69px;
}


/*-------------------------------------------
	Left Col Navigation
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

div#sec_nav {
	background: #BBA78E;
	padding: 18px 0 19px;
}

div#sec_nav ul {
	margin: 0px 0 0 67px;
	margin: 0px 0 0 32px;
}
div#sec_nav ul li {
	height: 12px;
	margin-bottom: 17px;
}
div#sec_nav ul li a {
	display: block;
	height: 12px;
}


/*-------------------------------------------
	Sidebar
-------------------------------------------*/
div.photo img {
	vertical-align: top;
}

div.sidebar_content {
	background: url(../_images/_global/bg/sidebar_scroll_top_bg.gif) center top no-repeat;
	padding: 16px 14px;
	color: #ffc;
}
div.sidebar_content h3 {
	height: 12px;
	margin-bottom: 18px;
}
div.sidebar_content h4 {
	color: #ffc;
	font: bold 1.2em/1.2 Arial, Helvetia, Verdana, sans-serif;
	text-align: center;
	margin-bottom: 6px;
}
div.sidebar_content h5 { /* Specific to Building Plan Thumbnails Sidebar */
	height: 10px;
	width: 100%;
	margin-bottom: 13px;
}
div.sidebar_content p.action_link {
	color: #ffc;
	font: italic 1.3em/1.2 Georgia, serif;
	text-align: left;
}
div.sidebar_content p.action_link a:link, 
div.sidebar_content p.action_link a:visited {
	color: #ffc;
	text-decoration: none;
}
div.sidebar_content p.action_link a:hover {
	color: #ffc;
	text-decoration: underline;
}

div.sidebar_content ul {
	margin: 0;
}
div.sidebar_content ul li {
	font: bold 1.1em/1.3 Arial, Helvetica, Verdana, sans-serif;
	background: url(../_images/sidebar/li_bullet.gif) 0px 4px no-repeat;
	padding: 0 0 0 8px;
	margin-bottom: 18px;
}
div.sidebar_content a:link, 
div.sidebar_content a:visited {
	color: #ffc;
	text-decoration: underline;
}
div.sidebar_content a:hover {
	color: #A89279;
	text-decoration: underline;
}

/* Experience Belvedere */

div#experience_belvedere_banner {
	height: 170px;
	height: 209px;
	width: 237px;
	margin: 0;
}
div#experience_belvedere_banner h2 {
	background: url(../_images/sidebar/experience_belvedere-2.jpg) no-repeat left top;
	height: 170px;
	height: 209px;
	width: 237px;
	margin-bottom: 0;
}

div#experience_belvedere_banner h2 a {
	display: block;
	height: 170px;
	height: 209px;
	width: 237px;
}

/* Interest List
div#interest_list {
	height: 226px;
	height: 158px;
	width: 237px;
}
div#interest_list p {
	background: url(../_images/sidebar/interest_list-2.gif) no-repeat left top;
	height: 226px;
	height: 158px;
	width: 237px;
	margin-bottom: 0;
}
div#interest_list p a {
	height: 226px;
	height: 158px;
	width: 237px;
	display: block;
}
 */
/* Interest list - mod for multiple languages */
div#interest_list {
	height: 226px;
	height: 158px;
	width: 237px;
}
div#interest_list p {
	width: 237px;
	margin-bottom: 0;
}
div#interest_list p#interest-en {
	background: url(../_images/sidebar/interest_list-3.gif) no-repeat left top;
	height: 74px;
}
div#interest_list p#interest-chinese {
	background: url(../_images/sidebar/interest_list-chinese.gif) no-repeat left top;
	height: 38px;
}
div#interest_list p#interest-tagalog {
	background: url(../_images/sidebar/interest_list-tagalog.gif) no-repeat left top;
	height: 46px;
}
div#interest_list p a {
	width: 237px;
	display: block;
}
div#interest_list p#interest-en a {
	height: 74px;
}
div#interest_list p#interest-chinese a {
	height: 38px;
}
div#interest_list p#interest-tagalog a {
	height: 46px;
}


/* Interest List w/ top border */
div#interest_list-2 {
	height: 161px;
	width: 237px;
}
div#interest_list-2 p {
	background: url(../_images/sidebar/interest_list-2b.gif) no-repeat left top;
	height: 161px;
	width: 237px;
	margin-bottom: 0;
}
div#interest_list-2 p a {
	height: 161px;
	width: 237px;
	display: block;
}
/* Current Pricing and Specials */
div#current-pricing-and-specials {
	height: 61px;
	width: 237px;
}
div#current-pricing-and-specials p {
	background: url(../_images/sidebar/current-pricing.gif) no-repeat left top;
	height: 61px;
	width: 237px;
	margin-bottom: 0;
}
div#current-pricing-and-specials p a {
	height: 61px;
	width: 237px;
	display: block;
}

/* Social Networking Links */

div#social-network {
	height: 72px;
	width: 237px;
	background: #F7D06F;
	margin: 3px 0;
}
div#social-network p {
	float: left;
	display: inline;
	height: 72px;
}
div#social-network p a {
	display: block;
	height: 72px;
}
div#social-network p#you-tube {
	margin: 0 18px 0 15px;
	background: url(../_images/sidebar/you-tube.gif) no-repeat left top;
	width: 63px;
}
div#social-network p#you-tube a {
	width: 63px;
}
div#social-network p#facebook {
	margin: 0 32px 0 0;
	background: url(../_images/sidebar/facebook.gif) no-repeat left top;
	width: 47px;
}
div#social-network p#facebook a {
	width: 47px;
}
div#social-network p#twitter {
	margin: 0;
	background: url(../_images/sidebar/twitter.gif) no-repeat left top;
	width: 44px;
}
div#social-network p#twitter a {
	width: 44px;
}

/* Promo (Grand Opening) */

div#grand_opening {
	height: 193px;
	width: 237px;
}
div#grand_opening h2 {
	background: url(../_images/sidebar/grand_opening.jpg) no-repeat left top;
	height: 193px;
	width: 237px;
	margin-bottom: 0;
}

div#grand_opening h2 a {
	display: block;
	height: 193px;
	width: 237px;
}

div#six_flags_promo {
	height: 70px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/six_flags_promo.jpg) no-repeat left top;
}
div#luxury_living_banner {
	height: 69px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/luxury_living.gif) no-repeat left top;
}
div#brochure_download_banner {
	height: 48px;
	width: 237px;
}
div#brochure_download_banner h3 {
	background: url(../_images/sidebar/brochure_download_button.jpg) no-repeat left top;
	height: 48px;
	width: 237px;
	margin-bottom: 0;
}

div#brochure_download_banner h3 a {
	display: block;
	height: 48px;
	width: 237px;
}

div#september-20th {
	height: 284px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/september-20th.gif) no-repeat left top;
}

div#buy_now_sell_later {
	height: 121px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/buy_now_sell_later.gif) no-repeat left top;
}
p#buy_now_sell_later_link a {
	display: block;
	height: 121px;
	width: 237px;
	margin: 0;
}

div#clubhouse_opening_soon {
	height: 88px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/clubhouse_opening_soon.gif) no-repeat left top;
}

div#watch_jan_wahl {
	height: 95px;
	width: 237px;
	margin: 0;
	background: url(../_images/sidebar/watch_jan_wahl.gif) no-repeat left top;
}
div#watch_jan_wahl h2 {
	margin: 0;
}
div#watch_jan_wahl h2 a {
	display: block;
	height: 95px;
	width: 237px;
}

div#referral-flyer {
	height: 218px;
	width: 237px;
	margin: 0;
}
div#referral-flyer p#referral-flyer-link {
	background: url(../_images/sidebar/referral.gif) no-repeat left top;
	height: 218px;
	width: 237px;
	margin-bottom: 0;
}

div#referral-flyer p#referral-flyer-link a {
	display: block;
	height: 218px;
	width: 237px;
}

div#contact_form {
	background: #54301A url(../_images/sidebar/form_scroll_bg.gif) no-repeat left bottom;
	padding: 14px 0 94px;
}
div#contact_form fieldset {
	margin: 0;
	padding: 0;
	border: solid 0 transparent; /* For Opera */
}
div#contact_form label, 
div#contact_form input {
	display: block;
}
div#contact_form legend.hidden, 
div#contact_form label.hidden {
	display: block; /* so we can hide it */
	display: none; /* well, displaying block didn't do the trick for FF3, so nevermind */
}
div#contact_form_legend {
	background: url(../_images/sidebar/form_legend_alt.gif) no-repeat center top;
	height: 50px;
	width: 237px;
	margin-bottom: 10px;
	height: 91px;
	width: 202px;
	margin:0 0 20px 17px;
}
div#contact_form p {
	color: #FFF5E0;
	font: italic 1em/1.2 Arial, Verdan, sans-serif;
	text-align: center;
	margin-bottom: 12px;
	padding: 0 30px;
}
div#contact_form input.text_input {
	background: #7F614C;
	/* background: #FFF5E0; */
	color: #FFF5E0;
	font: bold 1.3em Arial, Verdan, sans-serif;
	padding: 10px;
	border: 0px solid #54301A;
	width:179px;
	margin: 0 19px 6px;
	/* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */
}
div#contact_form input.last_item {
	margin: 0 19px 11px;
}
div#contact_form input.submit_input {
	margin: 0 19px 0 0;
}