@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;
}

/*Top Navigation*/

#top {
position: relative;
top: -1px;
width:709px;
margin:0
}

#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(http://www.8suites.com/images/header_reservation.jpg) no-repeat;
height: 279px;
position: relative;
top: -1px;
clear:both;
}

#header h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 24px;
	padding-top: 5px;
	position:relative;
	top: 208px;
	left: 105px;
	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: 470px;
text-align: left;
float: left;
left: 20px;
}

#entries ul {
margin: 0 20px 0 0;
position:relative;
left:20px;
padding: 0 0 40px 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;
padding-bottom: 10px;
list-style-type:none;
margin-bottom:10px;
}

#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;
}

/*#entries p {
position: relative;
}*/

#img-thumb {
float:left;
width: 239px;
padding: 5px;
background-color: #fef2dc;
border: 1px solid #ccbda0;
margin-right: 10px;
position: relative;
clear:both;
}
 
#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 {
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;
 }

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: helvetica, arial, serif;
	background: #fce8c9 url(http://www.8suites.com/images/fce8c9_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 11px;
	border: 4px solid #d4b182;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: fixed;
	left: -10000px;
        margin: 0;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #cd8e3f url(http://www.8suites.com/images/cd8e3f_40x100_textures_04_highlight_hard_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #a9661f url(http://www.8suites.com/images/a9661f_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #dfb781;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #dfb781;
	color: #fffae0;
	background: #cd8e3f;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #a9661f;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #fffae0;
	background: #cd8e3f url(http://www.8suites.com/images/cd8e3f_40x100_textures_04_highlight_hard_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #fce8c9;
	text-decoration: none;
}
table.ui-datepicker td a:hover {
	border: 1px solid #9f4810;
	color: #ffffff;
	background: #a9661f url(http://www.8suites.com/images/a9661f_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker td.ui-datepicker-today a {
	border: 1px solid #dfb781;
}
table.ui-datepicker td a:active, table.ui-datepicker td.ui-datepicker-current-day a {
	border: 1px solid #d4b182;
	color: #9e3300;
	background: #ffd088 url(http://www.8suites.com/images/ffd088_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #623b22;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #623b22;
	background: none;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}



/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: helvetica, arial, serif;
	font-size: 11px;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #d4b182;
	background: #fce8c9 url(http://www.8suites.com/images/fce8c9_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #623b22;
}
.ui-component-content a {
	color: #623b22;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #dfb781;
	background: #cd8e3f url(http://www.8suites.com/images/cd8e3f_40x100_textures_04_highlight_hard_75.png) 0 50% repeat-x;
	font-weight: bold;
	color: #fffae0 !important;
}
.ui-default-state a {
	color: #fffae0;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #9f4810;
	background: #a9661f url(http://www.8suites.com/images/a9661f_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-hover-state a {
	color: #ffffff;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #d4b182;
	background: #ffd088 url(http://www.8suites.com/images/ffd088_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	font-weight: bold;
	color: #9e3300 !important;
	outline: none;
}
.ui-active-state a {
	color: #9e3300;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(http://www.8suites.com/images/f8e1a0_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(http://www.8suites.com/images/ffeebd_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(http://www.8suites.com/images/8c2f03_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(images/8c2f03_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(http://www.8suites.com/images/f8e1a0_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(http://www.8suites.com/images/ffeebd_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(http://www.8suites.com/images/8c2f03_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none/*for accessible hiding: position: absolute; left: -99999999px;*/;
}
.ui-accessible-hidden {
	position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

input, select, textarea {
border: #dfb781 1px solid;
background: #fce8c9;
color: #a36323;
}