* {margin:0;padding:0;}

html, body, div#mainframe{
	height:100%;
	text-align:center;
	border:0px;
	margin:0px;
	padding:0px;
	background-image:url(../../images/background/bg_gray_cloud.gif);
}

body > div#mainframe{
	height:auto;
	min-height:100%;
}

/* [if IE 6] */
.clear{
  clear:both;
  height:1px;
  margin-top:-1px; 
  overflow:hidden;
}

/* HEADER: START */
div#header{
	width:100%;
	height:18px;
	background-color:#808080;
}

div#innerHeader{
	width:1004px;
	height:18px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#808080;
}
	img#flagLanguage{vertical-align: middle; border:0px;}
	div#innerHeader a:link, a:visited, a:active{
	  text-decoration:none;
	  color: #EEE;
	}
	div#innerHeader a:hover{
	  text-decoration:none;
	  color: #FF8000;
	}
  
/* HEADER: END */

/* CONTENT: START */
div#content {padding-bottom: 55px; text-align: center;}  /* must be same height as the footer */

	.inner {
		padding:12px;
	}

	/* CONTENT/TOP: START */
	div#top{
		float:left;
		width:100%;
	}

		div#topAdjustLeft, div#topAdjustRight{
		  float:left;
		  width:50%;
			height:173px;
		  margin:0 0 0 -502px; /* For IE7 & IE6 except outside */
		  *margin:0 0 0 -503px; /* For IE7 & IE6 */
		}
		
		div#topInnerLeft, div#topInnerRight{
		  margin:0 0 0 502px; /* For IE7 & IE6 except outside */
			*margin:0 0 0 503px; /* For IE7 & IE6 */
		}
		
		div#topInnerTitle{
		  float:left;
		  width:1004px;
			height:173px;
		}
		
		div#topInnerMiddle{
			border:0;
			margin:0;
			padding:0;
		}
		
			.flower_grey{
				float:left;
				position:relative;
				left:60px;
				top:0px;
				background:none;
			}
			
			div#txt_title, div#txt_subtitle{
				float:left;
				font-family:Arial;
				font-weight:bold;
				color:#0A1F36;
				vertical-align:top;
				position:relative;				
			}
			
			div#txt_title		 {position:relative; left:-190px; top:95px; font-size:40px; }
			div#txt_subtitle {position:relative; left:-406px; top:145px; font-size:15px;}
			div#christmas_05 {position:relative; left:-296px; top:11px; float:left;}
			div#christmas_46 {position:relative; left:-388px; top:127px; float:left;}
			div#top_v_line	 {position:relative; left:-278px; top:29px; float:left;}
			div#top_h_line	 {position:relative; left:263px; top:-116px; float:left;}
			
			div#top_guide_testimonials, div#top_guide_hotlink, div#top_guide_gallery{
			  position:relative;
        top:-144px;
        float:left;
        font-size:13px;
        font-family:Arial, Verdana, sans-serif;
				border: 0px;
				padding: 6px 16px 6px 16px;
				background-color:#CCC;
				line-height:16px;
      }
			div#top_guide_testimonials:hover, div#top_guide_hotlink:hover, div#top_guide_gallery:hover{
				background-color:#DDD;
				cursor: pointer;
      }
			div#top_guide_testimonials{left:35px;}
			div#top_guide_hotlink{left:36px;}
			div#top_guide_gallery{left:37px;}
			
	/* CONTENT/TOP: END */

	/* CONTENT/MIDDLE: START */
	div#body a{
	  font-weight: bold;
	  text-decoration:underline;
	  color: #FF5A00;
	}

	div#middle{
		float:left;
		width:100%;
	}

		div#midAdjustLeft, div#midAdjustRight{
		  float:left;
		  width:50%;
			height:216px;
		  margin:0 0 0 -502px; /* For IE7 & IE6 except outside */
		  *margin:0 0 0 -503px; /* For IE7 & IE6 */
		}
		
		div#midInnerLeft, div#midInnerRight{
			height:175px;
		  margin:0 0 0 502px; /* For IE7 & IE6 except outside */
			*margin:0 0 0 503px; /* For IE7 & IE6 */
			padding:1px 0px 1px 0px;
			background-color:#000000;
		}
		
			div#rightLightYellow{
				width:100%;
				height:100%;
				background-color:#EFE9C9;
			}
		
		div#midInnerTitle{
		  float:left;
		  width:1004px;
			height:216px;
		}
		
		div#midInnerMiddle{
			border:0;
			margin:0;
			padding:0;
		}
		
			div#middlePhotos, div#middleMenu, div#middleButton{
				float:left;
				background-color:#000000;
				padding:1px 0px 1px 0px;
			}
			
			div#middlePhotos	{height:214px;}
			div#middleMenu		{height:175px;}
			div#middleSplitter{height:177px; float:left; background-color:#EFE9C9;}
			div#middleButton	{height:175px;}
			
			div#middlePhotos	{width:529px;}
			div#middleSplitter{width:  1px;}
			div#middleMenu		{width:190px; text-align:left;}
			div#middleButton	{width:284px;}
			
				.photoPatio				{float:left; position:relative; left:25px; top: 35px;}
				.photoOutsideLodge{float:left; position:relative; left:65px; top:  0px;}
				.photoText				{float:left; position:relative; left:80px; top:-11px;}
				.middle_v_line{
					left:529px; top:176px;
					*left:51px; *top:18px; /* For IE7 & IE6 */
					width:1px; height:39px;
					border:0px 0px 0px 1px;
					background-color:#0A1F36;
					position:relative;
				}

				div#buttonEnglish{
					width:100%;
					height:100%;
					background-color:#EFE9C9;
					position:relative;
				}

				span#menu		         {float:left; position:relative; width:155px; height:100%;}
				span#flower_red_left {float:right; position:relative; left:0px; top:-1px;}
				span#flower_red_right{float:left; clear:left;}
				span#buttonEnglish	 {clear:left; position:relative; top:-127px; left:2px;}
		
	/* CONTENT/MIDDLE: END */

	/* CONTENT/BOTTOM: START */
	div#bottom{
		float:left;
		width:100%;
	}

		div#btmAdjustLeft, div#btmAdjustRight{
		  float:left;
		  width:50%;
		  margin:0 0 0 -502px; /* For IE7 & IE6 except outside */
		  *margin:0 0 0 -503px; /* For IE7 & IE6 */
		}
		
		div#btmInnerLeft, div#btmInnerRight{
		  margin:0 0 0 502px; /* For IE7 & IE6 except outside */
			*margin:0 0 0 503px; /* For IE7 & IE6 */
		}
		
		div#btmInnerTitle{
		  float:left;
		  width:1004px;
		}
		
			div#btmInnerMiddle{
				width:100%;
				padding:0px;
			}

			div#bottom_v_line{
				width:1px;
				position:relative;
				left:529px;	*left:28px; /* For IE7 & IE6 */
				top:0px;
				background-color:#0A1F36;
			}
			
	/* CONTENT/BOTTOM: END */
/* CONTENT: END */

/* FOOTER: START */
div#footer{
	width:100%;
	position:relative;
	margin-top:-65px; /* negative value of footer height */
	height:65px; /* negative value of footer height */
	clear:both;
	background-color:#808080;
}

div#innerFooter{
	width:1004px;
	height:100%;
	text-align:left;
	vertical-align:middle;
	margin:0 auto;
	background-color:#808080;
}

div#innerFooter div{
	clear: right;
	float: left;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, SimSun;
	font-size:13px;
	color:#FFFFFF;
}

  div#address  {position:relative; left:530px; top:5px;}
  div#telphone {position:relative; left:530px; top:6px;}
  div#fax      {position:relative; left:630px; top:6px;}
  div#email    {position:relative; left:530px; top:7px;}

div#innerFooter table{
	border:0px;
	margin:0px;
	padding:0px;
	margin:0 0 0 auto;
	font-family:Arial, Helvetica, sans-serif, SimSun;
	font-size:13px;
	color:#FFFFFF;
	height:100%;
}
/* FOOTER: END */

/* CLEAR: START */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* CLEAR: END */
