body{
margin:0;
padding:0;
position:relative;
background-color:#0a1c33;
font-family:verdana;
color:#003366;
}
body h1{
color:#fff;
padding:2px 0;
width:770px;
margin:0 auto;
text-align:left;
font-size:12px;
		
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;	
}
b{
font-weight:normal;
}
#container {
width: 770px;
\width: 790px;
w\idth: 770px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background: #fff  no-repeat;
background: #fff url(../images/main-bg.jpg) no-repeat;
position:relative;
}
#banner {
padding: 0;
margin: 0;
height:96px;
}
#banner p{
	position:absolute;
	top:-17px;
	right:0;
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:0;
	color:#ffffff;
}
#banner ul
{
	position:absolute;
	top:35px;
	right:0;
	font-size:12px;
	font-weight:bold;
}
#banner li
{
	display:inline;
}
#banner ul li a{
padding: 4px 7px 5px 7px;
background-color: transparent;
color: #003366;
text-decoration: none;
float: left;
border-bottom: 1px solid #e9b078;
border-left: 1px solid #e9b078;
border-top: 1px solid #e9b078;
letter-spacing:1px;
}
#banner ul li a:visited{
padding: 4px 5px 5px 5px;
background-color: transparent;
color: #003366;
text-decoration: none;
float: left;
border-bottom: 1px solid #e9b078;
border-left: 1px solid #e9b078;
border-top: 1px solid #e9b078;
letter-spacing:1px;
}
#banner ul li a:hover{
background-color: #e9b078;
}
/************************* Main Navigation ***************************/
#navcontainer{
position:absolute;
top:96px;
right:0;
}
#navcontainer ul
{
padding:0;
margin:0;
background-color: transparent;
float: left;
width: 617px;
font-family: verdana, helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{
padding: 4px 4px 5px 3px;
background-color: transparent;
color: #003366;
text-decoration: none;
float: left;
border-bottom: 1px solid #000033;
border-right: 1px solid #000033;

}
#navcontainer ul li a:visited{
padding: 4px 4px 5px 3px;
background-color: transparent;
color: #003366;
text-decoration: none;
float: left;
border-bottom: 1px solid #000033;
border-right: 1px solid #000033;

}
#navcontainer ul li a:hover{
background-color: #000000;

}

#content {
padding: 20px 0 20px 0;
margin:0;

}
#content h2
{
	padding:15px 0 0 20px;
	font-size:18px;
	letter-spacing:1px;
}
#content p
{
	line-height:130%;font-size:14px;margin-top:25px;padding:0 20px;text-align:justify;
}
p.directions
{
	margin:0 0 0 122px;padding:0 0 15px 0;width:574px;line-height:120%;font-size:12px;
}
#content h3.spa
{
	margin:0 0 0 20px;
	width:400px;
	padding:0;
	float:left;
	font-size:14px;
	position:relative;

}
#content p.spa
{
	margin:0 0 15px 20px;
	width:400px;
	padding:0 0 15px 0;
	float:left;
	font-size:12px;
	line-height:140%;
	position:relative;
	border-bottom:2px solid #336699;

	
}
#content span.spa{
	color:#336699;
	font-size:10px;
	font-weight:bold;

}




a.virtual-tour{
padding: 3px 0 0 0;
background-color: transparent;
color: #412C0E;
text-decoration: none;
float: right;
text-align:center;
background: transparent url("../images/santa-barbara-virtual-tour.jpg") no-repeat -15px 0;
width:144px;
height:44px;
font-weight:bold;
position:absolute;
top:120px;
right:0;
font-size:12px;
}
a.virtual-tour:hover{
color:#003366;
}
a.pet-policy{
padding: 3px 0 0 0;
background-color: transparent;
color: #412C0E;
text-decoration: none;
float: right;
text-align:center;
background: transparent url("../images/santa-barbara-pet-policy.jpg") no-repeat 0 -4px;
width:144px;
height:44px;
font-weight:bold;
position:absolute;
top:120px;
right:145px;
font-size:12px;
}
a.pet-policy:hover{
color:#003366;
}
a.room-rates{
padding: 3px 0 0 0;
background-color: transparent;
color: #412C0E;
text-decoration: none;
float: right;
text-align:center;
background: transparent url("../images/santa-barbara-room-rates.gif") no-repeat 30px 5px;
width:144px;
height:44px;
font-weight:bold;
position:absolute;
top:120px;
right:290px;
font-size:12px;
}
a.room-rates:hover{
color:#003366;
}
/********************************* Footer **********************************/
#footer {
clear: both;
padding: 5px 0;
margin-top: 0;
background: #0a1c33 url(../images/footer_bg.gif) repeat-x;
text-align:center;
}

#footer ul{
padding:0;
margin:0;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
}

#footer ul li{
	display: inline;
	margin:0;
	padding:0 5px;
}
#footer ul li a{
padding: 0;
color: #003366;
text-decoration: none;
}
#footer ul li a:visited{
padding: 0;
color: #003366;
}
#footer ul li a:hover{
text-decoration: underline overline;
}
#footer p
{
	font-size:10px;
	text-align:center;
	margin:10px 0;
	padding:0;
	line-height:150%;
	color:#ffffff;
}
#footer  a{
padding: 0;
color: #ffffff;
text-decoration: none;
}
#footer  a:visited{
padding: 0;
color: #ffffff;
}
#footer  a:hover{
text-decoration: underline overline;
}


/****************************** Rates ****************************************/
table
{
	font-size:12px;
	font-family:Verdana;
	border-collapse:collapse;
}

td
{
	text-align:center;
}
td p
{
	text-align:left;
	margin:0;
	padding:0;
}
.header
{
	backround-color:#ff0000;
	color:#ffffff;
	font-weight:bold;
	
}
ul.details
{
	margin:0 0 0 60px;
	padding:0;
	text-align:left;
	font-size:12px;
}
ul.details li
{
	margin:5px 0;
	padding:0;
	
}
.rate
{
	width:100%;
}
.rate td
{
	border:1px solid #6699cc;
	padding:5px;
}
.room
{
	text-align:left;
	
}
.header
{
	
	background-color:#99CC99;
	font-size:12px;
}
	
/******************* room gallery  ******************************/

.gallery_nav{
float: right;
width:160px;
height:20px;
position:absolute;
top:135px;
right:20px;
}

ul.panorama
{
	list-style:none inside;
	overflow:auto;
	margin:0;
	padding:0;
	height:220px;
	width:153px;
	font-size:11px;
	float:right;

}
ul.panorama li
{
	margin:8px 0;
	padding:0;
text-align:center;
}
a.panorama:hover{
color:red;
}


.tour_nav{
right:10px;
height:20px;
position:absolute;
top:135px;

}
.tour_nav2{
right:10px;
height:20px;
position:absolute;
top:135px;

}

/********** Reservations ***********/
#calform td{
text-align:left;
}

.textarea {
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	border: 1px solid #336699;
	color:#003366;
}
td.header{
background-color:#003366;
}
#calform{
width:500px;
margin:10px auto;
padding:0;
border:2px solid #003366;
border-top:0;
font-weight:bold;
}
#content p.reservations{
margin:0 0 5px 0;
padding:0 20px;
font-size:12px;
font-weight:bold;
}

/*********** Local Area  ******************/
ul#local-area{
position:absolute;width:170px;height:300px;margin:0;padding:0;top:180px;background: transparent url(../images/local-area-bg.gif) no-repeat 0 0;list-style:none;
}
#local-area li
{
	margin:0 0 40px 0;
	font-weight:bold;
	padding:0 0 0 60px;
	list-style:none;
}
ul#local-area a
{
	text-decoration:none;
	color:#412C0E;
}
ul#local-area a
{
	
	color:#412C0E;
}
ul#local-area a:hover
{
	color:#CC6633;
	text-decoration:underline;

}

.merchant
{
	width:500px;border:1px solid #003366;margin:25px 0 0 250px;border-top:0;font-weight:bold;font-size:12px;
}
.merchant img
{
	margin:5px;float:left;border:0;
}
.merchant h4
{
	margin:0;padding:0;background-color:#003366;color:#ffffff;
}
.merchant ul
{
	margin-left:210px;margin:3px 0 0 0;padding:0;
}

.merchant ul li
{
	margin:3px 0 5px 0;
	padding:0;
	list-style:none;
}
.merchant ul li.add
{
	margin:0;
	padding:0;
}
#content .merchant p
{
	font-size:12px;
	font-weight:normal;
	clear:both;
	margin:2px 0 0 0;
	padding: 0 5px 10px 5px;
	
	line-height:120%;
}

/*********** golf spa  **************/

#santa-barbara-golf
{
	text-align:center;float:left;width:320px;margin:30px 50px 50px 30px;padding:0;background:transparent url(../images/santa-barbara-golf.jpg) no-repeat 0 18px;
.}
#santa-barbara-spa
{
	text-align:center;float:left;width:325px;padding:0;margin:30px 0 50px 0;background:transparent url(../images/santa-barbara-spa.jpg) no-repeat 0 18px;
.}
#content p.golf-spa
{
	font-size:11px;
	width:320px;
	margin:0;
	padding:130px 0 0 0;
}
#content p.golf
{
	margin:5px 0 0 0;padding:0 0 0 5px;font-size:12px;line-height:110%;text-align:justify;
}
#content h1.golf-spa
{
	font-size:16px;
	width:320px;
	margin:0;
	padding:0;
	color:#003366;
	text-align:center;
}
a.golf-spa
{
	line-height:35px;padding:2px 40px 10px 0;font-size:12px;text-decoration:none;font-style:italic;color:#336699;font-weight:bold;background:transparent url(../images/golf-spa-button.gif) no-repeat 255px 0;
}

/************* LINKS *******************/
#link_index
{
	position:absolute;
	top:125px;
	right:10px;
}
#links
{
	margin:20px 0 0 250px;
	width:500px;
	padding:0;
}
#links p
{
	
	line-height:110%;
	margin:3px 0 0 0;
	padding:0 10px 0 0;
	font-weight:normal;
	font-size:12px;
}
#links a
{
	color:#00f;
	font-size:12px;
}
#links a.top
{
	font-size:11px;
	font-weight:normal;
}
#links h4
{
	margin:10px 0 0 0;
	padding:0;
}
#links h3
{
	text-align:center;
	color:#003366;
	font-size:20px;
	margin:15px 0;
	text-decoration:underline;
}


/*TOOLBOX Navigation */
table.toolbox{
font-family:verdana;
font-size:12px;
margin: -2px 0 0 -2px;
padding:0;

}
.toolbox_one{
background-color:#000000;
color:#fff;
font-weight:bold;
letter-spacing:1px;
padding-left:5px;
width=10
}
.toolbox_two{
background-color:#003366;
height:20px;
padding-left:2px;
font-weight: bold;
color:#003366;
}
.toolbox_three{
background-color:#BED0E2;
height:20px;
padding-left:2px;
text-align:center;
width:40px;
}
table.toolbox a:link, table.toolbox a:visited, table.toolbox a:active{
color:#00f;
font-size:12px;
text-decoration:none;
}
.toolbox_two a:link, .toolbox_two a:visited, .toolbox_two a:active{
color:#003366;
}
	

/* End of Toolbox Navigation */
/************************************ Site Map **********************************/
ul.sitemap{
margin:30px auto 0 auto;
padding:0;
list-style:none;
width:700px;
font-size:12px;

font-weight:normal;

}

ul.sitemap ul{
list-style:disc;
margin: 10px 0 5px 20px;
padding:0;
font-weight:normal;
}
ul.sitemap ul li{
list-style:none;
font-weight:normal;
}
ul.sitemap ul li{
margin:0 10px 0 0;
padding:5px 0;
font-weight:normal;
}


ul.sitemap ul ul{
list-style-image: url('../images/ingredient_bullet.gif');
margin:0 5px 0 30px;
padding:0;
font-weight:normal;
}

ul.sitemap ul ul ul{
list-style-image: url('../images/ingredient_bullet.gif');
list-style:circle inside;
margin: 5px 0 0 25px;
padding:0 0 5px 0;
font-weight:bold;

}


ul.sitemap ul ul ul li{
font-weight:normal;
margin: 0;
padding:5px 0;

}

ul.sitemap ul ul ul.tom{
list-style-type:none;
margin: 5px 0 0 25px;
padding:0;
font-size:11px;
font-weight:normal;

}

ul.sitemap ul ul ul.tom li{
font-weight:normal;
display:inline;
padding:0;
margin:2px 0;

}
a.level2{
font-size:18px;
font-weight:normal;

}
a.level3{
font-size:14px;
font-weight:normal;
letter-spacing:1px;
}