/*--- Shell ---------------------------------------------------------------------------------*/
	
		body {
	background: url(../img/bg.gif);
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div.format5a {
            background-color: #1C3044; 
            font-family: Arial, Helvetica, sans-serif; 
            line-height: 100%;
            color: #FFFFFF; 
            font-weight: bold;  
            font-size: 12px; 
            height: 20px;
            padding:5px 0px 2px 5px;
            }
div.format3 {
            font-family: Arial, Helvetica, sans-serif; background: none; color: #404040; 
		    font-weight: normal;  
            font-size: 9pt; 
            line-height: 140%;
            text-align: justify; 
            vertical-align:top;
            padding-left: 20px;
            padding-right: 20px;
            }
#contentWrapper hr {
   width: 100%; 
   height: 1px;
   color: #dddddd;
   margin-top: 15px;
   margin-bottom: 15px;
   }
#contentWrapper .hr1 {
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   }
#contentWrapper hr.2 {
   width: 100%; 
   height: 1px;
   color: #dddddd;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0;
   }
#contentWrapper hr.3 {
   width: 100%; 
   height: 1px;
   color: #dddddd;
   margin-top: 0px;
   margin-bottom: 0px;
   }
   
#contentWrapper hr.4 {
   width: 100%; 
   height: 1px;
   border-bottom-style: dotted;
   color: #CCCCCC;
   margin-top: 5px;
   margin-bottom: 5px;
   }
hr.clear {
          border-top: 1px solid #ffffff;
          width: 50%; 
          height: 1px;
          color: #ffffff;
          margin-top: 0px;
          margin-bottom: 0px;
          padding-top: 3px;
          }
          
#shell {
	width: 764px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/shell-bg.gif) repeat-y;
	padding: 0px 33px 25px;
}

a img {
	border:none;
}

a {
	color: #015A89;
}

a:hover {
	color: #590600;
	text-decoration: none;
}


.fauxColumns {
	width:50%;
	float:left;
}

.imgLeft {
	margin-right:20px;
	float:left;
}

.imgRight {
	margin:0 0 5px 20px;
	float:right;
}

.clearBoth {
	clear:both;
}

a.back2top {
	float: right;
	display: block;
	border: 1px solid #015A89;
	font: 11px/15px Arial, Helvetica, sans-serif;
	width: 95px;
	text-align: center;
	background: #015A89;
	text-decoration: none;
	color: #FFFFFF;
}

a.back2top:hover {
	background: #D6D0B5;
}

a.RFP {
	text-decoration: none;
	background: #015A89;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 21px;
	display: block;
	width: 175px;
	text-align: center;
	margin-bottom: 15px;
	float: right;
	padding: 0px;
	border: 1px solid #000066;
	font-weight: bold;
}

a.RFP:hover {
	color: #FFFFCC;
}

ul.jumpLinx {
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 65px;
}

.jumpLinx li {
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #590600;
}

.jumpLinx li a {
}

.jumpLinx li a:hover {
}

pre {
	margin: -2px 0px 10px 2px;
	padding: 0px;
	font: 10px Arial, Helvetica, sans-serif;
}

a.checkAvail {
	text-decoration: none;
	display: block;
	width: 140px;
	text-align: center;
	background: #E7E4D4;
	border: 2px solid #D6D0B5;
}

a.checkAvail:hover {
	background: #FFFFCC;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HEAD
		Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		#h_shell {
	padding-top: 11px;
}

#h_usabilityNav {
	margin-bottom: 45px;
	font-size: 10px;
	line-height: 18px;
	text-align: right;
	margin-right: 15px;
}

#h_usabilityNav ul {
	margin:0px;
	padding:0px;
}

#h_usabilityNav li {
	display: inline;
	border-left: 1px solid #014A71;
	margin-left: 6px;
	padding-left: 7px;
}

#h_usabilityNav li a {
	color: #014a71;
	text-decoration: none;
}

#h_usabilityNav li a:hover {
	text-decoration: underline;
}

#h_logoArea {
	background: url(../img/executivesuites-logo-bg.gif) no-repeat;
	height: 66px;
	width: 746px;
	position: absolute;
	top: 29px;
	z-index: 25;
	margin-left: 9px;
}

#h_logoArea img {
	border:none;
}

#h_logoArea a {
	display: block;
	height: 66px;
	width: 415px;
}

#h_banner {
}

#h_banner img {
	display:block;
}

/*--- Nav ids -------------------------------------------------------------------------------*/
		#h_nav {
	margin:9px 0px 0px;
	padding:0px;
	height: 29px;
}

#h_nav ul {
	margin:0px;
	padding:0px;
}

#h_nav li {
	list-style: none;
	float: left;
}

#h_nav li a {
	display:block;
}

#h_nav li a:hover {
}

#h_pNum {
	width: 240px;
	float: right;
	font-size: 11px;
	color: #014a71;
	padding-top: 21px;
	text-align: right;
	padding-right: 10px;
}

#smokebanner {
	background-color:#015a8a;
	border-color:#7b7f6f;
	color:#ffffff;
	margin: -7px 0 0 0;
}

#navRooms {
	background: url(../img/nav-rooms.gif) no-repeat;
	height: 29px;
	width: 154px;
	list-style: none;
}

#navRooms a {
	height: 29px;
	width: 154px;
}

#navRooms a:hover {
	background: url(../img/nav-rooms.gif) no-repeat center -29px;
}


#navRoom {
	background: url(../img/nav-rooms.gif) no-repeat;
	height: 29px;
	width: 154px;
	list-style: none;
}

#navRoom a {
	height: 29px;
	width: 154px;
}

#navRoom a:hover {
	background: url(../img/nav-rooms.gif) no-repeat center -29px;
}


#navAmenities {
	background: url(../img/nav-amenities.gif) no-repeat;
	height: 29px;
	width: 152px;
}

#navAmenities a {
	height: 29px;
	width: 152px;
}

#navAmenities a:hover {
	background: url(../img/nav-amenities.gif) no-repeat center -29px;
}

#navLocalAttractions {
	background: url(../img/nav-attractions.gif) no-repeat;
	height: 29px;
	width: 152px;
}

#navLocalAttractions a {
	height: 29px;
	width: 152px;
}

#navLocalAttractions a:hover {
	background: url(../img/nav-attractions.gif) no-repeat center -29px;
}

#navContact {
	background: url(../img/nav-contact.gif) no-repeat;
	height: 29px;
	width: 152px;
}

#navContact a {
	height: 29px;
	width: 152px;
}

#navContact a:hover {
	background: url(../img/nav-contact.gif) no-repeat center -29px;
}

#navMaps {
	background: url(../img/nav-maps.gif) no-repeat;
	height: 29px;
	width: 154px;
}

#navMaps a {
	height: 29px;
	width: 154px;
}

#navMaps a:hover {
	background: url(../img/nav-maps.gif) no-repeat center -29px;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		BODY
		Includes: Content Text, CTAs (located in body area), Search Box (located in header area)		
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#b_shell {
	background: url(../img/b-shell-bg.gif) no-repeat;
	margin-top: 10px;
	padding: 9px 10px 9px 4px;
}
		#b_shell2 {
	background: url(../img/clear.gif) no-repeat;
    background-color:#ffffff;
	margin-top: 10px;
	padding: 9px 10px 9px 4px;
}
#b_contentArea {
	color: #595a5b;
	font-size: 12px;
	line-height: 20px;
}

#b_contentArea p {
	margin-top: 0px;
	margin-bottom: 17px; /*font-weight:bold;*/
}

#b_contentArea h1 {
	color: #015A89;
	font: bold small-caps 23px/21px Georgia, "Times New Roman", Times, serif;
	background: url(../img/underline.gif) no-repeat 190px bottom;
	display: block;
	padding-bottom: 8px;
	margin-top: 0px;
}

#b_contentArea h1 span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-left: 2px;
}

#b_contentArea h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 7px;
	color: #590600;
	clear: both;
}
#b_contentArea h2 span {
	display: block;
	padding-top: 2px;
	padding-left: 2px;
	font: bold normal 10px Arial, Helvetica, sans-serif;
	text-align: right;
	border-top: 1px solid #864B43;
	color: #015A89;
	margin-bottom: 11px;
}
#contentWrapper h2 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 7px;
	color: #590600;
	 }
#b_contentArea h3 {
	border-top: 1px solid #595A5B;
	padding-top: 15px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	clear: both;
}

#contentWrapper {
	background: #EDEBDF;
	border: 1px solid #CDC6AE;
	padding: 10px 10px 13px;
	float: left;
	width: 503px;
	margin-left: 20px;
}

#activityListings {
	height: 100px;
}

#activityListings ul {
	margin:15px 0px 0px;
	padding:0;
}

#activityListings li {
	display:block;
	float: left;
	list-style: none;
	width: 125px;
	margin-bottom: 5px;
}

#activityListings li a {
}

#closer_x {
	text-decoration: underline;
	font-size: 11px;
	line-height: 15px;
}

#nonsmoking {
	height: 26px;
	width: 311px;
	position: absolute;
	top: 345px;
	margin-left: 5px;
}

/*--- Sub Menu ----------------------------------------------------------------------------*/
		.subMenu {
	background: #D6D0B5;
	padding-top: 9px;
	padding-left: 5px;
	margin-bottom: 35px;
	padding-bottom: 10px;
}

.subMenu ul {
	margin: 0px;
	padding: 0px;
}

.subMenu li {
	list-style: none;
	text-align: center;
	display: inline;
	margin-right: 28px;
	line-height: 25px;
}

.subMenu li a {
	width: 121px;
	color: #666666;
}

.subMenu li a:hover {
	text-decoration: none;
}

.subMenu p {
	background: #EDEBDF;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 5px;
}

/*--- Res Box ------------------------------------------------------------------------------*/
#resBox {
	background: url(../img/resbox-bg.jpg) no-repeat;
	height: 225px;
	width: 218px;
	top: 72px;
	position: absolute;
	margin-left: 546px;
	padding-top: 90px;
	font-size: 10px;
	color: #014a70;
	clear: both;
	font-weight: bold;
}

#resBox form {
	margin-left: 30px;
	width: 175px;
}

#resBox select {
	font-size: 12px;
	color: #014A70;
	margin-bottom: 7px;
	margin-right: 3px;
	margin-top: 1px;
}

#resBox a {
	color: #014A70;
	text-decoration: none;
	line-height: 17px;
}

#resBox a:hover {
	text-decoration: underline;
}

#resBox img {
	border:none;
}

#resBox input {
	margin-bottom: 5px;
}

/*--- ctaShell -------------------------------------------------------------------------------*/
		#b_ctaShell {
	width: 205px;
	float: left;
	overflow: hidden;
}

#b_ctaShell ul {
	margin: 0px;
	padding: 0px;
}

#b_ctaShell li {
	list-style: none;
	margin-bottom: 5px;
}

#b_ctaShell li a {
	display:block;
}

#b_ctaShell li a:hover {
}

#ctaGallery {
	background: url(../img/cta-gallery.jpg) no-repeat;
	height: 60px;
	width: 205px;
}

#ctaGallery a, #ctaCorporate a, #ctaMeetings a, #ctaSpecials a, #ctaGifts a {
	height: 60px;
	width: 205px;
}
#ctaTripAdvisor a {
	height: 163px;
	width: 205px;
}
#ctaGallery a:hover {
	background: url(../img/cta-gallery.jpg) no-repeat center -60px;
}

#ctaCorporate {
	background: url(../img/cta-corporate.jpg) no-repeat;
	height: 60px;
	width: 205px;
}

#ctaCorporate a:hover {
	background: url(../img/cta-corporate.jpg) no-repeat center -60px;
	;
}

#ctaMeetings {
	background: url(../img/cta-meeting.jpg) no-repeat;
	height: 60px;
	width: 205px;
}

#ctaMeetings a:hover {
	background: url(../img/cta-meeting.jpg) no-repeat center -60px;
	;
}

#ctaSpecials {
	background: url(../img/cta-specials.jpg) no-repeat;
	height: 60px;
	width: 205px;
}

#ctaSpecials a:hover {
	background: url(../img/cta-specials.jpg) no-repeat center -60px;
}

#ctaTripAdvisor {
	background: url(../img/tripadvisor-oakland1-205x163.gif) no-repeat;
	height: 163px;
	width: 205px;
}

#ctaTripAdvisor a:hover {
	background: url(../img/tripadvisor-oakland1-205x163.gif) no-repeat center -163px;
}

#ctaGifts {
	background: url(../img/cta-gifts.jpg) no-repeat;
	height: 60px;
	width: 205px;
}

#ctaGifts a:hover {
	background: url(../img/cta-gifts.jpg) no-repeat center -60px;
}

#calendar #b_ctaShell {
	display: none
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
		Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */				
		
		#f_shell {
	font-size: 11px;
	line-height: 20px;
	background: #DFDAC4;
	width: 760px !important;
	width: 762px;
	margin-top: 12px;
	margin-bottom: 15px;
	padding:0 0 0 3px !important;
}

#f_nav {
	text-align: center;
	margin-bottom: 5px;
	margin-top: 3px;
}

#f_nav ul {
	margin:0px;
	padding:0px;
}

#f_nav li {
	display: inline;
	border-right: 1px solid #595A5B;
	margin-right: 3px !important;
	margin-right: 5px;
	padding-right: 4px !important;
	padding-right: 2px;
}

#f_nav li a {
	color: #595a5b;
	text-decoration: none;
}

#f_nav li a:hover {
	text-decoration: underline;
}

address {
	color:#757778;
	font-style: normal;
	text-align: center;
	margin-bottom: 3px;
}

#f_shell address span {
	margin: 0 3px;
}

#f_sig {
	text-align:center;
	display:block;
	font-size: 11px;
	line-height: 20px;
}

#f_sig a {
	color: #595a5b;
	text-decoration: none;
}

/*--- Proposal Table -----------------------------------------------------------------------*/		
		#proposal #proposalForm input, #proposal #proposalForm select {
	background: #F5F3ED;
	border: 1px solid #DFDAC4;
	font-size: 11px;
	padding:2px;
	color: #595A5B;
}

/*--- Special Cases -------------------------------------------------------------------------*/	
		#home .imgLeft {
	float:left;
}

#home #f_sig {
	display:block;
}

#meeting table, #proposal table {
	border: 1px solid #015A89;
	background: #FFFFFF;
	width: 100%;
}

#meeting table tr.hrooms, #proposal table tr.hrooms {
	color: #EDEBDF;
	background: #015A89;
}

#meeting blockquote {
	margin-right:0px;
}

#shopping blockquote, #rooms blockquote, #sanfrancisco blockquote {
	margin-right:0px;
}

#sitemap h2, #home h2, #specials h2 {
	clear:none;
}

#meeting h1, #sitemap h1, #proposal h1, #gallery h1, #specials h1, #directions h1, #gift h1, #calendar h1, #mailist h1 {
	background:none;
}

#dining h3 {
	margin:0 0 10px 0;
}

/*#contact #b_contentArea {font-size:11px; font-weight:bold;}*/
		#rooms #b_contentArea a img {
	padding: 1px;
	border: 1px solid #025889;
}

/*--- The homepage double lists ------------------------------------------------------------*/
		div.twoCols {
	width:45%;
	float:left;
}

ul.twoCols {
	width:45%;
	float:left;
	list-style-type:square;
	margin:0;
	padding:0 0 0 40px;
	display:block;
}

.clearBoth {
	clear:both;
}

.colsMarginRight {
	margin-right:15px;
	padding: 0 15px 0 0;
	border-right: solid 1px #000;
}

/*--- Print ---------------------------------------------------------------------------------*/
		.print {
	display: none;
}

/*--- Div Toggle ---------------------------------------------------------------------------*/
		#div1, #div2 {
	display:none;
}

#div1 {
	display:block;
}

#diningDiv, #shoppingDiv, #museumsDiv, #perfomringDiv, #kidsDiv, #universitiesDiv, #sanFranDiv, #sportingDiv {
	display:none;
	border: 1px solid #864B43;
	background: #E7E4D4;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	margin-bottom: 9px;
}

#closer {
	display:none;
}

#diningDiv {
	display:block;
}

.signupframe {
	border: 1px solid #D1C78C;
	background: #D0C48A url(../img/bg-signup.jpg) repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.signupframe label {
	color: #014a70;
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
}
table.signupframe h3 {
	color: #6C3823;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

td.tableshade {
          background-image: none; background: #004f30; color: #ffffff; 
		  font-family: Arial, Verdana, Helvetica, Sans Serif;
          font-weight: bold; 
          font-size: 8pt;
          text-align: center;
          vertical-align: center;
          padding; 1;
          }

a.tableshade {
          background-image: none; background: #ece2d6; color: #404040; 
		  font-family: Arial Narrow, Verdana, Helvetica, Sans Serif;
          font-weight: bold;  
          font-size: 8pt;
          text-align: center;
          vertical-align: center;
          padding; 1;
          }

td.tablenoshade {
          background-image: none; background: #f9f6ef; color: #404040; 
		  font-family: Arial, Verdana, Helvetica, Sans Serif;
          font-weight: bold;  
          font-size: 8pt;
          text-align: center;
          vertical-align: center;
          padding; 2;
          }
td.tablenoshade2 {
          background-image: none; background: #f9f6ef; color: #202020; 
		  font-family: Arial, Verdana, Helvetica, Sans Serif;
          font-weight: bold; 
          font-size: 12px;
          text-align: center;
          vertical-align: center;
          padding: 7;
          }

td.tableshade2 {
          background-image: none; background: #cccccc; color: #202020; 
		  font-family: Arial, Verdana, Helvetica, Sans Serif;
          font-weight: bold;  
          font-size: 12px;
          text-align: center;
          vertical-align: center;
          padding; 7;
          }