/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:	1.0
	date:		02/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.larsmontcottages.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("lightbox.css");
/*@import url("forms.css");
@import url("type.css");
@import url("print.css");
@import url("tags.css");*/

/*	Styles/Colors/Fonts
-----------------------------------------------------------------------------*/

/* colors */



/*	Global Elements
-----------------------------------------------------------------------------*/

@media screen {

body {
	background: rgb(128,29,23) url(../img/bg.jpg) 0 0 repeat; /* light blue 197,225,233 - light tan 236,237,225*/
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	margin: 0;
	padding: 0;
	text-align: center
	}

.wrap {
	background: rgb(255,255,255);
	margin: 0 auto;
	padding: 0 5px;
	width: 895px
	}
.hrRed {
	background: rgb(104,4,4);
	border-top: 6px solid rgb(255,255,255);
	border-bottom: 3px solid rgb(255,255,255);
	height: 6px;
	margin: 20px auto 0;
	width: 905px
	}
#header {
	height: 85px
	}
/* Show only to IE PC \*/
* html #header {height: 80px;} /* For IE 5 PC */

#inner #header {
	height: 257px
	}
#content {
	background: rgb(255,255,255);
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left
	}
#footer {
	background: rgb(255,255,255);
	border-top: 6px solid rgb(104,4,4);
	color: rgb(130,3,22);
	font-size: 10px;
	line-height: 1.4em;
	margin: 0 auto 25px;
	padding: 10px;
	text-align: left;
	width: 885px
	}
	ul#footerNav {
		text-align: center
		}
		ul#footerNav li {
			display: inline;
			padding-left: 10px;
			}
			ul#footerNav li.flink { padding-left: 0 }
			ul#footerNav li a:link,
			ul#footerNav li a:visited {
				color: rgb(130,3,22);
				text-decoration: none
				}
				ul#footerNav li a:hover {
					color: rgb(0,74,143);
					text-decoration: underline
					}
							
	
/*	Site Navigation
----------------------------------------------------------------------------*/

#siteNavWrap {
	background: rgb(42,44,96) url(../img/makeReservation-hdrBkg.gif) 0 bottom repeat-x;
	height: 30px
	}

#jsddm {
	margin: 0;
	padding: 0
	}
	#jsddm li {
		background: url(../img/nav-divider.gif) right bottom no-repeat;
		float: left;
		font-size: 11px;
		height: 30px;
		list-style: none
		}

	#jsddm li a {
		display: block;
		font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
		padding: 0;
		line-height: 30px;
		height: 30px;
		text-decoration: none;
		width: 90px;
		color: rgb(255,255,255);
		white-space: nowrap;
		text-indent: -9999px
		}
		#jsddm li a span { text-indent: -9999px }
		#jsddm li a#vtours { background: url(../img/nav-tour.gif) center 0 no-repeat; margin-right: 1px; width: 100px }
		#jsddm li a#lodging { background: url(../img/nav-lodging.gif) center 0 no-repeat; width: 69px }
		#jsddm li a#amenities { background: url(../img/nav-amenities.gif) center 0 no-repeat; width: 80px }
		#jsddm li a#activities { background: url(../img/nav-activities.gif) center 0 no-repeat; width: 80px }
		#jsddm li a#ledgerock { background: url(../img/nav-ledgerock.gif) center 0 no-repeat; width: 140px }
		#jsddm li a#northshore { background: url(../img/nav-northshore.gif) center 0 no-repeat; width: 100px }
		#jsddm li a#groups { background: url(../img/nav-groups.gif) center 0 no-repeat; width: 160px }
		#jsddm li a#estate { background: url(../img/nav-estate.gif) center 0 no-repeat; width: 90px }
		#jsddm li a#contact { background: url(../img/nav-contact.gif) center 0 no-repeat; margin-right: 2px; width: 73px }
		
		#jsddm li.selected a#vtours { background: url(../img/nav-tour.gif) center 0 no-repeat; margin: 0 1px; width: 99px }
		
		#jsddm li a#vtours:hover,
		#jsddm li.selected a#vtours:hover,
		#jsddm li a#lodging:hover,
		#jsddm li.selected a#lodging:hover,
		#jsddm li a#amenities:hover,
		#jsddm li.selected a#amenities:hover,
		#jsddm li a#activities:hover,
		#jsddm li.selected a#activities:hover,
		#jsddm li a#ledgerock:hover,
		#jsddm li.selected a#ledgerock:hover,
		#jsddm li a#northshore:hover,
		#jsddm li.selected a#northshore:hover,
		#jsddm li a#groups:hover,
		#jsddm li.selected a#groups:hover,
		#jsddm li a#estate:hover,
		#jsddm li.selected a#estate:hover,
		#jsddm li a#contact:hover,
		#jsddm li.selected a#contact:hover {
			background-position: center -30px
			}
		#jsddm li.selected a#vtours,
		#jsddm li.selected a#lodging,
		#jsddm li.selected a#amenities,
		#jsddm li.selected a#activities,
		#jsddm li.selected a#ledgerock,
		#jsddm li.selected a#northshore,
		#jsddm li.selected a#groups,
		#jsddm li.selected a#estate,
		#jsddm li.selected a#contact {
			background-position: center -60px
			}


	/*#jsddm li a:hover {
		background: rgb(30,87,145) url(../img/nav-hoverBkg.gif) 0 bottom repeat-x
		}*/
		
		#jsddm li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid rgb(22,67,114);
			text-align: left
			}
		
			#jsddm li ul li {
				float: none;
				display: inline;
				text-align: left;
				text-indent: 0
				}
			
			#jsddm li ul li a {
				width: auto;
				background: rgb(15,49,87);
				border-bottom: 1px solid rgb(22,67,114);
				color: rgb(255,255,255);
				line-height: 20px;
				height: 20px;
				padding: 0 10px;
				width: 110px;
				text-indent: 0
				}
			#jsddm li ul.extraW li a { width: 150px }
			
			#jsddm li ul li a:hover {
				background-image: none;
				background: rgb(22,67,114);
				color: rgb(57,127,229)
				}

/*	Make Reservation Box
-----------------------------------------------------------------------------*/


.specialPromos {
	background: rgb(138,33,34) url(../img/specialPromo-bkg.gif) 5px center no-repeat;
	line-height: .9em;
	padding: 18px 0 18px 60px;
	text-align: left;
	}
	.specialPromos a:link,
	.specialPromos a:visited {
		color: rgb(255,255,255);
		font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
		font-size: 14px;
		text-decoration: none;
		text-transform: uppercase
		}
	.specialPromos a:hover {
		color: rgb(234,217,178);
		}
	.specialPromos span {
		color: rgb(255,255,255);
		font-size: 11px;
		line-height: 1em
		}
	#inner .specialPromos {
		margin-top: 5px
		}
	

#makeReservation {
	background: rgb(234,217,178);
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	height: 238px
	}
	#makeReservation .num {
		background: rgb(255,255,255);
		font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
		font-size: 18px;
		line-height: 2em
		}
	#makeReservation .hdr {
		background: rgb(42,44,96) url(../img/makeReservation-hdrBkg.gif) 0 bottom repeat-x;
		font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
		font-size: 12px;
		line-height: 2.5em;
		color: rgb(255,255,255)
		}
		ol#reserveForm {
			font-size: 12px;
			margin: 10px 0 10px 5px
			}
			ol#reserveForm li {
				font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
				padding: 2px 0;
				text-align: left
				}
				ol#reserveForm li.title {
					font-size: 13px;
					text-align: center
					}
				ol#reserveForm li select {
					font-size: 10px
					}
					ol#reserveForm li select#ddlYear { width: 55px }
					

	
/*	Typography
-----------------------------------------------------------------------------*/

h1 {
	font-family: arial, lucida sans unicode, lucida grande, sans-serif;
	font-size: 24px;
	font-weight: 100;
	color: rgb(86,88,88);
	/*color: rgb(76, 121, 144);*/
	line-height: 1em;
	letter-spacing: 0;
	margin-bottom: .5em;
	text-indent: -9999px
	}
	h1 a {
		
		}
	h1 span {
		font-family: arial, lucida sans unicode, lucida grande, sans-serif;
		font-size: 11px;
		font-style: italic;
		margin-left: 10px
		}
h2 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 16px;
	color: rgb(130,3,22);
	line-height: 1em;
	margin-bottom: .4em;
	}
	#inner h2 { font-size: 20px }
h3 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 13px;
	font-weight: 700;
	color: rgb(130,3,22);
	margin-bottom: .7em
	}
h4 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: .5em;
	color: rgb(0,0,0);
	}
h5 {
	font-family: "Gotham-Book", lucida sans unicode, lucida grande, sans-serif;
	font-size: 11px;
	text-transform: uppercase
	}
p {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 12px;
	color: rgb(0,0,0);
	line-height: 1.45em;
	margin-bottom: 1.2em
	}
	p.small { font-size: 9px }
	p.hvy,
	span.hvy {
		font-weight: 700;
		}

}