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

	home.css
	
	version:	1.0
	date:		05/03/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.odysseyresorts.com]

	version history: [1.0]
	

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


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

/*@import url("reset.css");


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

body {
	background: url(../assets/img/bkg.jpg) 0 0 repeat;
	text-align: center
	}
#header,
#footer {
	margin: 0 auto
	}
.frame {
	background: url(../assets/img/frame_btm.gif) center bottom no-repeat;
	margin: 0 auto;
	padding-bottom: 35px;
	width: 930px
	}

	#slideshow {
		background: url(../assets/img/frame_top.gif) center 0 no-repeat;
		height: 335px;
		text-align: center
		}
		#swfSlideshow {
			
			}
	#content {
		background: url(../assets/img/frame_mid.gif) center 0 repeat-y;
		padding: 10px 45px 0;
		text-align: left
		}
	.mheight {
		display: block;
		float: right;
		height: 180px;
		width: 1px
		}
	h1 {
		color: rgb(66,59,54);
		font-family: Cambria, Georgia, Times, Times New Roman, serif;
		font-size: 20px;
		font-weight: 100;
		margin: .3em 0 .5em;
		text-align: center
		}
	h2 {
		font-family: Cambria, Georgia, Times, Times New Roman, serif;
		font-size: 16px;
		font-weight: 100;
		margin: .3em 0 .5em
		}
	h3 {
		color: rgb(132,19,5);
		font-size: 13px;
		font-weight: 700;
		line-height: 1.5em;
		margin: .3em 0 .5em
		}
	h4 {
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 700;
		margin: .3em 0 0
		}
		
	#tabs {
		background: url(../assets/img/tabsBkg.gif) center 0 no-repeat
		}
		#tabs.idle {
			background-position: center -90px;
			}
	#tabs ul {
		height: 82px;
		padding: 8px 0 0 25px
		}
	#tabs li {
		display: block;
		float: left;
		height: 82px;
		line-height: 82px;
		text-align: center;
		text-indent: -9999px
		}
		/* older version ---
		#tabs li#larsmont {
			background: url(../assets/img/tab_larsmont.gif) center 0 no-repeat;
			width: 200px
			}
		#tabs li#grand {
			background: url(../assets/img/tab_grand.gif) center 0 no-repeat;
			width: 195px
			}
		#tabs li#caribou {
			background: url(../assets/img/tab_caribou.gif) center 0 no-repeat;
			width: 195px
			}
		#tabs li#trappers {
			background: url(../assets/img/tab_trappers.gif) center 0 no-repeat;
			width: 195px
			}
		#tabs li#eastbay {
			background: url(../assets/img/tab_trappers.gif) center 0 no-repeat;
			width: 195px
			}
		*/
		#tabs li#larsmont {
			background: url(../assets/img/tab_larsmont_new.gif) center 0 no-repeat;
			width: 160px
			}
		#tabs li#grand {
			background: url(../assets/img/tab_grand_new.gif) center 0 no-repeat;
			width: 160px
			}
		#tabs li#caribou {
			background: url(../assets/img/tab_caribou_new.gif) center 0 no-repeat;
			width: 150px
			}
		#tabs li#trappers {
			background: url(../assets/img/tab_trappers.gif) center 0 no-repeat;
			width: 150px
			}
		#tabs li#eastbay {
			background: url(../assets/img/tab_eastbay.gif) center 0 no-repeat;
			width: 170px
			}
		#tabs li#larsmont.selected,
		#tabs li#grand.selected,
		#tabs li#caribou.selected,
		#tabs li#trappers.selected,
		#tabs li#eastbay.selected {
			background-position: center -82px
			}
		
	.specialBox {
		clear: both;
		padding-bottom: 10px;
		width: 840px
		}
		.specialBox .boxwrap {
			background: url(../assets/img/specialBox_bkg.gif) center 0 repeat-y;
			color: rgb(83,79,76);
			font-family: "Georgia", serif;
			font-size: 13px;
			line-height: 1.8em;
			overflow: hidden;
			padding: 10px 5px 30px 25px
			}
			.boxwrap p { margin-bottom: 1em }
		#specialBox_btm {
			background: url(../assets/img/specialBox_btm.gif) center 0 no-repeat;
			color: rgb(147,118,84);
			font-family: Cambria, Georgia, Times, Times New Roman, serif;
			font-size: 11px;
			font-style: italic;
			height: 35px;
			line-height: 28px;
			text-align: center
			}
			#specialBox_btm.idle {
				background-position: center -35px;
				}
		.resortBox {
			clear: left;
			padding-top: 20px
			}
		.specialBox .col1 {
			display: block;
			float: left;
			line-height: 1.2em;
			margin: 0 35px 0 10px;
			width: 170px
			}
			.col1 img {
				margin-bottom: 10px
				}
		.specialBox .col2 {
			display: block;
			float: left;
			width: 550px
			}
		.specialBox .col3 {
			display: block;
			float: left;
			font-size: 11px;
			line-height: 1.6em;
			width: 210px
			}
	.specialBox a:link,
	.specialBox a:visited {
		color: rgb(132,19,5);
		font-style: italic
		}
	.specialBox a:hover {
		text-decoration: underline
		}
	.specialitem {
		border-top: 1px dotted rgb(214,207,190);
		padding: 15px 0
		}
		.specialitem ul {
			line-height: 1.4em;
			list-style: none;
			margin-bottom: 15px
			}
			.specialitem li {
				background: url(../assets/img/arrow.gif) 2px 7px no-repeat;
				font-family: "Verdana", Arial, Helvetica, sans-serif;
				font-size: 10px;
				line-height: 1.5em;
				padding: 2px 0 2px 12px
				}
	span.sname {
		color: rgb(132,19,5);
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 700
		}
	span.hvy {
		font-style: italic;
		font-weight: 700
		}
	span.cutline {
		font-family: "Verdana", Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: italic;
		line-height: 1.2em
		}
	.specialBox a.specialsBtn {
		background: url(../assets/img/btn_specialsBkg.gif) center center no-repeat;
		color: rgb(255,255,255);
		line-height: 30px;
		margin-top: 15px;
		padding: 7px 23px;
		text-align: center
		}
		
	
	#promos {
		clear: both
		}
	.promoBox {
		display: block;
		float: left;
		padding: 15px 10px 25px 120px
		}
		.promoBox ul {
			font-family: Arial, Helvetica, sans-serif;
			list-style: none
			}
			* html .promoBox ul li { font-size: 10px }
		.promoBox ul li {
			background: url(../assets/img/arrow.gif) 2px 4px no-repeat;
			color: rgb(66,59,54);
			font-size: 10px;
			line-height: 1.3em;
			padding: 1px 0 1px 12px
			}
			.promoBox ul li.title {
				background: none;
				font-size: 11px;
				font-weight: 700;
				margin-bottom: 3px;
				padding-left: 0;
				text-transform: uppercase
				}
			.promoBox a:link,
			.promoBox a:visited {
				color: rgb(66,59,54);
				}
			.promoBox a:hover {
				color: rgb(132,19,5);
				}
	#promo1 { background: url(../assets/img/promoBox_own.jpg) 0 0 no-repeat; margin-right: 5px; height: 90px; width: 145px }
	#promo2 { background: url(../assets/img/promoBox_wedding.jpg) 0 0 no-repeat; margin-right: 5px; height: 90px; width: 145px }
	#promo3 { background: url(../assets/img/promoBox_activities.jpg) 0 0 no-repeat; height: 90px; width: 145px }

	* html #promo1,
	* html #promo2,
	* html #promo3 { width: 145px }	

	.clearall {
		clear: both;
		}