@charset "utf-8";

* {margin:0px; padding:0px;font-family:Arial; font-size:11px;}
#container { width:950px; height:610px; margin:-305px 0px 0px -475px; border:1px solid #f3f3f3; position:absolute; top:50%; left:50%;}
#main_left {width:220px; _width:320px; float:left; height:610px; padding:0px 50px 0px 50px; text-align:center}
#main_left p {text-align:left;}
#main_right {width:630px; float:left; height:610px; background-color:#034898}

#loading_indicator {display:none; position:absolute; z-index:100; padding:20px 0px 0px 20px; width:80px; height:80px; background-image:url(images/site/ajax-loader-bg.png); background-repeat:no-repeat; top:50%; left:50%; margin:-50px 0px 0px -50px;}
#close_button {position:absolute; right:0px; top:0px;}
#modal_container{ width:680px; height:435px; _width:700px;  _height:435px; margin:0px 0px 0px 0px; overflow:hidden; position:relative;}
#modal_container #modal_data { width:100%; padding:10px; margin-top:23px; height:370px; background-color:#d1ecf9; }
#modal_container #modal_data_white { width:100%; padding:10px; margin-top:20px; height:400px; background-color:#ffffff }

#intro_left{width:220px; height:420px; _width:380px; _height:420px; float:left;  padding:0px 100px 0px 60px;}
#intro_right{width:190px; height:420px; _width:300px; _height:420px; background-image:url(images/site/blue_bg.jpg); float:left; padding:0px 55px 0px 45px; }
#intro_right p {color:white;}
#intro_left p {padding-left:10px;}
.intro_buttons {text-align:right;}

.textbox {font-size:12px; padding:2px; width:190px; font-family:Arial; border:1px solid #009EE0; color:#009EE0; margin-bottom:5px;}
.button {font-size:12px; padding:5px;  font-family:Arial; background-color:#009EE0; color:white; font-weight:bold; border:1px solid #009EE0}

#modal_container .story { background-image:url(images/site/story_bg.png); cursor:pointer; background-repeat:no-repeat; width:318px; height:124px; float:left; margin-right:20px; position:relative;}
.story_bg { width:114px; height:85px; background-position:center; position:absolute; top:18px; left:20px;  background-repeat:no-repeat; }
.story_hotel_name { width:160px; height:22px; top:18px; left:148px;  position:absolute; overflow:hidden; color:white; font-size:13px; font-weight:bold;}
.story_teller_name { width:160px; height:22px; top:40px; left:148px;  position:absolute; overflow:hidden; color:#2bb4ea; font-size:13px; }
.story_description {color:#8a8a8c; width:160px; height:45px; top:57px; left:148px;  position:absolute; overflow:hidden; font-size:12px; }

#modal_story_details, #modal_story_details_location {width:680px; height:415px;}
#story_details_left, #modal_story_details_location_left {float:left; width: 315px; max-height:415px;}
#image_container {width:326px; height:268px; background-image:url(images/site/story_image_bg.jpg); position:relative;}
#image_container #image {background-repeat:no-repeat; position:absolute; width:248px; height:185px; top:38px; left:40px;}
#more_about_this_location{ margin:5px 0px 0px -20px;}
#story_details_left h1, #modal_story_details_location_left h1 {font-size:20px; color:#000000; font-weight:normal; letter-spacing:-1px; }
#story_details_right, #modal_story_details_location_right {float:left; width:330px; height:370px; overflow:auto; margin-left:25px;}
#story_details_right h1, #modal_story_details_location_right h1 {font-size:30px; color:#003576; font-weight:bold; letter-spacing:-1px; line-height:30px; padding:10px 5px 5px 0px; }
#story_details_right h2, #modal_story_details_location_right h2 {margin-top:5px;font-size:22px; color:#009EE0; letter-spacing:-2px; font-weight:normal; }
#story_details_right h3, #modal_story_details_location_right h3 {margin-top:5px;font-size:14px; color:#000000; letter-spacing:-1px; font-weight:normal; }
p {margin-top:5px;font-size:11px; color:#4D4D4D; letter-spacing:0px; font-weight:normal; }

#google_map {width:303px; height:212px; margin-top:10px;}

#modal_footer .story_button, #modal_footer .location_button {display:block; float:left; margin-top:2px;}
#modal_footer .story_button {width:52px; height:22px; background-image:url(images/site/story_button.jpg); background-repeat:no-repeat; background-position:0 -22px; margin-right:10px;}
#modal_footer .story_button > span {display:none; width:52px; height:22px; background-image:url(images/site/story_button.jpg); background-repeat:no-repeat; opacity:0;}

#modal_footer .location_button {width:75px; height:22px; background-image:url(images/site/location_button.jpg); background-repeat:no-repeat; background-position:0 -22px; margin-right:10px;}
#modal_footer .location_button > span {display:none; width:75px; height:22px; background-image:url(images/site/location_button.jpg); background-repeat:no-repeat;opacity:0;}

#modal_footer {width:680px; height:22px; padding:0px 0px 0px 0px;}

#info {text-align:left; }
#info img {float:left;  margin-right:10px; }
#info p {text-align:left; padding-left:10px;}

.LV_invalid_field{ border:1px solid red; }
.LV_invalid{ color:red; display:none;}	
.center {text-align:center;}
.clear {clear:both}

object {z-index:10}