* {outline:none;}

body               { background-color:#F8EFC6;}

td, div            { font-family:'Trebuchet MS', Verdana, Arial, sans-serif;}
p				   { font-size:12px; color: #515151; margin:0;}

/* borders */
#TopBdr            { background: url(../images/inn-spa-bdrTop.gif) repeat-x;}

.sideBdrL          { background: url(../images/inn-spa-bdrL.gif) repeat-y;}
.sideBdrR          { background: url(../images/inn-spa-bdrR.gif) repeat-y;}

#BotBdr            { background: url(../images/inn-spa-bdrBot.gif) repeat-x;}
#header            { background-image:url(../images/header-sea-tile.gif) repeat-x;}


/* nav bar */
#navBar            { background:url(../images/nav-off.gif) repeat-x; border-top:1px solid #FFFFFF; 
					 border-bottom:1px solid #FFFFFF; overflow: hidden;}

.navLink           { font-weight:bold; color:#FFFFFF; font-size:14px; float:left; margin:0px auto; padding:10px 2px 6px 2px;}
.navLink a:link    { color:#FFFFFF; text-decoration: none;}				 
.navLink a:visited { color:#FFFFFF; text-decoration: none;}					 
.navLink a:hover   { color:#FFFFFF; text-decoration: none; background:url(../images/nav-on.gif) repeat-x; background-position:bottom;}				
.navLink a:active  { color:#FFFFFF; text-decoration: none; background:url(../images/nav-hit.gif) repeat-x; background-position:bottom;}

.navLink a:link, .navLink a:visited, .navLink a:hover, .navLink a:active 
				   { padding:11px 8px 7px 8px; margin:0px;}

.navSeparator      { background:url(../images/ico-sea-shell.gif) no-repeat; background-position:center; 
			         margin:0px; width:17px; height:36px; float:left;}



/* Sub nav bars */
.tlService         { height:40px; width:225px; background: url(../images/tl-services-pricing.gif) bottom left no-repeat;}
.subNavBox         { width:225px; margin:20px 0px 18px 0px; overflow:hidden;}

.subNav            { font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/subNav-off.gif) no-repeat;
				     border-top:1px solid #da9038; border-bottom:1px solid #da9038; margin:0 0 4px 0; 
					 padding:5px 0; width:425px; overflow:hidden;}
					 
.subNav a:link, .subNav a:visited, .subNav a:hover, .subNav a:active
				   { padding:5px 180px 6px 30px; margin:0;}

.subNav a:link     { color:#FFFFFF; text-decoration: none;}				 
.subNav a:visited  { color:#FFFFFF; text-decoration: none;}					 
.subNav a:hover    { color:#FFFFFF; text-decoration: none; background:url(../images/subNav-on.gif) no-repeat;}
.subNav a:active   { color:#FFFFFF; text-decoration: none; background:url(../images/subNav-hit.gif) no-repeat;}




/* side nav */
#sideNav           { background:url(../images/side-tile.gif) repeat-y; position:relative;}
#sideNavCorner     { float:right; background:url(../images/sideCnr-By-The-Sea-Inn-Spa.gif) top right no-repeat; 
                     width:257px; height:32px; margin:0px;}
.sidePic		   { border-top:1px solid #CE6C45; border-right:1px solid #CE6C45; border-bottom:1px solid #CE6C45; margin:20px 0px; clear:both;}
#sideFooter        { position:absolute; bottom:10px;}

/* content area */
#content           { background-color:#FDFBF2;} /*  FBF5DA */
#content p         { color: #515151; margin:0px; padding: 0px 15px 15px 15px; font-size:12px; line-height:18px; font-weight:normal;}
.InitialCap        { font-weight:bold; font-size:16px;}
.buttonPosContent  { text-align:right; margin:0px 40px 0px 0px;}
.contentImgL	   { float:left; margin:8px 10px 4px 0px;}
.contentImgR	   { float:right; margin:8px 0px 4px 10px;}
#content h1	       { color:#4f83a4; font-size:20px; font-weight:bold; margin:0; padding:0px 30px;}
#content h3		   { font-size:12px; font-style:italic; color:#184F71; margin:0px; padding: 15px 30px 0px 30px;}
#content h4		   { color:#4f83a4; font-size:20px; font-weight:bold; margin:0; padding:6px 0px;}

#content ul          { margin:0; padding:0px 13px 13px 40px}
#content li          { margin:0; padding:0 0 4px 0; color: #515151; font-size:12px; line-height:18px; 
						font-weight:bold; list-style-image:url(../images/ico-blueCarrot.gif);}
#content h5          { margin:0; padding:0 0 0px 0; color: #515151; font-size:15px; line-height:18px; 
						font-weight:bold;}
.botRule             { border-bottom:1px solid #f1d589;}

#content p a:link, #content li a:link, #content h5 a:link, #content h3 a:link	          { color:#0c517e; text-decoration:none;}				 				 
#content p a:visited, #content li a:visited, #content h5 a:visited, #content h3 a:visited { color:#0c517e; text-decoration:none;}					 
#content p a:hover , #content li a:hover, #content h5 a:hover, #content h3 a:hover        { color:#0c517e; text-decoration:underline;}				
#content p a:active, #content li a:active, #content h5 a:active, #content h3 a:active     { color:#0c517e; text-decoration:underline;}

#content h3 a:link	  { color:#0c517e; text-decoration:underline;}				 				 
#content h3 a:visited { color:#0c517e; text-decoration:underline;}					 
#content h3 a:hover   { color:#5bbec9; text-decoration:underline;}				
#content h3 a:active  { color:#5bbec9; text-decoration:underline;}


#content .alert      { color:#eb3808; font-size:11px/14px; font-style:oblique; font-weight:normal; margin:0; padding: 6px 20px 0px 20px}


/* titles */
.title-Inn         { background:url(../images/BTS-tl-Inn.gif) top right no-repeat;}
.title-Spa         { background:url(../images/BTS-tl-Spa.gif) top right no-repeat;}
.title-Contact     { background:url(../images/BTS-tl-contact.gif) top right no-repeat;}
.title-GiftShop    { background:url(../images/BTS-tl-gift-shop.gif) top right no-repeat;}
.title-Links       { background:url(../images/BTS-tl-links.gif) top right no-repeat;}
.title-Location    { background:url(../images/BTS-tl-location.gif) top right no-repeat;}
.title-Order    { background:url(../images/BTS-tl-order.gif) top right no-repeat;}
.title-giftCert    { background:url(../images/bts-tl-gift-certificates.gif) top right no-repeat;}
.title-Specials    { background:url(../images/BTS-tl-specials.gif) top right no-repeat;}
.title-Testimonials    { background:url(../images/BTS-tl-testimonials.gif) top right no-repeat;}


/* footer */
.footer            { height:20px; vertical-align:bottom; font-size:12px; color:#3a6c8c; text-align:center; background-color:#8ad1d9;}
.footer a:link     { color:#3a6c8c; text-decoration: none; padding:3px;}				 
.footer a:visited  { color:#3a6c8c; text-decoration: none; padding:3px;}					 
.footer a:hover    { color:#FFFFFF; text-decoration: none; padding:3px; background-color:#6bb6be;}				
.footer a:active   { color:#FFFFFF; text-decoration: none; padding:3px; background-color:#6bb6be;}
.footInfo		   { letter-spacing: .05em; padding:0px 0px 20px 0px;}
.footInfo a:link   { color:#25648c; text-decoration: none;}
.footInfo a:visited{ color:#25648c; text-decoration: none;}
.footInfo a:hover  { color:#25648c; text-decoration: underline;}
.footInfo a:active { color:#25648c; text-decoration: underline;}



/* Call out red */
.callRed           { width:181px; margin:13px; text-align:center; border:8px solid #CE6C45; clear:both; background-color:#FFFECF;}
.callRedTl         { margin:0; padding:0;
					 background:#EE9571 url(../images/callArc-red.gif) bottom center no-repeat;}
.callRed h1        { font-size:16px; line-height:16px; color:#FFFFFF; margin:0px; padding:4px 0px 20px 0px;}
.callRed p         { font-size:12px; color:#B2481D; margin:0px; padding:0px 2px 4px 2px;}
.callTild          { font-size:22px; vertical-align:-10px; line-height:2px; margin:0;}

/* Call out green */
.callGrn           { width:181px; margin:13px; text-align:center; border:8px solid #84B558; clear:both; background-color:#FFFECF;}
.callGrnTl         { margin:0; padding:0;
					 background:#9ECA76 url(../images/callArc-green.gif) bottom center no-repeat;}
.callGrn h1        { font-size:16px; line-height:16px; color:#FFFFFF; margin:0px; padding:4px 0px 20px 0px;}
.callGrn p         { font-size:12px; color:#4E7828; margin:0px; padding:0px 2px 4px 2px;}

/* Call out blue */
.callBlu           { width:181px; margin:13px; text-align:center; border:8px solid #4F83A4; clear:both; background-color:#FFFECF;}
.callBluTl         { margin:0; padding:0;
					 background:#6B9AB8 url(../images/callArc-blu.gif) bottom center no-repeat;}
.callBlu h1        { font-size:16px; line-height:16px; color:#FFFFFF; margin:0px; padding:4px 0px 20px 0px;}
.callBlu p         { font-size:12px; color:#265777; margin:0px; padding:0px 2px 4px 2px;}



#logoAdvocate      { width:76px; height:77px; margin:0px 5px 13px 13px;/* position:absolute; vertical-align:bottom; bottom:0px;*/}


/* buttons */
.btnRed, .btnBlue, .btnLtBlu,  .btnGrn  {  margin:4px auto; padding:0;
		                                 font-size:11px; overflow:visible; width:100%; white-space: nowrap;}

.btnRed a:link, .btnRed a:visited, .btnRed a:hover, .btnRed a:active,
.btnLtBlu a:link, .btnLtBlu a:visited, .btnLtBlu a:hover, .btnLtBlu a:active,
.btnGrn a:link, .btnGrn a:visited, .btnGrn a:hover, .btnGrn a:active
				   { color:#FFFFFF; text-decoration: none; padding:0px 8px; border:1px solid #FFFFFF;}
				   
/* btn red */				   				   
.btnRed a:link     { background:url(../images/btn-red-off.gif) repeat-x;}				 
.btnRed a:visited  { background:url(../images/btn-red-off.gif) repeat-x;}					 
.btnRed a:hover    { background:url(../images/btn-red-on.gif) repeat-x;}				
.btnRed a:active   { background:url(../images/btn-red-hit.gif) repeat-x;}

/* btn Lt blue */			   				   
.btnLtBlu a:link     { background:url(../images/btn-blu-off.gif) repeat-x;}				 
.btnLtBlu a:visited  { background:url(../images/btn-blu-off.gif) repeat-x;}					 
.btnLtBlu a:hover    { background:url(../images/btn-blu-on.gif) repeat-x;}				
.btnLtBlu a:active   { background:url(../images/btn-blu-hit.gif) repeat-x;}

/* btn Green */				   				   
.btnGrn a:link     { background:url(../images/btn-grn-off.gif) repeat-x;}				 
.btnGrn a:visited  { background:url(../images/btn-grn-off.gif) repeat-x;}					 
.btnGrn a:hover    { background:url(../images/btn-grn-on.gif) repeat-x;}				
.btnGrn a:active   { background:url(../images/btn-grn-hit.gif) repeat-x;}


/* btn blue */			   
.btnBlue a:link, .btnBlue a:visited, .btnBlue a:hover, .btnBlue a:active  
			       { color:#FFFFFF; text-decoration: none; padding:2px 8px 2px 4px; border:1px solid #c5e0f0;}
				
.btnBlue a:link	   { background:url(../images/btn-blue-off.gif) repeat-x;}				 				 
.btnBlue a:visited { background:url(../images/btn-blue-off.gif) repeat-x;}					 
.btnBlue a:hover   { background:url(../images/btn-blue-on.gif) repeat-x;}				
.btnBlue a:active  { background:url(../images/btn-blue-hit.gif) repeat-x;}



/* Inn */
.InnRoom           { background:url(../images/side-tile.gif) repeat-y;}
.InnRoomBox        { margin:10px 0px 10px 13px; width:auto;}
.InnRoomBoxinfo    { margin:25px 30px 5px 0px; float:left; text-align:left; width:auto;}
.InnRoomImg	       { border:1px solid #CE6C45; float:left;}
.InnRoom h1	       { color:#4f83a4; font-size:16px; font-weight:bold; margin:0; padding:10px 0px 2px 14px;}
.InnRoomBox p      { margin:0; padding:2px 0px 8px 14px;}


/* price table */
.priceFieldL        { background:#fbf7e2; border-top:1px solid #ce6c45; width: 290px; clear:both; float:left;
					  border-right:1px solid #ce6c45; border-bottom:1px solid #ce6c45; text-align:right;}
.priceFieldR		{ border-top:1px solid #ce6c45; border-bottom:1px solid #ce6c45; text-align:left; float:left;}
.priceFieldL, .priceFieldR     { margin:8px 0 0 0;}
.priceFieldL p, .priceFieldR p { padding:6px;}
.magGlass			{ margin: 3px 0 0 14px; float:left; vertical-align:bottom;}

/* spa */
.spalist		   { margin:30px 30px 0px 30px; padding:0px; clear:both;}
.spalist h4	       { color:#4f83a4; font-size:16px; font-weight:bold; margin:0; padding:0px;}
#content .spalist p{ margin:0px; padding:4px 0;}

.spaPriceFieldL    { background:#fbf7e2; width: 80%; height: 5px; clear:both; float:left; border-top:1px solid #ce6c45;
					 border-bottom:1px solid #ce6c45; text-align:right; overflow:hidden;}
.spaPriceFieldR	   { border-top:1px solid #ce6c45; border:1px solid #ce6c45; 
					 text-align:right; }
.spaPriceFieldL, .spaPriceFieldR { margin:8px 0 0 0;}
#content .spaPriceFieldR p { padding:4px 4px; font-weight: bold;}


/*--- home page button --*/
#centerer          { position:relative; width:860px; margin:0 auto;}
#floatButton       { position:absolute; top:5px; right:0; width:165px; height:181px; z-index:10; background:url(../images/Valentine-button.png) no-repeat;}
#floatButton a     { display:block;}
#floatButton, #floatButton a   { width:165px; height:181px;}