/* 
	 ----------------------------------------------------------------------------
	  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/masthead3.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-fairway {	
		position:absolute;
		left:470px;
		width:347px;
		top:4px;
		height:69px; 
	}

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

	/* ----- column-left ----- */
	
	#column-left {
		background:url("/assets/files/template_files/col-left-bg.gif") no-repeat;
		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:9px;
	}
	
	#column-left p {
		margin:0 22px 10px 18px;
	}
			
	/* ----- column-right ----- */
	
	#column-right {
		width:690px;
		float:left;
		background-color: #FFFFFF;
		background:url("/assets/files/template_files/content-bkgd.jpg") repeat-y;
	}
	
	#booking-device {
		background:url("/assets/files/template_files/booking-device.gif") no-repeat;
		height:238px;
		float:right;
		position:absolute;
		left:491px;
	}
	
	#column-right-top {
		background:url("/assets/files/template_files/header-graphic-bottom.gif") no-repeat;
		padding-top:25px;
		position:relative;
	}

	#column-right a:link, #column-right a:active, #column-right a:visited {
		color:#ba4a1c;
	}

	 #column-right a:hover {
		color:#ba4a1c;
		text-decoration:underline;
	}
	
	#column-right #column-right-top p, #column-right #column-right-top h1 {
		margin:0 30px 10px 10px;
	}

	#column-right-top h1 {
		font-size: 18px;
		color: #990000;
	}
	 
	#subhead-courses {
		background:url("/assets/files/template_files/subhead-courses2.gif") no-repeat;
		height:28px;
		padding-top:17px;
	}
		
	#subhead-courses h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#fff3a1;
		font-size:19px;
		font-weight:normal;
		line-height: 24px;
	}
		
	#img-courses {
		background:url("/assets/files/template_files/img-attractions12.jpg") no-repeat;
		height:290px;
		position:relative;
	}
		
	#img-courses a.link-fountains {	
		position:absolute;
		left:203px;
		width:100px;
		top:249px;
		height:10px; 
	}
		
	#img-courses a.link-oaks {	
		position:absolute;
		left:528px;
		width:101px;
		top:249px;
		height:10px; 
	}
		
	#column-right p {
		margin:0 65px 10px 10px;
	}
	
	#column-right h1, #column-right h2, #column-right h3 {
		margin:0 65px 10px 10px;
	}
		
	#column-right h2.htbottom {
		margin:0 65px 0px 10px;
		color: #990000;
	}
	
	/* ----- 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-graphic { 
		height:189px; 
		background:url("/assets/files/template_files/header-graphic2.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 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:11px;
	}
	
	#footer li.first { 
		border:none; 
	}