@charset "utf-8";
/* Eight Suites by Fat Jimmy's */

body {
	background-image: url(http://www.8suites.com/images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #7e4112;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:relative;
	width: 713px;
}

#wrapper {
	background-image: url(http://www.8suites.com/images/top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 713px;
	padding-top: 27px;	
}

#page-surround {
width: 711px;
border: 1px solid #fbdcb0;
position: relative;
margin: 0px;
}

#page {
width:709px;
border: 1px solid #c08539;
background-color: #ffe1b3;
margin: 0px;
}

a {
color: transparent;
}

/*Top Navigation*/

#top {
position: relative;
top: 0px;
width:709px;
margin-bottom:50px;
z-index: 9999;
}

#navigation {
list-style-type:none;
margin: 0;
padding:0;}

#navigation li { 
float:left; 
 
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
height:103px; 
display:block;
position:relative;
background:url(http://www.8suites.com/images/navi.jpg) 0 0 no-repeat;
}

#navigation a.home								{background:url(http://www.8suites.com/images/logo.jpg) no-repeat; width:103px; }
#navigation .highlight a.home:hover,
#navigation a.home .hover						{background:url(http://www.8suites.com/images/logo.jpg) no-repeat; width:103px; }

#navigation a.about									{ background-position:0 0; width: 52px; }
#navigation .highlight a.about:hover,
#navigation a.about .hover							{ background-position:0 -103px; }

#navigation a.rooms								{background-position: -52px 0; width: 58px; }
#navigation .highlight a.rooms:hover,
#navigation a.rooms .hover								{ background-position:-52px -103px; }

#navigation a.spa									{background-position: -110px 0; width: 80px;}
#navigation .highlight a.spa:hover,
#navigation a.spa .hover								{ background-position:-110px -103px; }

#navigation a.resto								{background-position: -190px 0; width: 74px;}
#navigation .highlight a.resto:hover,
#navigation a.resto .hover								{ background-position:-190px -103px; }

#navigation a.amenities								{background-position: -264px 0; width: 71px;}
#navigation .highlight a.amenities:hover,
#navigation a.amenities .hover								{ background-position:-264px -103px; }

#navigation a.directions							{background-position: -335px 0; width: 75px; }
#navigation .highlight a.directions:hover,
#navigation a.directions .hover						{ background-position:-335px -103px; }

#navigation a.contact									{background-position: -410px 0; width: 75px;}
#navigation .highlight a.contact:hover,
#navigation a.contact .hover							{ background-position:-410px -103px; }

#navigation a.reservation							{background-position: -485px 0; width: 121px;}
#navigation .highlight a.reservation:hover,
#navigation a.reservation .hover						{ background-position:-485px -103px; }

/*Header and Page Title*/

#header {
background:url(images/header.jpg) no-repeat;
position: relative;
	
}


#header h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 24px;
	padding-top: 5px;
	position:relative;
	top: 208px;
	left: 97px;
	font-weight:normal;
	color: #981601;
	width: 120px;
	text-align:center;
	display:block;
}

/*Entry*/

#content {
position: relative;
width: 709px;
height:100%;
}

#breadcrumb {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9b805a;
padding: 0;
margin:0;
display:block;}

#breadcrumb p {
padding-right:20px;
padding-left: 5px;
margin-left: 8px;
text-transform: capitalize;
}

#entries {
display:relative;
width: 510px;
text-align: left;
float: left;
left: 20px;
}

#entries ul {
margin: 0 20px 0 0;
position:relative;
left:20px;
padding: 0 0 10px 0;
}

#entrylist {
background:url(http://www.8suites.com/images/bg_article.jpg) no-repeat;
background-position: top center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 14px;
color: #9b805a;
list-style-type:none;
clear: both;
}

#entrybody {
background:url(http://www.8suites.com/images/bg_article.jpg) no-repeat;


background-position: top center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color: #9b805a;
padding-bottom: 30px;
margin-left: 20px;
}


#entrylist a, #entrybody a, #sidebar a, #breadcrumb a {
color: #7a9900;
text-decoration: none;
}

#entrylist a:hover, #entrybody a:hover, #sidebar a:hover, #breadcrumb a:hover {
color: #9c1300;
}

#entrylist h2,#entrybody h2 {
padding-top: 20px;
font-size:20px;
font-weight: normal;
color: #7a9900;
}

#img-thumb {
float:left;
width: 239px;
padding: 5px;
background-color: #fef2dc;
border: 1px solid #ccbda0;
margin-right: 10px;
position: relative;
clear:both;
}

ul#art-img{
width: auto;
margin: 0 10px 0 0;
float:left;
padding:0 0 20px 0;
list-style-type:none;
left: -1px;
}


#art-img li {
float: left;
width:auto;
margin: 0 0 5px 0;
padding: 0;
display: block;
list-style-type:none;
}

#art-img img {
background-color: #fef2dc;
border: 1px solid #ccbda0;
width: auto;
display: block;
padding: 5px;
margin: 0 0 0 0;
}
 
#entrylist a.readmore, #entrybody a.readmore, #sidebar a.readmore {
background:url(http://www.8suites.com/images/bg_button.jpg) repeat-x;
background-color: #589803;
border: 1px #98e700 solid;
width: 75px;
text-align: center;
color: #39580a;
text-transform:uppercase;
font-size:10px;
text-decoration: none;
padding: 2px 5px;

}

#entrylist a.readmore:hover, #entrybody a.readmore:hover, #sidebar a.readmore:hover {
background:url(http://www.8suites.com/images/bg_button_hover.jpg) repeat-x;
background-color: #eaa955;
border: 1px solid #e9bb7d;
color: #9b5b0c;
}

ul#th{
width: 180px;
margin: 0 0 0 0;
float:left;
padding:0;
list-style:none;
left: -1px;
}


#th li {
float: left;
width:72px;
margin: 0 10px 5px 0;
padding: 0;
display: block;
}

#th a, img#th {
background-color: #fef2dc;
border: 1px solid #ccbda0;
width: 72px;
display: block;
padding: 3px;
margin: 0 0 0 0;
}

#th img {
border: none;
width: 72px;
margin:0;
padding: 0;
}

.pics { height: 171px; width: 251px; padding:0; margin:0; overflow: hidden; }
.pics img { height: 159px; width: 239px; padding: 5px; border: 1px solid #ccbda0; background-color: #fef2dc; top:0; left:0; margin:0 }

#slideshow {
left: 25px;
margin-bottom: 5px;
}

/*Sidebar*/

#sidebar {
width: 177px;
position:relative;
float:right;
}

#sidebar h3 {
	display:block;
	padding:0;
	margin:0;
	top: 20px;
	left: 29px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #b9ad9f;
}

#sidebarbody {
margin:0;
padding: 10px;
background:url(http://www.8suites.com/images/bg_sidebar.png) repeat-y;
top: -5px;
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9c9b99;
line-height: 18px;
}

#sidebarbody ul {
margin: 0;
padding:0; 
list-style-type: none;
}

#sidebarbody h4 {
font-size: 12px;
margin-top: 10px;
margin-bottom:0px;
margin-left:0px;
margin-right:
}

#sidebarbody p {
margin-top:5px;
display:block;
}

#sidebarfooter {
position:relative;
top: -5px;
}

/*Content Footer*/

#content-footer {
background:url(http://www.8suites.com/images/footer.jpg) no-repeat;
width: 709px;
height: 35px;
line-height: 35px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fcd697;
}

/*Footer*/

#footer {
margin-bottom: 20px;
}

ul#footernav {
list-style-type: none;
margin: 0;
padding:5px 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 7pt;
text-align:left;
color: #fcd697;
letter-spacing:0px;
 }

ul#footeraddress {
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
float:right;
list-style-type:none;
margin:0;
padding:5px 0;
text-align: right;
color: #fcd697;
letter-spacing: 0px;
}

ul#footernav a, ul#footeradress a {
text-decoration: underline; 
color: #fcd697;
}

ul#footernav a:hover, ul#footeraddress a:hover {
text-decoration: none;
color: #fcd697;
 }
