/* 
	 ----------------------------------------------------------------------------
	  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; 
	}

	.img-left {
		float:left;
		margin:5px 10px 0 0;
	}

	/* 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/masthead5.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:478px;
		width:333px;
		top:8px;
		height:69px; 
	}

	#header-link {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
		padding-top:25px;
		padding-left:145px;
		margin-bottom:5px;
	}

	#header-link li {
		padding:0 5px 0 7px;
		display: inline;
		border-left: 1px solid #336699;
	}

	#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 h1, #column-right h2, #column-right h3 {
		margin:0 65px 10px 0px;
	}

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

	#column-right li {
		list-style:disc;
		padding-left:5px;
	}

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

	/* ----- booking-device's ----- */

	#booking-device {
		background: url("/assets/files/template_files/booking-device.gif") no-repeat;
		height:229px;
		float:right;
		position:absolute;
		left:491px;
		top: 25px;
	}

	#booking-device a.link-check-availability {
		position:absolute;
		left:20px;
		width:130px;
		top:190px;
		height:25px; 
	}

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

	#column-right-top {
		background: url("/assets/files/template_files/header-graphic-bottom1.gif") repeat-y;
		padding-top: 25px;
		position:relative;
	}

	#column-right #column-right-top p, #column-right #column-right-top h1 {
		margin:0 205px 10px 10px;
	}

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

	/* ----- 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: #E7ECF2;
		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;
	}

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

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

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

	#header-text {
		padding-left:155px;
		font-weight:bold;
		color:#000;
		font-size:14px;
	}


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

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

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

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

	#subhead-attractions .package-step {
		position: absolute;
		left: 40px;
		width: 447px;
		top: 151px;
		height: 18px; 
		margin: 0 ;
		border: 0 ;
		visibility: hidden ;
	}

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

	#img-attractions a.link-golf {	
		position:absolute;
		left:33px;
		width:69px;
		top:297px;
		height:10px; 
	}

	#img-attractions a.link-activities {	
		position:absolute;
		left:250px;
		width:69px;
		top:297px;
		height:10px; 
	}

	#img-attractions a.link-dining {	
		position:absolute;
		left:465px;
		width:69px;
		top:297px;
		height:10px; 
	}

	/* 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 30px 0 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; 
	}