/*
	 ----------------------------------------------------------------------------
	  Copyright Welk Resorts 2008. Used with Permission.                    
	  May not be duplicated or reproduced.

	  Please check for cross-browser compatibility prior to making changes
	  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

	  CSS Document - layout.css
	 ----------------------------------------------------------------------------
	*/


	/* undo some default styling of common (X)HTML browsers
	 * ------------------------------------------------------------------------- */

	/* No list-markers by default - must redefine bullets w/ bg graphics */
	ul,ol { list-style:none; }

	/* Avoid browser default inconsistent heading font-sizes and pre/code */
	h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

	/* Remove inconsistent (among browsers) default padding or margin */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

	/* prevent blue linked image borders */
	a img,:link img,:visited img,fieldset { border:none; }


	/* global elements
	 * ------------------------------------------------------------------------- */

	body { 
		background:url("/assets/files/template_files/bg-body.jpg");
		text-align:center; 
		font:12px/16px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
	}


	/* ----- classes ----- */

	div.clear	{ 
		clear:both;
		height:.01em; 
		overflow:hidden; 
	}
	
	/* framework
	 * ------------------------------------------------------------------------- */
	
	#wrap {
		background:url("/assets/files/template_files/bg-wrap.png") repeat-y;
		width:873px;
		margin:0 auto;
		padding-left:10px;
		text-align:left;
	}
		
	#masthead {
		position:relative;
		background:url("/assets/files/template_files/masthead4.jpg") no-repeat;
		height:86px;
	}
	
	/* index page link within #masthead */		
	#masthead a.home-link {	
		position:absolute;
		left:32px;
		width:101px;
		top:12px;
		height:69px; 
	}
	
	#masthead a.link-vacation {	
		position:absolute;
		left:689px;
		width:101px;
		top:12px;
		height:69px; 
	}

	#header-link {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
		padding-top:50px;
		padding-left:145px;
	}
		
	#header-link li {
		padding:0 5px 0 7px;
		display: inline;
		border-left: 1px solid #367d3c;
	}
		
	#header-link li.first-link { 
		border:none; 
	}

	/* ----- column-left ----- */
	
	#column-left {
		background:url("/assets/files/template_files/col-left-bg.gif") repeat-y;
		width:163px;
		float:left;
		color:#30432a;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:13px;
	}
		
	#column-left-bottom {
		background:url("/assets/files/template_files/col-left-bottom.gif") no-repeat;
		height:14px;
	}
	
	#column-left p {
		margin:0 22px 10px 18px;
	}
			
	/* ----- column-right ----- */

	#column-right {
		width:690px;
		float:left;
	}

	#column-right p {
		margin:0 65px 10px 10px;
	}

	#column-right ul {
		margin:0 65px 10px 10px;
		font-size:13px;
		line-height:17px;
		
	}

	#column-right h1, #column-right h2, #column-right h3 {
		margin:0 65px 10px 10px;
	}

	#column-right h2.htbottom {
		margin:0 65px 0px 10px;
		color: #336633;
	}

	/* ----- booking-devices ----- */

	#booking-device {
		background:url("/assets/files/template_files/booking-device-bkgd.jpg") no-repeat;
		width: 156px;
		height:175px;
		float:right;
		position:absolute;
		left:491px;
		margin-top:20px;
		text-align:center;
		padding-top: 66px;
	}

	#booking-device-lower {
		background:url("/assets/files/template_files/booking-device-bkgd.jpg") no-repeat;
		width: 156px;
		height:175px;
		float:right;
		position:absolute;
		left:491px;
		top: 0px;
		margin-top:20px;
		text-align:center;
		padding-top: 66px;
	}

	/* ----- column-right-top ----- */

	#column-right-top {
		background:url("/assets/files/template_files/header-graphic-bottom1.gif") repeat-y;
		padding-top:0px;
		position:relative;
	}
	
	#column-right #column-right-top p, #column-right #column-right-top h1 {
		margin:0 225px 10px 10px;
	}

	#column-right-top h1 {
		font-size: 18px;
	}

	/* ----- column-right-bottom ----- */

	#column-right-bottom {
		background: url("/assets/files/template_files/content-graphic-bottom.gif") repeat-y;
		padding-top:25px;
		position:relative;
		line-height: 20px;
		font-size: 12.5px;
	}

	#column-right-bottom-background-offset {
		background-color: #E5E5E5;
		width: 663px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#column-right-bottom-footer {
		background: url("/assets/files/template_files/content-graphic-footer.gif") no-repeat;
		position:relative;
		height:21px;
		width:690px;
		margin:0 auto;
		padding: 0;
	}

	/* main content area framework
	 * ------------------------------------------------------------------------- */

	#subhead-attractions {
		background:url("/assets/files/template_files/subhead-attractions.gif") no-repeat;
		height:28px;
		padding-top:32px;
		margin-top:22px;
	}

	#subhead-attractions h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#fff3a1;
		font-size:19px;
		font-weight:normal;
	}

	#img-attractions {
		background:url("/assets/files/template_files/img-attractions2.jpg") no-repeat;
		height:374px;
		position:relative;
	}



	#img-attractions a.link-mountain {	
		position:absolute;
		left:246px;
		width:69px;
		top:338px;
		height:10px; 
	}

	#img-attractions a.link-lake {	
		position:absolute;
		left:29px;
		width:69px;
		top:337px;
		height:10px; 
	}

	/* ----- bottom-wrap ----- */

	#bottom-wrap {
		background:url("/assets/files/template_files/bottom-wrap.png") no-repeat;
		height:28px;
		clear:both;
		width:100%;
	}

	/* header framework
	 * ------------------------------------------------------------------------- */

	#header-graphic { 
		height:189px; 
		background:url("/assets/files/template_files/header-graphic.jpg") no-repeat; 
	} 

	/* footer
	 * ------------------------------------------------------------------------- */

	#footer {
		background:url("/assets/files/template_files/bg-footer.png") repeat-y;
		width:873px;
		margin:0 auto;
		text-align:left;
		padding-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
	}

	#footer-bottom {
		background:url("/assets/files/template_files/bottom-footer.png") no-repeat;
		height:29px;
		width:873px;
		margin:0 auto;
		padding-left:10px;
	}
	
	#footer p {
		margin:10px 40px 0px 28px;
	}

	#footer ul {
		margin:0 0 0 28px;
	}

	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 3px 0 5px;
		display: inline;
		border-left: 1px solid #fff;
		line-height:14px;
	}

	#footer li.first { 
		border:none; 
	}