/* 
===========================================================
====
===	Common Stylesheet for TAL, SWL, KFW, KFT, & PWS
====
==============================================================
*/

#bodydouble {
	background:none;
	overflow:hidden;
	padding-top:25px;
}
#wrapper {
	width:950px;
	position:relative;
}
#bug {
	height:117px;
	width:108px;
	position:absolute;
	top:-10px;
	right:325px;
	z-index:100;
}
#reservations {
	width:254px;
	top:70px;
	position:absolute;
	right:20px;
	top:20px;
	z-index:100;
}
#container {
	width:940px;
	position:relative;
}
#contentwell {
	min-height:250px;
}
#home #contentwell {
	background:url(/images/_common/bg_contentwell.gif) left top no-repeat;
	width:940px;
	float:none;
	overflow:hidden;
	min-height:280px;
}
#home #container {
	background:transparent;
}
#content {
	float:left;
	width:405px;
	padding:20px 0 0 20px;
}
#content.wide {
	float:none;
	width:710px;
	padding:20px 0 0 20px;
}
#home #content {
	float:none;
	width:610px;
	padding:20px 20px 0 20px;
	background:url(/images/_common/bg_content_home.gif) left top no-repeat;
}
#home .column_wrapper {
	width:100%;
	overflow:hidden;
	clear:both;
	position:relative;
}
#sash1 {
	position:absolute;
	top:12px;
	z-index:100;
	right:0;
}
#home .column_wrapper .column {
	width:295px;
	float:left;
}
#home .column_wrapper .column.left {
	margin-right:20px;
}
#home .column_wrapper .column img {
	display:block;
	margin:6px 6px 22px 6px;
}
#rightbar {
	width:304px;
	padding:14px 0 0 0;
}
#rightbar #section_slideshow {
	width:298px;
	min-height:604px;
	padding:6px 0 0 6px;	
	background:url(/images/_common/bg_section_slideshow.gif) left top no-repeat;
	overflow:hidden;
}
#rightbar #section_slideshow a.slide {
	border:6px solid #fff;
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
#rightbar #section_slideshow a.slide:hover {
	border:6px solid #BDA777;
}
#rightbar .contentphoto {
	width:290px;
	background:url(/images/_common/bg_contentphoto_01.gif) left top no-repeat;
	padding-top:12px;
	display:block;
}
#rightbar .contentphoto p.caption {
	margin:0;
	width:266px;
	background:url(/images/_common/bg_contentphoto_02.gif) left bottom no-repeat;
	padding:0 12px 20px 12px;
	color:#6d624f;
	font-size:.85em;
	line-height:1.25em;
}
#rightbar .contentphoto.reservations p.caption {
	padding:0 12px 14px 12px;
}
#rightbar .contentphoto img {
	width:266px;
	padding:0 12px 10px 12px;
}
#rightbar .contentphoto.reservations img {
	width:266px;
	padding:0 12px 0 12px;
}
#rightbar img.reserveinfo_rightbar {
	width:266px;
	padding:12px 12px 0 12px;
}
#rightbar img.plannextyear_rightbar {
	width:266px;
	padding:18px 12px 32px 12px;
}
#rightbar a.thickbox {
	border-bottom:none;
	text-decoration:none;
}
#rightbar .audiowrap {
	width:290px;
	padding:30px 0;
	display:block;
	clear:both;
}
#rightbar .audiowrap div {
	width:266px;
	padding:0 12px 6px 12px;
	clear:both;
}
#masthead {
	overflow:hidden;
	height:340px;
	position:relative;
}
#home #masthead {
	height:490px;
}
#utility #masthead {
	height:180px;
}
#homebanner {
	background:#000;
}
#lodgeflash {
	position:absolute;
	left:646px;
	top:369px;
	z-index:1000;
	width:278px;
	height:391px;
	background:transparent;
}
#lodgeflash div {
	display:block;
	width:270px;
	height:384px;
	/* margin:1px 2px 6px; */
}

/* Nav Bar */

#navbar {
	position: absolute;
	left:10px;
	top:110px;
}
#navbar ul#mainlinks {
}
#navbar ul#companylinks {
}
#navbar ul#mainlinks li a:hover {
	background-color: white;
}
#navbar ul#mainlinks li a.selected {
	font-weight:bold;
}
#navbar ul#mainlinks li a.selected:hover {
	color:#fff;
}
#navbar ul#mainlinks li.first a {
	border-left:none;
}
#navbar ul#companylinks li a {
	font-size:.9em;
	padding:8px 5px;
	border:none;
}
#navbar ul#companylinks li a:hover {
}
#navbar ul#companylinks li a.selected {
	font-weight:bold;
	background:none;
	border:none;
}
#navbar ul#companylinks li.last a {
	border-right:none;
}

/* Left Bar Nav */

body #container #leftbar ul li.navheader,
body #container #leftbar ul li#seasonal_header,
body #container #leftbar ul li#worldofkenai_header,
body #container #leftbar ul li#foxisland_header,
body #container #leftbar ul li#difference_header,
body #container #leftbar ul li#partners_header,
body #container #leftbar ul li#company_header /* For some reason, IE 6 & 7 do not respect the style on the class, alone, must also spec the id :( */ {
	margin-top:2em;
	margin-bottom:.5em;
	text-transform: uppercase;
	font-size:10px;
	font-weight:bold;
}
#leftbar ul {
	list-style: none;
	padding:20px;
	margin:0;
	line-height:1.2em;
	font-size:13px;
}
#leftbar ul ul {
	padding:0 0 0 20px;
	margin:0 0 1.25em 0;
	font-size:11px;
	line-height:1.1em;
}
#leftbar ul li {
	list-style: none;
	margin:0 0 .75em 0;
	padding:auto 0;	
}
#leftbar ul ul li {
	margin:.75em 0;		
}
#leftbar ul li a {
	color:#F2EAC7;	
	text-decoration:none;
}
#leftbar ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
#leftbar ul li a.selected {
	color:#fff;
	font-weight: bold;
}
#leftbar ul li a:hover {
	text-decoration:none;
	color:#fff;
}

/* Left Bar Promos */

#leftbar #promos {
	padding-left:10px;
}
#leftbar #promos .promowrap {
	padding-top:11px;	
}
#leftbar #promos .promo {
	padding:0 26px 14px 16px;	
}
#leftbar #promos .promotextwrap {
	border:solid 2px #942A1B;	
	padding:2px;
}
#leftbar #promos .promotext {
	border:double 1px #942A1B;	
	padding:6px;
}
#leftbar #promos .promotext h5 {
	color: #942A1B;	
	text-transform:uppercase;
	font-family: Georgia, serif;
	margin:0;
	font-size:11px;
	line-height:1.25em;
}
#leftbar #promos .promowrap.green .promotextwrap  {
	border:solid 2px #596c43;
}
#leftbar #promos .promowrap.green .promotext {
	border:double 1px #596c43;
}
#leftbar #promos .promowrap.green .promotext h5 {
	color: #596c43;
}
#leftbar #promos .promotext p {
	font-size:10px;
	line-height:1.2em;
	margin:.5em 0;
}
#leftbar #promos .promotext img {
	display:block;
	margin-bottom:1em;
}
#leftbar #promos .promotext p a {
	color:#666666;
}
#deeplinks {
	clear:both;
	margin:0;
	padding:0;	
	width:940px;
	overflow:hidden;
}
#home #deeplinks {
}
#deeplinks a {
	text-decoration: none;
}
#deeplinks ul {
	list-style: none;
	margin:0;
	float:left;
	font-size:11px;
	line-height:1.25em;
}
#maplink {
	float:right;
}
#footerlinks {
}
#footerlinks ul#leftlinks li.utility a {
}
#footerlinks ul#rightlinks li.legal a {
	color:#999;
}
a {
	color:#4B5D37;
}
a:hover {
	color:#942A1B;
}
h1, h2, h3, h4, h5, h6 {
	color:#666;
}
h1 {
	color:#34627a;
}
h2 {
	color:#942A1B;
	font-size:18px;
	line-height:1.2em;
}
h1 span { display:block; color:#567C90; padding:.35em 0 0 0;}
h1 span span { display:inline; color:#567C90; padding:0;}
h4 {
	color:#34627a;
}
#content p em {
	font-family: Georgia, serif;
}
div.calltoaction_block {
	background: #75726a url(../images/_common/bg_calltoaction_block.gif) left bottom repeat-x;
	display:block;
	text-align:center;
	padding:10px;
	margin:2em auto; 
}
#content.wide div.calltoaction_block {
	width:385px; 
}
div.calltoaction_block h3 {
	color:#fff;
	font-family: Georgia, serif;
	font-weight:normal;
	text-transform: uppercase;
	font-size:11px;
	line-height:1.2em;
}
div.calltoaction_block h4 {
	color:#fff;
	background:#302D28;
	padding:2px;
	font-size:18px;
	margin-bottom:10px;
	letter-spacing: 2px;
}
div.calltoaction_block a.btn_availability {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
#rightbar div.calltoaction_block {
	margin-left:12px;
	width:246px;
	margin-top:10px;
}

/* Call Outs */

blockquote.content_callout { 
	background:#E3D2A4; 
	padding:20px 40px; 
	font-style: normal;
	color:#333; 
	text-align:center;
	font-size:13px;
	line-height:18px;
	margin:2em auto;
	width:325px;
}
blockquote.content_callout h2 { 
	color:#942A1B;
	font-size:18px;
	line-height:20px;
	margin:0;
}
blockquote.content_callout h3 {
	color:#333; 
}
blockquote.content_callout a { 
	color:#333 !important;
}
blockquote.content_callout p { 
	margin-top:.5em;
	margin-bottom:0;
}
blockquote.content_callout div {
	padding:10px;
	border:1px solid #fff;
}

/* Info Blocks, Seen on Day Cruises pages for example */

.info_block {
	width:200px;
	padding:13px 13px 16px 13px;
	background:url(/images/_common/bg_infobox.png);
	float:left;
	height:252px;
	margin-right:10px;
	margin-bottom:8px;
	overflow:hidden;
	position:relative;
}
.info_block img {
	margin-bottom:20px;
	border:none;
}
.info_block h2 {
	line-height:1.1em;
	font-size:1.25em;
	margin-bottom:.4em;
	margin-top:0;
}
.info_block h2 a {
	text-decoration:none;
	color:#942A1B;
}
.info_block ul {
	line-height:1.2em;
	margin-bottom:.5em;
	font-size: 11px;
}
.info_block ul li {
	margin-bottom:.25em;
}
.info_block a.btn_moredetails,
.info_block a.btn_availability {
	display:block;
	position:absolute;
	bottom:16px;
	left:35px;	
	margin-bottom:0;
}
#packages {
	margin:0;
}
#packages div {
	width:319px;
}
#packages div h2 {
	font-size:15px;
	margin-top:-1px;
	clear:both;
}
#packages h3 {
	clear:both;
	margin-top:-1px;
}
#packages p {
	float:none;
	width:auto;
	height:auto;
	margin-bottom:1em;
}
#packages img {
	margin-right:10px !important;
	margin-bottom:10px !important;
}
#content.wide #packages div {
	width:620px;
}
#packages ul {
	line-height:1.35em;
	height:55px;
	font-size:12px;
}
#packages a.btn_moredetails,
#packages a.btn_availability {
	position:relative;
	top:4px;
}
/* Extra special packages callout rules */
#packages div.content_callout {
	background:#E3D2A4; 
	padding:20px;
	width:345px;
	float:none;
	overflow:hidden;
	margin-bottom:10px;
}
#content.wide #packages div.content_callout {
	width:670px;
}
#content #packages div.content_callout img {
	margin-bottom:0 !important;
}
#content #packages div.content_callout div {
	width:259px;
	margin-bottom:0;
	padding-bottom:0;
}
#content.wide #packages div.content_callout div {
	width:580px;
	margin-bottom:0;
}
#packages div.content_callout ul {
	height:auto;
	margin-bottom:0;
}
#packages div.content_callout a.btn_moredetails,
#packages div.content_callout a.btn_availability {
	margin-bottom:0;
}
/* Package wrap and highlight rules */
#packages div.package_wrap {
	background:#F0f0f0; 
	padding:20px;
	width:345px;
	float:none;
	overflow:hidden;
	margin-bottom:10px;
}
#packages div.package_wrap.highlight {
	background:#E3D2A4; 
}
#content.wide #packages div.package_wrap {
	width:670px;
}
#content #packages div.package_wrap img {
	margin-bottom:0 !important;
}
#content #packages div.package_wrap div {
	width:259px;
	margin-bottom:0;
	padding-bottom:0;
}
#content.wide #packages div.package_wrap div {
	width:580px;
	margin-bottom:0;
}
#packages div.package_wrap ul {
	height:auto;
	margin-bottom:0;
}
#packages div.package_wrap a.btn_moredetails,
#packages div.package_wrap a.btn_availability {
	margin-bottom:0;
}