html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,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,ul,li,
fieldset,form,label,legend,input,textarea,button,
table,caption,tbody,tfoot,thead,tr,th,td
{
  margin:          0;
  padding:         0;
  border:          0;
  outline:none;
  }
ol
{
  list-style:      none;
}


body
{
  background: #b40020;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#444;
  text-align:center;
  }

#container {width:974px; margin:20px auto 10px; text-align:left; padding:0;}
#leftcolumn{margin:0px; padding:0px; width:968px; background:url(../images/bodyline.gif) repeat-y top center; border:3px solid #a3011e;}
#bottomimg{width:968px; border-bottom:5px solid #f7d14a;}
#header
{	width:968px;
	height:110px;
	position:relative;
	background:#fff;
  }
#header h1 a {
	background: url(../images/fairfield_inn_suites_logo.gif) no-repeat;
	width:150px;
	height:96px;
	position:absolute;
	left:20px;
	top:18px;
	text-indent: -9999px;
}
#header h2
{
	position:         absolute;
	top:              20px;
	right:            23px;
	width:            200px;
	text-transform:   uppercase;
	font-size:        1.6em;
	letter-spacing:   0.06px;
	word-spacing:     .0em;
	line-height:      1.5em;
	font-weight:      normal;
	color:            #4784be;
	text-align: right;
	background:url(../images/res-call.gif) no-repeat bottom left;
  }
#header h2 span
{
  font-size:        1.07em;
  letter-spacing:   .3px;
  word-spacing:     0em;
  font-weight:      normal;
  color:            #26408c;
  }
 #header #link {
	width:500px;
	height:20px;
	padding:0px 0px 0px 0px;	
}

#link #gallery a {
	float:left;
	display:block;
	padding:2px 0px 0px 22px;
	margin:5px 15px 0px 0px;
	width:75px;
	height:15px;
	color:#0072cf;
	font:bold 11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/photo-gallery.gif) no-repeat;
}
#link #gallery a:hover {
	text-decoration:underline; color:#59a6de;
}
#link #bookmark a {
	float:left;
	display:block;
	padding:2px 0px 0px 22px;
	margin:5px 15px 0px 0px;
	width:60px;
	height:15px;
	color:#0072cf;
	font:bold 11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/bookmark.gif) no-repeat;
}
#link #bookmark a:hover {
	text-decoration:underline; color:#59a6de;
}
#link #print a {
	float:left;
	display:block;
	padding:2px 0px 0px 22px;
	margin:5px 15px 0px 0px;
	width:90px;
	height:15px;
	color:#0072cf;
	font:bold 11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/printer.gif) no-repeat;
}
#link #print a:hover {
	text-decoration:underline; color:#59a6de;
}
#link #reviews a {
	float:left;
	display:block;
	padding:2px 0px 0px 22px;
	margin:5px 0px 0px 0px;
	width:120px;
	height:15px;
	color:#0072cf;
	font:bold 11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/guest-reviews.gif) no-repeat;
}
#link #reviews a:hover {
	text-decoration:underline; color:#59a6de;
}

#fairfield {
	position:absolute;
	top:20px;
	left:216px;
	width:501px;
	height:49px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
}
.fairfieldinn {
	font:normal 20px arial;
	color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing:1px;
}
/* nav start */
#topnav {
	font:bold 12px Arial, Helvetica, sans-serif;
	width:968px;
	height:28px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:3px solid #0c2e81;
	background:#fff;
	
}
#topnav ul {
	margin: 0px 5px 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: #fff;
	background: url(../images/pill_lft.gif) top left no-repeat;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 7px 13px 6px 5px;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	background: url(../images/pill_rht.gif) top right no-repeat;
}

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

#topnav .current a {
	background: url(../images/pill_left_b.gif) top left no-repeat;
	color:#fff;
}
#topnav a:hover span {
	color: #fff;
	background: url(../images/pill_right_b.gif) top right no-repeat;
	text-decoration: none;
}
#topnav a:hover {
	color: #fff;
	background: url(../images/pill_left_b.gif) top left no-repeat;
}
/* nav end */
/* reservation start */
#slide
{	width:968px;
	height:377px;
	position:relative;
  }
  
#pic {
	width:769px;
	height:377px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	background:url(../examples/baymeadows-shopping-entertainment.jpg) no-repeat top left;
}
#slider {
    width:769px; /* important to be same as image width */
    height:352px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 769px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
    padding: 9px 13px;
	margin:0px 0px 0px 143px;
    width: 600px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #000;
    display: none;
	line-height:18px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
a img {border:none;}
#reservation {
	width:199px;
	height:377px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background:url(../images/fairfield-guest.jpg) no-repeat;
}
div#prim form
{
  width:198px;
  margin:0px 0px 0px 0px;
  padding:0px;
  
  }
div#prim form fieldset, div#prim form ol, div#prim form li
{
  float:            left;
  width:            198px;
  margin:0px;
  padding:0px;  

  }
div#prim form fieldset
{
  margin: 2px 0px 0px 0px;
  padding:0px; 
  height:160px;
  }

div#prim form li
{
  margin:           7px 0px 0px 0px;
  padding:0px 0px 0px 0px; 
  }
div#prim form label
{
  float:            left;
  width:            70px;
  padding:          0 0px 0 20px;
  font-size:        1em;
  font-weight:      normal;
  COLOR: #000;
  margin:0px;
  }
div#prim form input.text2, div#prim form textarea, div#prim form select
{
  float:            left;
  width:            65px;
  border:1px solid #7f9db9;
  padding:          1px;
  background-color: #FFFfff;
  font-family:      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: 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:5px 0px 0px 20px;
  background:url(../images/checkrates.gif) no-repeat;
  text-indent:-9999px;
  cursor:pointer;
  border:none;
  padding:0;
}
div#prim form .book {font:bold 17px Palatino,'Palatino Linotype',serif; text-transform:uppercase; padding: 15px 0px 2px 0px; margin: 0px 0px 5px 0px;COLOR:#05287e;text-align:center; text-align:center;}

#slidepng a {
	width:769px;
	height:186px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	background:url(../images/fairfield-inn-jacksonville-fl.png) no-repeat;
	top: 280px;
	left: 199px;
	text-indent:-9999px;
}
/* reservation end */
/* main start */
#main {
	width: 968px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}
#content {margin: 0px 0px 0px 0px; padding:80px 40px 20px 45px; width:684px; height:auto;float:right; line-height:21px;}
#content p {margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; text-align:justify; line-height:21px;}
#content h1 {margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:19px; color:#21b6a8; font:bold 16px Arial, Helvetica, sans-serif;}

.col-one {
	float: left;
	width: 320px;
	line-height:20px;
}
#content ul {
  margin:5px 0px 15px 15px;
  padding:0px 0px 0px 8px;
    list-style: url(../images/arrow1.gif);
  line-height:20px;
}
#content h3 {font:bold 15px Palatino,'Palatino Linotype',serif;text-transform:uppercase; color:#b40020; letter-spacing:0.08em;margin:10px 0px 5px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #c7a566;}

#content h2 {margin: 0px 0px 0px 0px; padding:5px 0px 0px 0px; line-height:19px; color:#00267f; font:bold 13px Arial, Helvetica, sans-serif;}
#content h2 a:link {color:#00267f; text-decoration:none;}
#content h2 a:hover {color:#00267f; text-decoration:underline;}
#content h2 a:visited {color:#00267f; text-decoration:none;}
.col-two {
	float: right;
	width: 320px;
	line-height:20px;
}

#sidebar {
	float: left;
	width: 199px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	color:#00267f;
	font:normal 12px arial; 
	line-height:20px;
	text-align:left;
}
#sidebar ul {
  margin:5px 0px 10px 15px;
  padding:0px 0px 0px 10px;
  color:#000;
  list-style: square;
}
#sidebar h2 {
 font: bold 17px Palatino,'Palatino Linotype',serif; text-transform:uppercase;letter-spacing:0.08em; margin:0px 5px 2px 5px; padding:15px 0px 1px 0px;color:#ffcc00; border-bottom:1px solid #ffcc00; text-align:center;
} 

#guest-amenities a
{
	display:block;
	width:165px;
	height:30px;
	font:normal 12px arial;
	color:#000000;
	text-indent: -9999px;
	margin:20px 0px 6px 10px;
	background: url(../images/guest-amenites.gif) no-repeat;
  }
#speicals a
{
	display:block;
	width:166px;
	height:32px;
	font:normal 12px arial;
	color:#000000;
	text-indent: -9999px;
	margin:10px 0px 6px 10px;
	background: url(../images/specials-offers.gif) no-repeat;
  }
#attraction a
{
	display:block;
	width:176px;
	height:30px;
	font:normal 12px arial;
	color:#000000;
	text-indent: -9999px;
	margin:20px 0px 6px 10px;
	background:url(../images/local-attractions.gif) no-repeat left bottom;
  }
#restaurants a
{
	display:block;
	width:143px;
	height:32px;
	font:normal 12px arial;
	color:#000000;
	text-indent: -9999px;
	margin:20px 0px 6px 10px;
	background:url(../images/restaurants.gif) no-repeat left bottom;
  }
/* main end */


a.more:link {font-weight: bold; text-decoration: underline; background:#177f75; color: #fff; PADDING: 2px 5px 2px 5px; margin: 0px 10px 0px 0px; text-decoration: none;border-radius:.5em;  -moz-border-radius:.5em;  -webkit-border-radius:.5em; }
a.more:visited {PADDING: 2px 5px 2px 5px; font-weight: bold; text-decoration: none; background:#177f75; color: #fff; border-radius:.5em;  -moz-border-radius:.5em;  -webkit-border-radius:.5em;  margin: 0px 10px 0px 0px; }
a.more:hover, a.more:active {font-weight:bold; text-decoration: none; background:#bd2031; color:#ffffff;}
	
#backtotop a {
	display:block;
	padding:1px 25px 0px 0px;
	height:17px;
	width:17px;
	background: url(../images/top.jpg) no-repeat right top;
	float:right;
	color:#c7a566;
	font:bold 12px arial;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing:normal;
}
#backtotop a:hover {
	color:#c7a566; text-decoration: underline;
}
a:link {COLOR: #444; TEXT-DECORATION: none; }
a:visited {COLOR: #444; TEXT-DECORATION: none;}
a:hover {	COLOR: #444;	TEXT-DECORATION: underline;}

#footer
{
  color:#fff;
  border:1px dashed #9b021e;
  text-align:center;
  margin:10px 5px 10px 5px;
  padding:10px;
  font: normal 11px/18px arial;
  line-height:22px;
  border-radius:.5em;  -moz-border-radius:.5em;  -webkit-border-radius:.5em;

  }
#footer #address
{ color:#fff;
  text-align:center;
  margin:  0;
  padding: 5px 0 5px 0;
  font: normal 12px/18px arial;
  }
#footer p 
{ color:#fff;
  text-align:center;
  margin:  0px;
  padding: 2px;
  font: normal 11px/18px arial;
  }
#footer p a:link
{ color:#fff;
  text-align:center;
  margin:  0px;
  padding: 0px;
  font: normal 11px/18px arial;
  text-decoration:none;
  }
#footer a {
  padding: 0px 5px 0px 5px;
  color: #fae04e;
  margin:  0;
  font: bold 11px/18px arial;
  text-align:center;
  line-height:22px;
}
#footer a:hover {
  color: #d5dc91;
  text-decoration:none;
}

.dpTodayButton {
	color: #000000;
	background:#ffff66;
font-size:10px;
padding:0;
margin-left:2px
	}


#images {float: right; padding:5px 0px 0px 15px; margin:0;}
.photo {background:url(../images/photo-bg-bottom.jpg) no-repeat bottom;padding-bottom: 4px; margin-bottom:0px;}
.photo IMG {border:2px solid #eeeeee; padding: 4px;}
.photo A { display: block;}

#images1 {float: right; padding:5px 0px 0px 15px; margin:0;}
.photo1 {background:url(../images/photo-bg-bottom.jpg) no-repeat bottom;padding-bottom: 4px;width:138px; height:107px; margin-bottom:0px;}
.photo1 IMG {border:2px solid #eeeeee; padding: 4px;width:128px; height:97px;}
.photo1 A { display: block;}


  /* the div that holds the date picker calendar */
.dpDiv {
font-size: 10px;

	}

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

/* 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:#666;
	font-size:10px;
	}

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


/* 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:10px;
	}

/* 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:10px;
	}
/* 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:10px;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size:12px;
	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:10px;
	}

/* 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:10px;
padding:0;
margin-left:2px
	}