* { margin: 0; padding: 0; }
a img { border: 0; outline: 0; }

html { background: #c1c1c1;
		font-family: Helvetica, Arial, sans-serif; 
}

body { background: url(image/background.png) top left repeat-x; width: 100%;}

#wrapper { width: 967px; margin: 0 auto; padding-top: 88px; padding-bottom: 80px;}

#top { 
	width: 967px;
	height: 521px;
	position: relative;
	background: url(image/background-top.png) top left no-repeat;
}

.left-img {
	position: absolute;
	top: -50px;
	left: 25px;

}
.right-img{
	position: absolute;
	top: -50px;
	right: 15px;
}
#corner-banner {
	width: 266px;
	height: 189px;
	position: absolute;
	top: -1px;
	right: 1px;
	background: url(image/corner-banner.png) top left no-repeat;	
	text-indent: -9999px;
}

#nav {
	position: absolute;
	top: 29px;
	left: 250px;	
}

#nav ul.nav { list-style-type: none;}
#nav ul.nav li.menu { 
	list-style-type: none;
	display: inline; 
	border-right: 1px solid #e5e5e5; 
	position: relative;
	font-size: 12px; 
	color: #b42425;
	font-weight: bold;
	padding: 8px 11px 8px 8px;
	cursor: pointer;
}
#nav ul.nav li.last { border: 0; }
#nav ul.nav li.active { color: #787878; }
#nav li.first a { padding-left: 0; }

.subnav { 
	position: absolute;
	display: none;
	top: 28px;
	left: 0;
	background-color: #f9f9f9;
	font-size: 12px; color: #b42425;
	font-weight: bold;
	line-height: 24px;
	width: 100%;
	-webkit-box-shadow: 2px 7px 7px #444;
	-moz-box-shadow: 2px 7px 7px #444;
	-box-shadow: 2px 7px 7px #444;
}

#nav .subnav li { border: 0; display: block; padding-left: 10px; background: transparent; cursor: pointer; } 
#nav .subnav li a { color: #b42425 !important; text-decoration: none; padding-left: 10px; } 
#nav .subnav li.hover { background: #b42425; color: #fff; }
#nav .subnav li.hover a { color: #fff !important; } 

#email-block {
	display: none;
	position: absolute;
	top: 61px;
	right: 220px;
	padding: 10px;	
	background-color: #f9f9f9;
	-webkit-box-shadow: 2px 7px 7px #444;
	-moz-box-shadow: 2px 7px 7px #444;
	-box-shadow: 2px 7px 7px #444;
}

#email {
	border: 2px solid #ccc;
	padding: 4px;
	color: #555;
	outline: none;
}

#email-block .submit-button, #email-block .cancel-button { 
	background: #b42425; 
	border: 0;
	color: #fff; 
	font-weight: bold; 
	padding: 4px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-border-radius: 2px;
}

.email-message { font-size: 10px; margin-top: 4px;}
#email-error { color: red; }
#email-added { color: green; }

#email:focus { color: #000; }

#specials {
	width: 421px;
	height: 220px;
	background: url(image/background-specials.png) top left no-repeat;
	position: absolute;
	bottom: 62px;
	right:37px;
}

#specials .control {
	position: absolute;
	z-index: 1000;
	font-size: 60px;
	color: #b1b1af;
	cursor: pointer;
	font-family: Arial, sans-serif;
	bottom: 84px;

}

#specials .prev {
	left: 84px;
}

#specials .next {
	right: 84px;
}

#specials .learnmore {
	width: 85px;
	height: 20px;
	background: url(image/learn-more.png) top left no-repeat;
	position: absolute;
	left: 165px;
	bottom: 20px;
	z-index: 1000;
}

#specials .offers-wrap {
	position: relative; /* IE 6&7 */
	width: 395px;	/* IE 6&7 */
	height: 196px;	/* IE 6&7 */
	overflow: hidden;
	margin: 11px 13px 15px 13px;
}

#specials .offers {
	position: relative;	
	left: -108px;
	white-space: nowrap;
	width: 808px;
}

#specials .offer {
	display: inline;
	float: left;
	padding: 0; margin: 0;
	width: 202px;
	overflow: hidden;
	vertical-align: top;
}

#spectials .offer img { position: relative; }

#packages {
	float: left;
	width: 227px; /* actual width 237 */
	height: 260px;
	border-right: 1px dashed #fff;
	padding-left: 10px;
}

#packages .package div.button { text-indent: 0; }


#package1 {
	float: left;
	width: 110px;
	height: 100px;
	background: url(image/package1.png) 0 0 no-repeat;
	position: relative;
}
#package1 .button { margin-left: 12px; position: absolute; bottom: 0; }
#package1 a.link { display: block; width: 110px; height: 100px; text-indent: -9999px; }


#package2 {
	float: right;
	width:93px;
	height: 100px;
	background: url(image/package2.png) 0 0 no-repeat;
	position: relative;
	margin-right: 9px;
}
#package2 .button { margin-left: 3px; position: absolute; bottom: 0; }
#package2 a.link { display: block; width: 93px; height: 100px; text-indent: -9999px; }


#package3 {
	float: left;
	width:95px;
	height: 114px;
	background: url(image/package3.png) 0 0 no-repeat;
	position: relative;	
	margin-left: 6px;
	margin-top: 20px;
}
#package3 .button { margin-left: 3px; position: absolute; bottom: 0; }
#package3 a.link { display: block; width: 95px; height: 114px; text-indent: -9999px; }


#package4 {
	float: right;
	width:114px;
	height: 114px;
	background: url(image/package4.png) 0 0 no-repeat;
	position: relative;	
	margin-top: 20px;
	margin-right: 4px;
}
#package4 .button { margin-left: 15px; position: absolute; bottom: 0; }
#package4 a.link { display: block; width: 114px; height: 114px; text-indent: -9999px; }




#photos {
	float: left;
	width: 384px; /* actual width is 398 */
	height: 260px;
	padding-left: 10px;
}

#gallery { 
	position: relative;
	width: 339px; 
	height: 225px; 
	margin-left: 8px;
	overflow: hidden;
	border: 12px solid #a6595b;
	font-family: Arial, sans-serif 

}

#gallery .panel { position: absolute; top: 0; left: 0; z-index: 500;}

#gallery .legend {
	position: absolute;
	bottom: 7px;
	right: 7px;
	z-index: 1000;
	height: 7px;
	text-align: right;
	overflow: hidden; /* IE6 */
}

#gallery .legend .key {
	width: 7px;
	height: 7px;
	background-color: #874b33;
	display: inline-block;
	float: left;
	margin-left: 2px;
	cursor: pointer;
}

#gallery .legend .key.active { background-color: #fff; }

#gallery .control {
	position: absolute;
	z-index: 1000;
	font-size: 80px;
	color: #fff;
	cursor: pointer;
	display: none;
}

#gallery .prev {
	left: 10px;
}

#gallery .next {
	right: 10px;
}



#footer {
	padding: 0 18px 0 18px;
	margin-top: 10px;
	color: #555555;
	font-size: 10px;
}

#footer a { color: #555555; }

#copyright { float: left; }

#terms {
	float: right;
}

#zoom { z-index: 10000; }