/* CSS Document */
html,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,h8,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,
fieldset,form,label,legend,input,textarea,
table,caption,tbody,tfoot,thead,tr,th, selectarea
{
  margin:          0;
  padding:         0;
  border:          0;
  outline:         0;
  }
 ol
{  list-style:      none;}
#container { width: 914px;  margin:0 auto; }
body {margin:0px; font:12px/18px arial; color:#000100; background-color:#650b00; }
#leftcolumn{background: url(../images/style_bg.gif) #ffffff repeat-y left top;}
#bottomimg{
	BACKGROUND: url(../images/btm.gif) repeat-x bottom left; border:2px solid #4b0901;border-top:none;
}

h4 {font: bold 15px arial, tahoma; color:#0099ff; padding: 0px 0px 0px 0px; margin:15px 0px 10px 0px;}
h4 a:link {font: bold 15px arial, tahoma; color:#0099ff;text-decoration: none;}
h4 a:hover {font: bold 15px arial, tahoma; color:#009900;text-decoration: none;}
h4 a:visited {font: bold 15px arial, tahoma; color:#0099ff;text-decoration: none;}

h2 {font:bold 14px arial, tahoma; line-height:18px;color:#e01850; padding: 5px 0px 2px 0px; margin:0px;}
h2 a:link {font:bold 14px arial, tahoma; line-height:18px;text-decoration: none;}
h2 a:hover {font:bold 14px arial, tahoma; line-height:18px;text-decoration: none;}
h2 a:visited {font:bold 14px arial, tahoma; line-height:18px; color:#e01850;text-decoration: none;}

#topbar h2
{
	position:         absolute;
	top:              42px;
	right:            21px;
	width:            227px;
	text-transform:   uppercase;
	font-size:        1.5em;
	letter-spacing:   .2px;
	word-spacing:     .1em;
	line-height:      1.6em;
	font-weight:      normal;
	color:            #8B949E;
	text-align: right;
  }
#topbar h2 span
{
  font-size:        1.6em;
  letter-spacing:   .2px;
  word-spacing:     0;
  font-weight:      normal;
  color:            #4C5157;
  }
h5 {font: bold 14px arial, tahoma;
	color:#e01850;
	padding: 0px 0px 0px 0px;
	margin:20px 0px 5px 0px;
	text-align:left;
	text-decoration: none;
}
h5 a:link {font: bold 14px arial, tahoma; color:#e01850;text-decoration: none;}
h5 a:hover {font: bold 14px arial, tahoma; color:#e01850;text-decoration: none;}
h5 a:visited {font: bold 14px arial, tahoma; color:#e01850;text-decoration: none;}
#con{margin:0px 0px 0px 0px; padding:0;width:910px;}
#content {text-align:justify; margin:0px 0px 10px 0px; padding:0px 45px 20px 30px; width:631px; float:right;background:url(../images/curve.gif) repeat-x top left;}
#specialsnav {
	width:200px;
	padding:50px 0px 20px 4px;
	margin:0px 0px 10px 0px;
	color:#002674;
	font:normal 11px/18px arial;
	line-height:18px;
	float:left;
	background:url(../images/seeyou.gif) no-repeat top left;
	
}
#specials a {
	width:181px;
	height:50px;
	background: url(../images/pacakages.gif) no-repeat center;
	display:block;
	text-indent:-9999px;
	padding:5px 0px 5px 0px;
}
#amenities a {
	width:177px;
	height:42px;
	background: url(../images/amenities.gif) no-repeat center;
	display:block;
	text-indent:-9999px;
	padding:5px 0px 5px 0px;	
}
#local_favorites a {
	width:173px;
	height:39px;
	background: url(../images/local.gif) no-repeat center;
	display:block;
	text-indent:-9999px;
	padding:5px 0px 5px 0px;	
}
#restaurants a {
	width:132px;
	height:39px;
	background: url(../images/restaurant.gif) no-repeat center;
	display:block;
	text-indent:-9999px;
	padding:5px 0px 5px 0px;	
}
.box1 {PADDING: 0px 30px 0px 0px; margin: 0px 0px 0px 1x;}
.mid {
	PADDING: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; COLOR: #ff0210; border-bottom:1px solid #ff0210; LINE-HEIGHT: 18px; font:bold 14px Palatino,'Palatino Linotype',serif; TEXT-DECORATION: none; text-transform:uppercase;
}



#bestwestern {
	position:absolute;
	top:31px;
	left:230px;
	width:386px;
	height:59px;
	font-size: 11px;
	font-weight:normal;
	letter-spacing:   .1em;
	color: #000000;
	LINE-HEIGHT: 20px;
}
.bestwestern {
	font-size:        1.6em;
	letter-spacing:   0px;
	word-spacing:     .1em;
	color: #ff0210;
	padding: 0px 0px 4px 0px;
}
.bestwestern a:link {
	color: #ff0210;
	text-decoration:none;
}
.bestwestern a:visited {
	color: #ff0210;
	text-decoration:none;
}
#tollfree {
	position:absolute;
	left:726px;
	top:60px;
	width:201px;
	height:29px;
	z-index:5;
	font:bold 18px/18px Palatino,'Palatino Linotype',serif;
	color: #009900;
	padding: 0px 0px 0px 20px;
}
h1 a
{
	width:185px;
	display:block;
	height:99px;
	margin: 5px 0px 10px 0px;
	text-indent: -9999px;
	background:url(../images/logo.gif) no-repeat center;
}

h3 a {
	display:block;
	width:600px;
	height:110px;
	font:normal 19px Palatino,'Palatino Linotype',serif;
	color:#f24921;
	text-indent: -9999px;
	margin:0px 0px 0px 0px;
	background:url(../images/downtown-inn-staugustine-fl.jpg) no-repeat left bottom;
}
#topbar {width:910px;height:16px;background: url(../images/top.jpg) #fff repeat-x top left; }
/* nav start */
#menu {	width:800px; height:30px; padding-left:110px; font: bold 12px/18px arial, Palatino,'Palatino Linotype',serif; background: #166344; border-top:1px solid #fff}
#menu a {text-decoration: none; display: block; float: left; height: 25px; padding: 5px 20px 0px 15px; color: #ffffff; font: bold 12px/18px arial, Palatino,'Palatino Linotype',serif; text-align: center; }
#menu a:hover {text-decoration: none; background:#e01850; color: #ffffff;}
#menu .active {text-decoration: none; background: url(../images/nav.gif) repeat-x top; color: #ffffff;}
.right { background:url(../images/left-tab.gif) repeat-y top left}
.left {background:url(../images/left-tab.gif) repeat-y top right}

#topnav {
	font:bold 12px Arial, Helvetica, sans-serif;
	width:910px;
	height:28px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
	border-bottom:5px solid #002674;
	
}
#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
	
#topnav li {
	display: inline;
	list-style:none;
	float:right;
	
}
	
#topnav a {
	float: left;
	padding: 0px 0px 0px 9px;
	margin: 0px 2px 0px 0px;
	text-decoration: none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #002674;
	background: url(../images/pill_left_b.gif) top left no-repeat;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 6px 10px 7px 2px;
	text-decoration: none;
	cursor: pointer;
	color: #002674;
	background: url(../images/pill_right_b.gif) top right no-repeat;
}

#topnav .current a span {
	color:#fff;
	padding: 6px 10px 7px 2px;
	text-decoration: none;
	background: url(../images/pill_rht.gif) top right no-repeat;
}

#topnav .current a {
	background: url(../images/pill_lft.gif) top left no-repeat;
	color:#fff;
}
#topnav a:hover span {
	color: #002674;
	background: url(../images/pill_right_y.gif) top right no-repeat;
	text-decoration: none;
}
#topnav a:hover {
	color: #002674;
	background: url(../images/pill_left_y.gif) top left no-repeat;
}
/* nav end */
#subnav {
	position:absolute;
	left:540px;
	top:1px;
	width:363px;
	height:23px;
}
#topnavigation {
	font:11px/18px arial;
}

#topnavigation a {
	font-size:11px;
	color:#0066CC;
	text-decoration:none;
	margin-left:17px;
}
#topnavigation a.nopadding {
	margin-left:0px;
}
#topnavigation a:hover {
	color:#002674;
}
#mainimage {
	border-top:1px solid #FFFFFF;
	clear:both;
	width:910px;
	height:300px;
	margin-left:0px;
}
#l {
	width:900px;
	clear:both;
	height:30px;
	margin-left:5px;
	background:#82C8D3;
	border-top:1px solid #FFFFFF;
}

#img1 {
	width:450px;
	height:300px;
	background: url(../images/pool.jpg) no-repeat;
	float:left;
	border-left:1px #fff solid;
	border-right:1px #fff solid;
}
/* Promotional Items */
#FeaturedSpecial {
	width:263px;
	height:295px;
	float:right;
	background:url(../images/leftbg.gif) repeat;
	font:11px Arial, Helvetica, sans-serif;
	padding:5px 0px 0px 10px;
	line-height:18px;

}
#headerside {
   width: 257px;
   height: 294px;
   float: left;
   padding:0px 5px 0px 0px;
   font:normal 11px arial;
   text-align:left;
   line-height:18px;
}
  
#headerside #bookmark a {
	display:block;
	margin:5px 0px 0px 0px;
	padding:1px 0px 2px 32px;
	width:135px;
	height:20px;
	color:#cc0000;
	background: url(../images/bookmark.gif) no-repeat top left;
	text-decoration:none;
}
#headerside #bookmark a:hover {
	color:#009900; text-decoration: underline;}
#headerside #weather a {
	display:block;
	margin:5px 0px 0px 0px;
	padding:2px 0px 2px 32px;
	width:80px;
	height:20px;
	color:#cc0000;
	background: url(../images/gallery.gif) no-repeat;
	text-decoration:none;
}
#headerside #weather a:hover {
	color:#009900;  text-decoration: underline;}
#headerside #email a {
	display:block;
	margin:5px 0px 0px 0px;
	padding:4px 0px 2px 32px;
	width:100px;
	height:20px;
	color:#cc0000;
	background: url(../images/email-offers.gif) no-repeat;
	text-decoration:none;
}
#headerside #email a:hover {
	color:#009900; text-decoration: underline;
}
#headerside #map a {
	display:block;
	margin:25px 0px 0px 0px;
	padding:4px 0px 2px 32px;
	width:100px;
	height:20px;
	color:#cc0000;
	background: url(../images/map.gif) no-repeat;
	text-decoration: none;
}
#headerside #map a:hover {
	color:#009900; text-decoration: underline;}
#headerside #offers a {
	display:block;
	margin:6px 0px 0px 0px;
	padding:4px 0px 0px 32px;
	width:100px;
	height:23px;
	color:#cc0000;
	background: url(../images/specials.gif) no-repeat;
	text-decoration:none;
}
#headerside #offers a:hover {
	color:#009900; text-decoration: underline;
}

/* header end */
/* // Promotional Items */
#bestguest {
	width:185px;
	height:300px;
	margin:0px 0px 0px 0px;
	float:left;
	background: url(../images/rght-bg.jpg) repeat-x top left;
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
}

p {padding: 8px 0px 10px 0px; margin:0px;  line-height:21px;}

UL {list-style-image: url(../images/bullet.gif);padding-left: 8px;margin-left: 10px;margin-top: 3px; margin-bottom:15px;}

a.more:link {font-weight: bold; text-decoration: underline;  background:#ffdc29; color: #000000; PADDING: 0px 5px 0px 5px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:visited {PADDING: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; background:#ffdc29; color: #000000; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:hover, a.more:active {font-weight:bold; text-decoration: none; background:#002674; color: #ffffff;}

a.mor:link {font-weight: bold; text-decoration: underline; background:#e01850; color: #ffffff; PADDING: 0px 5px 0px 5px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:visited {PADDING: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; background:#e01850; color: #ffffff; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:hover, a.more:active {font-weight:bold; text-decoration: none; background:#ffdc29; color: #000000;}

#images {FLOAT: right; WIDTH: 180px; padding:5px 0px 0px 15px; margin:0px 0px 10px 10px; border:1px #cccccc solid;}
#special-img {float:left; WIDTH: 70px; padding:0px 20px 0px 0px; margin:5px 0px 10px 0px;}
.photo {padding-bottom: 4px; width: 80px; height:76px; margin-bottom:5px;}
.photo IMG {border: 2px solid #eeeeee; padding: 4px; width:70px;}
.photo A { display: block;}

.float_hack {height: 0;	font-size: 0;clear: both;}
.col-one {
	float: left;
	width: 310px;
}
.col-two {
	float: right;
	width: 290px;
}
.col-three {
	float: right;
	width: 290px;
}
a:link { text-decoration: underline; color: #000000;}
a:visited { text-decoration:underline; color: #000000;}
a:hover, a:active { text-decoration: none; color: #000000;}

.boldfont{text-decoration: none; color: #002674; font-weight: bold; }
a.boldfont:link {font-weight: bold; text-decoration: none; color: #9c0000;}
a.boldfont:visited {font-weight: bold; text-decoration: none; color: #9c0000;}
a.boldfont:hover, a.boldfont:active {font-weight:bold; text-decoration: underline; color: #7f6a34;}

#footer
{
  color:#ffffff;
  text-align:center;
  margin: 5px 2px 5px 2px;
  padding: 5px 5px 5px 5px;
  border: 1px dotted #7b0f02;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
#footer a {
  padding: 0px 5px 0px 5px;
  color: #ffffff;
  margin:  0;
  font: bold 11px/18px arial, tahoma;
  text-align:center;
  line-height:22px;
  text-decoration: none;
}
#footer a:hover {
  color:            #ffffff;
  border-bottom:    1px dotted #ffdc29;
}



/* Check FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#prim form
{
  width:            185px;
  margin:           0px 0 0 0px;
  padding:          0 0 0px 0px;  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  height:auto;
  }
div#prim form fieldset, div#prim form ol, div#prim form li
{
  float:            left;
  width:            185px;
  }
div#prim form fieldset
{
  margin:           0px 0 0 0;
  }

div#prim form li
{
  margin:           3px 0 0 0;
  }
div#prim form label
{
  float:            left;
  width:            75px;
  padding:          0 0px 0 25px;
  font-size:        1em;
  font-weight:      bold;
  COLOR: #166344;
  }
div#prim form input.text2, div#prim form textarea, div#prim form select
{
  float:            left;
  width:            60px;
  border:1px solid #7f9db9;
  padding:          1px;
  background-color: #FFFfff;
  font-family:      tahoma, Arial, Helvetica, sans-serif;
  font-size:        1em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  margin:0px 3px 0px 0px;
  }

div#prim form select#rac
{
  width:40px;
  float: left;
  padding:1px;
  background-color: #FFFfff;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border-radius:.5em;
  -moz-border-radius:.5em;
  -webkit-border-radius:.5em;
  border:1px solid #7f9db9;
  }
div#prim form button
{
  float:left;
  display:inline;
  width:127px;
  height:22px;
  margin:7px 10px 10px 20px;
  background:url(../images/checkrates.gif) no-repeat 0 0;
  text-indent:-9999px;
  cursor:pointer;
  border:none;
}
div#prim form .book {font:bold 16px/14px Palatino,'Palatino Linotype',serif; padding: 12px 0px 2px 0px; margin: 0px 0px 7px 0px; COLOR:#e01850;text-align:center; text-transform: uppercase; border-bottom:1px dotted #ffcc00;}

/* CONTACT FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#primary form
{
  width:            600px;
  margin:           0px 10px 10px 0px;
  padding:          0px 0 10px 0;  
  float:left;
   border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  border: 1px solid #eee9d9;
  }
div#primary form fieldset, div#primary form ol, div#primary form li
{
  float:            left;
  width:            600px;
  }
div#primary form fieldset
{
  margin:           10px 0 0 0;
  }

div#primary form li
{
  margin:           5px 0 0 0;
  }
div#primary form label
{
  float:            left;
  width:            120px;
  padding:          0 40px 0 70px;
  font-size:        1em;
  font-weight:      bold;
  color:#3f8567;
  }
div#primary form input.text2, div#primary form textarea, div#primary form select
{
  float:            left;
  width:            200px;
  border:           1px solid #7f9db9;
  padding:          1px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#primary form textarea
{
  width:           200px;

  }
div#primary form button
{
  float:            left;
  display:          inline;
  width:            127px;
  height:           22px;
  margin:           15px 0px 0px 260px;
  background:       url(../images/checkrates1.gif) no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  border:none;
  }
div#primary form h6, div#primary form p
{
  margin:           0em 10px 0px 10px;
  line-height:      1.4em;
  color:#000;
  font-weight:normal;
  padding:5px 0px 5px 0px;
  }
div#primary form h6
{ padding:10px 0px 0px 0px;
  color:#166344;
  font:bold 14px arial;
  }

#Out {DISPLAY: block; padding-left:5px;}
#Out A {padding: 0px 0px 10px 10px; DISPLAY: block; line-height: 18px; MARGIN: 5px 0px 0px 0px; COLOR: #00489a; TEXT-DECORATION: none; TEXT-align: center; font:bold 13px/13pt  arial, Palatino,'Palatino Linotype',serif;} 
#Out A:hover {TEXT-DECORATION: underline}
/* --------------------------------------------------------------------------------------------------------- */
  /* the div that holds the date picker calendar */
.dpDiv {
font-size: x-small;

	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	color: black;
	background-color: #f0f0f0;
	border: 1px solid #fff;

	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dptitleTR {

	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
background-color: #ffffff;
	border: 1px solid #000000;
	color:#000;
	font-size:x-small;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #fff;
	font-size:x-small;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #045ba8;
	border: 1px solid #045ba8;
	color:white;
	font-size:x-small;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #ff6633;
	border: 1px solid #ff6633;
	cursor: pointer;
	color: #fff;
	font-size:x-small;
	}


/* the table cell that holds the name of the month and the year */
.dptitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #ff6633;
	border: 1px solid #ff6633;
	color: white;
	font-size:x-small;
	}


/* additional style information for the text that indicates the month and year */
.dptitleText {
	font-size:small;
	color: #045ba8;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: white;
	font-weight: bold;
	font-size:x-small;
	}


/* the forward/backward buttons at the top */
.dpButton {
	color: black;
	background: #ffff99;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	color: #000000;
	background:#ffff66;
font-size:x-small;
padding:0;
margin-left:2px
	}