body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px; 
}

#main {
	width: 985px;
	height: 549px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -302px 0 0 -546px;
	padding: 35px 66px 22px 42px;
	background: url(images/blueStroke.gif) 50% 50% no-repeat;
}
#mainContent {
	width: 985px;
	height: 549px;
	background: url(images/contentBody.jpg) 50% 50% no-repeat;
	overflow: hidden;
	position: relative;
}

/* NAVIGATION */
#nav {
	margin: 0;
	padding: 0;
	float: right;
	height: 48px;
	width: 708px;
	position: relative;
	z-index: 99;
}

#nav ul.category {
	margin-top: 10px;
}

#nav li#exploreCanary {
	background: url(images/nav/explore-canary.gif) 0 0 no-repeat;
	width: 101px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	left: 30px;
	cursor: pointer;
}
#panel2-body {
	position: absolute;
	top: 9px;
	left: -2px;
	padding-top: 24px;
	background: url(images/nav/subNavArrow.png) 50% 0 no-repeat;
}
#nav li#exploreCanary:hover {
	height: 200px;
}
#nav li#exploreCanary:hover #panel2-body, #nav li#exploreCanary a.clickable:hover #panel2-body {
	display: block;
	position: absolute;
	z-index: 99;
}
#nav li#dineWithUs, #nav #panel3 h3#visible, #nav #panel3 h3 {
	background: url(images/nav/dine-with-us.gif) 0 0 no-repeat;
	width: 82px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	left: 168px;
	cursor: pointer;
}

#panel3-body {
	position: absolute;
	top: 9px;
	left: -15px;
	background: url(images/nav/subNavArrow.png) 50% 0 no-repeat;
}
#nav li#dineWithUs:hover {
	height: 200px;
}
#nav li#dineWithUs:hover #panel3-body {
	display: block;
}
#nav li#planEvents, #nav #panel4 h3#visible, #nav #panel4 h3 {
	background: url(images/nav/plan-events.gif) 0 0 no-repeat;
	width: 77px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	left: 307px;
	cursor: pointer;
}
#panel4-body {
	position: absolute;
	top: 9px;
	left: -25px;
	background: url(images/nav/subNavArrow.png) 50% 0 no-repeat;
}
#nav li#planEvents:hover {
	height: 200px;
}
#nav li#planEvents:hover #panel4-body {
	display: block;
}
#nav li#liveTheLife, #nav #panel5 h3#visible, #nav #panel5 h3 {
	background: url(images/nav/live-the-life.gif) 0 0 no-repeat;
	width: 77px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	left: 442px;
	cursor: pointer;
}
#panel5-body {
	position: absolute;
	top: 9px;
	left: -45px;
	background: url(images/nav/subNavArrow.png) 50% 0 no-repeat;
}
#nav li#liveTheLife:hover {
	height: 200px;
}
#nav li#liveTheLife:hover #panel5-body {
	display: block;
}
#nav li#getInformed, #nav #panel6 h3#visible, #nav #panel6 h3 {
	background: url(images/nav/general-info.gif) 0 0 no-repeat;
	width: 88px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	left: 582px;
	cursor: pointer;
}
#panel6-body {
	position: absolute;
	top: 9px;
	left: -55px;
	background: url(images/nav/subNavArrow.png) 50% 0 no-repeat;
}
#nav li#getInformed:hover {
	height: 200px;
}
#nav li#getInformed:hover #panel6-body {
	display: block;
}
#nav li span {
	display: none;
	cursor: pointer;
}
#nav .sub {     
	clear: left;
	width: 170px;
	position: relative;
	z-index: 99;
	margin-top: 5px;
	padding: 24px 0 0 0;
	font-size: 9px;
	list-style: none;
	border-bottom: 4px solid #FFFFFF;
	display: none; 
}
#nav li#dineWithUs .sub {width: 180px;}

#nav .showMe {display: block; border: 1px solid black;}
#nav .sub li.first {
	border-top: 4px solid #FFFFFF;
	padding-top: 2px;
} 
#nav ul.sub li {
	display: block;
	margin: 0;
	text-transform: uppercase;
	border: 4px solid #FFFFFF;
	background-color: #0397D6;
	padding: 2px 4px;
	border-top: none;
	border-bottom: none;
	line-height: 17px;
}

#nav ul.sub li a {
	text-decoration: none;
	color: #FFFFFF;
	margin: 2px 0 0;
	padding: 0 2px;
	display: block;
}
#nav ul.sub li a:hover, #nav .sub li.first a:hover {
	background: #FFDD4A;
	color: #017AAD;
}
#columnLeft {
	clear: both;
	float: left;
	width: 250px;
	margin-left: 30px;
}
#columnLeft h1#logo {
	margin: 0 auto;
	padding: 0;
	width: 184px;
	height: 131px;
	background: url(images/canarySantaBarbara.gif) 0 0 no-repeat;
	display: block;
}
#columnLeft #flashcontent {
	width: 184px;
	margin: 0 auto;
	height: 131px;
}

#columnLeft h1#logo span {
	display: none;
}
#columnLeft ul.extraLinks {
	color: #0683CB;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 9px;
	list-style: none;
}
#columnLeft ul.extraLinks li {
 padding: 0;
}
#columnLeft ul.extraLinks a {
	color: #0683CB;
	text-decoration: none;
	padding-right: 12px;
	text-transform: uppercase;
}
#columnLeft a {
	color: #0683CB;
	text-decoration: none;
}
#columnLeft ul.extraLinks a:hover, #columnLeft a:hover {
	color: #666666;
}
#columnRight {
	margin-left: 296px;
	background: #FFFFFF;
	width: 679px;
	height: 490px;
	margin-top: 48px;
}
#spot-flash {
	position: absolute;
	left: auto !important;
	z-index: 0;
}

#ajaxForm {
	width: 679px;
	height: 440px;
	padding: 25px 0;
	background: url(images/thirdLevel-bg.jpg) 0 0 repeat-y;
	overflow: auto;
}
#ajaxContent {
	float:left;
	width: 374px;
	height: 440px;
	padding: 25px 120px 25px 185px;
	background: url(images/thirdLevel-bg.jpg) 0 0 no-repeat;
	text-align: left;
	overflow:auto;
	color: #FFFFFF;
}
#ajaxContent a {
	font-size: 11px;
	padding: 10px 0;
	display: block;
	color: #ffffff;
}
#ajaxContent a:hover {
	color: #666666
}
#ajaxContent h1 {
	font-size: 18px;
}
#ajaxContent table {
	width: 374px;
	color: #FFFFFF;
	font-size: 10px;
	
}
#ajaxContent p, #ajaxContent h2 {
	color: #FFFFFF;
	font-size: 11px;
}

#ajaxContent table td {padding: 3px;}


/*BOOKING ENGINE*/
#bookingEngine {
	float:left;
	display:inline;
	margin: 18px auto 5px;
	color: #0683CB;
	font-size: 9px;
	margin-left:10px;
	border:1px solid #FFFFFF;
	padding-bottom:5px;
}
#bookingEngineForm #checkIn, #bookingEngineForm #Length, #bookingEngineForm #adults, #joinList-Form div {
	float: left;
	display:inline;
	margin-left:10px;
}
#bookingEngineForm #checkIn { width:112px;}
#bookingEngineForm #Length {width:43px;}
#bookingEngineForm #adults {width:42px;}

#bookingEngineForm {
	float:left;
	padding-left:1px;
}
#bookingEngineForm label, #joinList-Form label {
	display: block;
	margin-bottom: 2px;
}
#bookingEngineForm #form-checkinDate {
	width: 74px;
	height: 15px;
	margin: 0 4px 0 0;
	float: left;
}


/*submit button for booking engine */
#bookingEngineForm #formsubmit, #bookingEngineForm #form-submit {
	float:left;
	display:inline;
	width:219px;
	height:21px;
	cursor: pointer;
}
#bookingEngineForm #formsubmit {
	clear:left;
	width:219px;
	display:inline;
	margin-top:5px;
	margin-left:8px;
	margin-bottom:0px;
}
#bookingEngineForm #form-submit {
	background: none;
	border: none;
	margin:0px;
	padding:0px;
}

.formsubmit_bg { background-image:url(images/form_reservations.jpg);}
.formsubmit_bg_on { background-image:url(images/form_reservations-on.jpg);}


/** JOIN LIST FORM **/
#joinList-Form {	float:left; margin: 5px auto 5px;	color: #0683CB;	font-size: 9px;overflow: hidden;}
#joinList-Form input {width: 204px;	height: 15px;	margin: 0 4px 0 0;	float: left;}
#joinList-Form input#joinList-Submit {background: none;	border: none;	float: right;	color: #0683CB;	margin: 8px 0 0 0; padding-left: 120px;	font-size: 9px;	text-transform: uppercase;	letter-spacing: 1px;}
#joinList-Form input#joinList-Submit:hover {color: #666666;	cursor: pointer;}


/*Promo Panel */
#promoPanel {
clear: both;
width: 197px;
height:47px;
margin: 0 auto;
padding: 7px 0 0 32px;
position: relative;
}

.promoPanelOff {
background: url(images/Specials_Promos_Off.png) 0 0 no-repeat;
background-image:url(images/Specials_Promos_Off.png);
cursor:pointer;
}
.promoPanelOn {
background: url(images/Specials_Promos_On.png) 0 0 no-repeat;
background-image:url(images/Specials_Promos_On.png);
cursor:pointer;
}

#promoSpecial {
	background: url(../images/promo.jpg) 0 0 no-repeat;
	width: 135px;
	height: 40px;
	display: block;
	position: absolute;
}
#promoSpecial span {
	display: none;
}
#promo-1, #promo-2 {
	position: absolute;
	left: auto !important;
	width: 135px;
	height: 40px;
	display: block;
}

#promo-1 a, #promo-2 a {
	display: block;
	width: 135px;
	height: 40px;
}




p {
	font-size: 9px;
	line-height: 13px;
}


#footer {display: block; width: 100%}
#footer h2 {
	float: left;
	width: 52px;
	height: 42px;
	background: url(images/etc_logo.gif) 0 0 no-repeat;
	margin-top: -1px;
	margin-left: 30px;
	display: block;
}
#footer h2 span {
	display: none;
}
#footer #extraFooter {
	float: left;
	width: 190px;
	color: #737272;
	margin-top: -45px;
	margin-left: 3px;
}
#footer #extraFooter p {
	color: #737272;
	background: url(images/extraFooter-p.gif) 0 6px no-repeat;
	line-height: 10px;
	padding-left: 12px;
}
#footer a {
	text-decoration: none;
	color: #737272;
	font-weight: bold;
}
#footer #info {
	float: right;
}
#footer h3 {
	float: right;
	width: 210px;
	height: 20px;
	margin-right: 15px;
	background: url(images/leading-hotel-world.jpg) 0 0 no-repeat;
}
#footer h3 span {
	display: none;
}
#footer #info p {
	float: right;
	font-size: 9px;
	padding-top: 5px;
}
#footer #info p span {
	margin: 2px 25px;
	float: left;
}
#footer #info p span b {
	display: none;
}
#footer #info p span#join {
	width: 106px;
	height: 13px;
	display: block;
}
#footer #info p span#join a {
	width: 106px;
	height: 13px;
	display: block;
	background: url(images/join-list.jpg) 0 0 no-repeat;
}
#footer #info p span#join a:hover {
	background-image: url(images/join-list-on.jpg);
}
#footer #info p span#phone {
	width: 82px;
	height: 13px;
	background: url(images/phone.jpg) 0 0 no-repeat;
	display: block;
}

#footer #info p span#makeres {
	width: 154px;
	height: 13px;
	display: block;
}
#footer #info p span#makeres a {
	width: 154px;
	height: 13px;
	display: block;
	background: url(images/reservations.jpg) 0 0 no-repeat;
}
#footer #info p span#makeres a:hover {
	background-image: url(images/reservations-on.jpg);
}
#footer #joinList {
	position: absolute;
	left: 330px;
	bottom: -13px;
	padding: 4px 8px;
	background: #FFFFFF;
}
#footer form#joinList-Form {
	font-size: 9px;
	color: #0683CB;
	margin: 0;
}
#footer form#joinList-Form input {
	border: 1px solid #0683CB;
	height: 14px;
	font-size: 9px;
	padding: 0 5px;
	width: 125px;
}
#footer form#joinList-Form input#joinList-Submit {
	background: none;
	border: none;
	color: #0683CB;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 65px;
}
#footer form#joinList-Form input#joinList-Submit:hover {
	color: #666666;
	cursor: pointer;
}
#footer img { border:0px;}

#location, #visit {
	text-align:center;
	color: #1184b7;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 9px;
}
#footer_locations {
	padding-top:15px;
}
#footer_twitter_facebook {padding-top:23px;}
#footer_leading_hotel {padding-top:9px;}


/*********************
WEEKLY EVENTS BOXES & SPECIALS
specials uses weekyl events logic, just diff text formatting
*********************/
.weeklyevents_label {
	position:absolute;
	width:120px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:23px;
	color:#FFFFFF;
	z-index:5;
	top:15px;
	left:35px;
}	
.weeklyevents_container { 
	position:relative;
	background-repeat:no-repeat;
	width:670px;
	height:162px;
	padding-bottom:2px;
}
.weeklyevents_whitebg { 
	float:right;
	width:470px;
	height:150px;
	background-color:#FFFFFF;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	margin:5px
}
.weeklyevents_text, .specials_text { 
	position:relative;
	float:right;
	width:445px;
	height:115px;
	color:#480047;
	font-style:italic;
	font-size:13px;
	margin-top:-140px;
	padding-right:20px;
}

.weeklyevents_text p, .specials_text p { 
	font-size:11px;
	line-height:13px;
	margin:0px;
}

.specials_text_left { 
	float:left;
	width:315px;
}
.specials_text_right { 
	float:left;
	width:125px;
	padding-top:30px;
	padding-left:5px;
}
.specials_text_right img { border:0;}

.specials_text { font-size:11px;}
.specials_text h1 { 
	margin:0;
	padding:0px 0px 5px 0px;
	font-size:15px;
}


#form_button_holder { 
	width:237px;
	height:28px;
	position:relative;
}
.form_button_span { 
	width:237px;
	height:28px;
	position:absolute;
	display:block;
}