/*||||||||||| GLOBAL STYLES ||||||||||||*/

/*************** TAGS ********************/
* {
	margin: 0px;
	padding: 0px;
	}
body {
	font-size: small; /*Allows for scalable fonts in IE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #a9957c;
	height: 100%;	
	}
p {
	text-align: justify;
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 18px;
	color: #7D7568;
}

p.justify {text-aligh: justify;}
#specialoffer p {
	color: #C0C0C2;
}
#teaser fieldset {border: none;}
a {
	color: #19608C;
	text-decoration: none;
	}
a:hover {}
h1 {
	font-size: 85%;
	color: #fff;
	padding: 10px 0 10px 0;
	font-weight: normal;
	letter-spacing: 5px;

}
#specialoffer h2 {
	font-size: 75%;
	color: #ffffff;
	letter-spacing: 2px;
}
#welcomeblock h1 {
	margin-left: 280px;
}
#maincontent h1, h2 {
	font-size: 90%;
	color: #7D7568;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#maincontent p.peopleheader {font-size: 90%;}
#sidebar hr {
	border: none;
	background: url('../images/hr.jpg') no-repeat;
	height: 1px; 
	margin: 0 15px 0 10px;
}
.beforelist {padding-bottom: 0px;}
.nobottompadding {padding-bottom: 0px;}
.underline {text-decoration: underline;}
#maincontent ul {
	margin-left: 25px;
	margin-bottom: 10px;
	list-style: disc;
	font-size: 80%;
	}
#maincontent #header_whtsp {
	width:200px;
	height:57px;
	}
#maincontent ol {
	margin-left: 25px;
	margin-bottom: 10px;
	font-size: 80%;
}
#maincontent li {
	font-size: 90%;
	color: #7D7568;
	line-height: 18px;
	}
img {border: none;}
.paragraphtable td {
		text-align: justify;
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 18px;
	color: #7D7568;
}
.blocklist li{
	margin-bottom: 15px;
}

address {
	text-align: justify;
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 18px;
	color: #7D7568;
	font-style: normal;
}

#addresslarger * {font-size: 100%;}
small {font: bold italic 0.7em/100% verdana; color: #7D7568}
/**************** END TAGS ******************/	

/***************** LAYOUT *******************/
#box {
	margin: 20px auto 15px auto;
	text-align: left; /*Override text-align center*/
	width:  832px;
	font-size: 100%;
	background: url('../images/tile.jpg') repeat-y;
	}
#topshadow {
	width: 832px;
	height: 15px;
	background: url('../images/topshadow.jpg') no-repeat top;
}
#masthead {
	padding-top: 30px;
}
#logo {
	margin-left: 15px;
}
#sailboat {
	margin-right: 20px;
}
#maincolumn {
	width: 465px;
	margin-left: 5px;
	}
#welcomeblock {
	background: #6E5F4C url('../images/leftblockbg.jpg') repeat-y;
	margin-top: 20px;
}
#sidebar {
	padding: 15px 0px 15px 0px;
	width: 183px;
	position: relative;
	min-height: 100%;
}
#groove {margin-top: 30px;}
#maincontent {
	width: 242px;
	margin: 20px;	
}


#subcolumn {
	width: 315px;
	margin-right: 7px;
	padding: 5px 20px 20px 20px;
}
#specialoffer {
	background-color: #777779;
	padding: 10px;
}

#bottomshadow {
	height: 15px;
	background: url('../images/bottomshadow.jpg') no-repeat top;
}
.floatleft {float: left;}
.floatright {float: right;}
.clear {
	clear: both; 
	height: 0px; 
	display: block; 
	line-height: 0px; 
	font-size: 0px;
	}
.empty {
	font-size: 0px; 
	height: 0px; 
	display: block; 
	line-height: 0px; 
	font-size: 0px;
	}
/*#preloader {display: none;}
#preloader img {display: none;}*/

/***************** END LAYOUT ****************/

/***************** NAV ***********************/
#specialsnav { list-style:none; margin:0 0 15px 0; }
#nav { list-style:none; margin:15px 0 0 0; }
#subnav{ list-style:none; margin:15px 0 15px 0; }
#nav li a:hover,  #specialsnav li a:hover {background-color:#62523B; }
#nav li, #specialsnav li { font-size:85%; line-height:24px; }
#nav li a,  #specialsnav li a { padding-left:10px; display:block; width:173px; color:#ffffff; }
#subnav  { font-size:80%; }
#subnav li{ line-height:18px; }
#subnav li a:hover{ background-color:#FAFBFD; }
#subnav li a{ padding-left:10px; display:block; width:173px; color:#5f5240; }
#nav ul.dropnav  { list-style:none; margin-left:10px; }
#nav ul.dropnav li{ background:url('[#file:dropnavbullet.gif#]') no-repeat left; padding-left:20px; }
#nav ul.dropnav li a { padding-left:10px; display:block; width:auto; color:#ffffff; width:143px; background-color:none; }
#nav ul.dropnav li a:hover, { background:none; color:#5f5240; }
/*
body.thepearl #navthepearl > a,
body.guestrooms #navguestrooms > a,
body.dine #navdine > a,
body.scene #navscene > a,
body.etc #navetc > a,
body.occasions #navoccasions > a,
body.divein #navdivein > a
{background-color: #62523B;}
*/

/*#navthepearl, #navguestrooms, #navscene, #navetc {
  background: url('../images/primarylinkarrow.gif') no-repeat 135px 7px;
}

body.thepearl #navthepearl a.primarylink,
body.guestrooms #navguestrooms a.primarylink,
body.scene #navscene a.primarylink,
body.etc #navetc a.primarylink{
  background: #62523B url('../images/primarylinkhoverarrow.gif') no-repeat 135px 7px;
}*/

body.reservations #navreservations a,
body.specials #navspecials a,
body.emailsignup #navemailsignup a,
body.gifts #navgifts a,
body.directions #navdirections a {background-color: #FAFBFD;}

/*.primarylink:hover {
  background: #62523B url('../images/primarylinkhoverarrow.gif') no-repeat 135px 7px;
  }*/

body#amenities #navamenities,
body#guestinformation #navguestinformation,
body#press #navpress,
body#gem #navgem,
body#jewel #navjewel,
body#strand #navstrand,
body#events #navevents,
body#pointloma #navpointloma,
body#recreation #navrecreation,
body#prefers #navprefers,
body#people #navpeople,
body#careers #navcareers,
body#community #navcommunity,

 {
  color: #62523B;
}

.secondarynav {display: none; margin: 15px 0 0px 0; padding-bottom: 15px;}
#maincontent ul.secondarynav {list-style-type: none; margin-left: 0;}
#maincontent ul.secondarynav li {display: inline; padding-right:7px;}
#maincontent ul.secondarynav li a{color: #787063; font-weight: bold;}


body.thepearl ul#secondarynavthepearl,
body.guestrooms ul#secondarynavguestrooms,
body.scene ul#secondarynavscene,
body.etc ul#secondarynavetc {display: block;}

#maincontent {margin-top: 135px;}


body#emailsignup.emailsignup #maincontent {margin-top: 10px;}

body.reservations #maincontent,
body.thepearl #maincontent,
body.guestrooms #maincontent,
body.scene #maincontent,
body.etc #maincontent {margin-top: 0;}
/******************END NAV ********************/

/******************* TEASER *******************/
#teaser {
	margin-top: 25px;
	padding-left: 10px;}
select {
	width: 100%; margin-top: 5px;
	font-size: 110%;}
input {margin-top: 10px;}
/******************* END TEASER ***************/

/****************** FOOTER ********************/
#footer {
	margin: 10px auto;
	text-align: left; /*Override text-align center*/
	width:  832px;
	font-size: 100%;
}
 #footernav {
 	list-style: none;
	}
 #footernav li {
 	display: inline;
	font-size: 75%;
	padding-left: 8px;}
 #footernav li a {color: #5F4E3A;}
#footer p {margin-right: 7px;}
#footer #lwplink {color: #ffffff;}
/****************** END FOOTER ****************/


p.txt { width: 400px; text-align: center; border: 3px solid #7D7568; margin: 10px auto; padding: 10px; font-weight: bold;}
a.vdaySpecial {color:#5F5240; display:block; padding-left:10px; width:173px;}
a.vdaySpecial:hover{background-color:#FAFBFD;}