/* 
	 ----------------------------------------------------------------------------
	  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:4px 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/masthead6.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:480px;
		width:355px;
		top:4px;
		height:75px; 
	}

	#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;
	}
	
	#column-right a:link, #column-right a:active, #column-right a:visited {
		color:#ba4a1c;
	}

	 #column-right a:hover {
		color:#ba4a1c;
		text-decoration:underline;
	}

	#show-subhead {
	background:url("/assets/files/template_files/col-right-device-subhead.gif") no-repeat;
	height:25px;
	color:#f6e396;
	font-size:20px;
	padding:17px 0 0 23px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#img-shows {
		background:url("/assets/files/template_files/col-right-device-shows.jpg") no-repeat;
		height:277px;
		position:relative;
	}
	
	#img-shows a.link-a {
		position:absolute;
		top:116px;
		left:310px;
		width:106px;
		height:17px;
	}

	#img-shows a.link-b {
		position:absolute;
		top:227px;
		left:515px;
		width:106px;
		height:17px;
	}
			
	#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;
	}
	
	#column-right #column-right-top p, #column-right #column-right-top h1 {
		margin:0 40px 10px 10px;
	}

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

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

	#subhead-courses {
		background:url("/assets/files/template_files/subhead-courses.gif") no-repeat;
		height:28px;
		padding-top:32px;
		margin-top:22px;
	}
		
	#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-attractions.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 ul {
		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:24px; 
		background:url("/assets/files/header-bar.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:0 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
	}

	#footer p {
	margin:10px 45px 0px 32px;
	}
		
	#footer-bottom {
		background:url("/assets/files/template_files/bottom-footer.png") bottom left no-repeat;
		height:29px;
		width:873px;
		margin:0px auto;
		padding:0 0 0 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; 
	}

#column-middleIMG {
	background-color:#4d6ba8;
	width:299px;
	height:224px;
	display:none;
	
	position:relative;
	top:34px;
	left:18px;
}

#column-middleSWF {
	background-color:#4d6ba8;
	width:299px;
	height:224px;
	position:relative;
	top:34px;
	left:18px;
}

#device {
	background:url(/assets/files/background-device29.jpg) no-repeat;
	width:666px;
	height: 421px;
}

#device-left {
	height:421px;
	width:309px;
	float:left;
	position:relative;
}

#device-left a.show-link {
	position:absolute;
	top:10px;
	left:22px;
	width:277px;
	height:252px;
}

#device-left a.comedy-link {
	position:absolute;
	top:274px;
	left:22px;
	width:140px;
	height:130px;
}

#device-left a.hop-link {
	position:absolute;
	top:274px;
	left:169px;
	width:130px;
	height:130px;
}

#device-right {
	height:421px;
	float:left;
	width:356px;
}

#device-images {
	margin: 20px 0 0 0;
}