/* Touch the sky, keep looking */


/*

------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
background:url(images/bg.jpg) repeat-y;
/*background-repeat:repeat-x;*/
background-position:top;
margin-top: 0;
}

a {
color: #005880;
}

a:hover {
color: #006B95;
}

a:visited {
	color: #666666;
	border: 0;
}

a:visited:hover {


}

h1{
/*
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 15px 0 20px 0;
padding-left: 15px;
*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#007989;
	font-weight:normal;
}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#007989;
	font-weight:normal;
margin: 0px;
}

h3 {
/*
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 0px;
*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442b15;
	font-weight:bold;

}

h6 {
/*
margin: 0;
*/
	margin: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#442b15;
	font-weight:normal;
	margin-top:10px;

}

p {
/*
margin: 10px 10px 10px 10px;
*/
}

/* layout styles */

#container {

	/*height:auto;
	width: 766px;
	text-align: left;
	margin: 0px auto 0 auto;
	background: url(images/back_container.gif) #FFFFFF repeat-y;
	line-height: normal;
	position:top;
	qwerty */
	height:auto;
	width: 772px;
	text-align: left;
	margin: 0px auto 0 auto;
	padding: 0 !important;
	line-height: normal;
}

#container .ereswebbookings {
	/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	margin-left: 10px;
	float: left;
	margin-top: 5px;
	*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	margin-left:5px;
	float: left;
	/*margin-top: 5px;*/

}

#banner {
	height: 160px;
	background: url(images/BG.gif) no-repeat;
	background-position: left;
}

#propertyBanner {
	height: 100px;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}

#main_content {
	height:100%;
	position:relative;
	float:left;
	background: url(images/one_bgR2C1.GIF) repeat-y;
	background-position:top;
	margin:5px 0 0 0;
}

#content {
/*
	position:relative;
	width: 550px;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	float: right;	
	*/
	position:relative;
	width: 570px;
	margin: 40px 0px 0px 10px;
	/*padding: 3px 3px 3px 3px;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:right;	
	
}

#content_new {
/*
	width: 100%;
	margin: 5px 5px 5px 10px;
	padding: 3px 3px 30px 3px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	float: inherit;
*/
	width: 100%;
	margin: 5px 5px 5px 10px;
	padding: 3px 3px 30px 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float: inherit;
}

#content-left {
/*
	width: 550px;
	margin: 5px 5px 5px 5px;
	background-image: url(images/back_content.jpg);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 3px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	float: left;
*/
	width: 550px;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;

}

#sidebarLoyalty { 
/*     
	float: left;
	width: 180px;
	margin: 5px 5px 0 5px;
	padding: 0;
	background-image: url(images/back_sidebar.jpg);
	background-repeat: no-repeat;
	color: #787878;
	height: 75px;
*/
	float: left;
	width: 180px;
	margin: 5px 5px 0 5px;
	padding: 0;
	color: #787878;
	height: 75px;

}

#sidebar {
/*
	float: left;
	width: 180px;
	margin: 5px 5px 0 5px;
	padding: 0;
	background-image: url(images/back_sidebar.png);
	background-repeat:repeat;
	color: #787878;
	height: auto;
*/
	float: right;
	width: 180px;
	margin: 40px 0px 0px 10px;
	padding: 0;
	height: auto;
	background-color:#007989;
}

#sidebar .buttons {
/*
 width: 150px;
 height: 30px;
 padding: 2px 2px 2px 2px;
 background-image: url(images/button.gif);
 background-repeat: no-repeat;
 background-position: left top;
 */
 	width: 150px;
	height: 30px;
	padding: 2px 2px 2px 2px;

}

/* meta nav */

#nav-meta {
/*
	float: right;
	margin: 80px 20px 0 0;
	background: url(images/back_navmeta1.gif) no-repeat bottom left;
*/
	float: right;
	margin: 80px 20px 0 0;

}

#nav-meta ul {
/*
margin: 0;
padding: 2px;
background: url(images/back_navmeta3.gif) no-repeat bottom right;
*/
	margin: 0;
	padding: 2px;
}

#nav-meta li {
/*
	display: inline;
	padding: 4px;
*/
	display: inline;
	padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
/*
color: #FFFFFF;
text-decoration: none;
margin: 4px;
*/
	/*color: #FFFFFF;*/
	text-decoration: none;
	margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
}

.skip {
/*
position: absolute;
overflow: hidden;
width: auto;
height: 0;
*/
	position: absolute;
	overflow: hidden;
	width: auto;
	height: 0;
	left: 850px;
	top: 59px;
}

.skip:active, .skip:focus {
/*
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
*/
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	background: #2C91B2;
}

/* main nav */

#nav-main {
/*
margin: 10px 16px 10px 11px;
height: 30px;
background: url(iamges/back_navmain.gif) #007AAC no-repeat;
*/
	margin: 10px 16px 10px 11px;
	height: 30px;
}

#nav-main ul {
/*
height: 100%;
margin: 0;
padding: 0 0 0 10px;
*/
	height: 100%;
	margin: 0;
	/*padding: 0 0 0 10px;*/
}

#nav-main li {
/*
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
background: url(images/back_navmainitems2.gif) no-repeat top right;
*/
	list-style-type: none;
	float: left;
	width: auto;
	margin: 7px 5px 0 5px;
}

#nav-main a:link, #nav-main a:visited {
/*
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 2px 12px;
background: url(images/back_navmainitems.gif) no-repeat top left;
*/
	display: block;
	font-weight: bold;
	text-decoration: none;
	/*padding: 1px 10px 2px 12px;*/
}

#nav-main a:hover, #nav-main a:visited:hover {
/*
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 10px 1px 12px;
*/
	font-weight: bold;
	text-decoration: none;
	/*padding: 2px 10px 1px 12px;*/
}
/*
.current {
margin-top: 4px;
background-image: url(images/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(images/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}
*/
.current {
	margin-top: 4px;
	background-image: url(images/back_current2.gif)!important;
}
.current a:link, .current a:visited {
	color: #72553c !important;
	background-image: url(images/back_current1.gif) !important;
}
.current a:hover, .current a:visited:hover {
	color: #72553c !important;
}

/* sub nav */

#nav-section {
	clear: both;
	background:url(images/navbg.gif) repeat-x;
	/*background-color:#e08838;*/
	height: 25px;
	padding: 5px 5px 5px 5px;
	/*margin-top:1px;*/
}
#nav-section ul {
	margin: 0;
	/*padding: 5px 10px 0 0;*/
}
#nav-section li {
	list-style-type: none;
	float: right;
	padding-left: 10px;
}
#nav-section a:link, #nav-section a:visited {
	font-weight: bold;
	text-decoration: none;
}
#nav-section a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#nav-section a:hover, #nav-section a:visited:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#bottom-nav ul {
	margin: 0;
	padding: 10px 10px 0 0;
}
#bottom-nav li {
	list-style-type: none;
	float: right;
	margin: 0px 4px 0 4px;
	padding-left: 12px;
}
.forward {
	background-image: url(images/bullet_on.gif);
	background-position: bottom right;
}
#nav-section a:link, #nav-section a:visited {
	text-decoration: none;
}
.youarehere a:link, .youarehere a:visited {
	font-weight: bold;
}
.youarehere {
	background-image: url(images/bullet_on.gif)!important;
	font-weight: bold;
}

/*supplemental nav */

#nav-supp ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
#nav-supp {
	margin: 5px;
	position: relative;
	height: auto;
}
#nav-supp li {
	background-image: url(images/bullet_link.gif);
	background-repeat: no-repeat;
	background-position: 5px left;
	padding: 0 0 0 0px;
	margin: 5px 0 2px 5px;
}

/* footer */
#info-site {
	clear: both;
	text-align: center;
	margin: 0;
	/*background-color:#f8e3d1;*/
	padding: 0px 0 20px 0;
	background: url(images/one_bgR3C1.gif) no-repeat;
	background-position:bottom;
}

#info-company {
	padding: 5px;
	margin: 0px 16px 0px 10px!important;
}
#info-company a, #info-company a:visited {
	visibility:hidden;
}
#info-company a:hover, #info-company a:visited:hover {
	/*color: #FFFFFF;*/
}
#info-standards {
	font-size: 10px;
	padding: 0;
	margin: 5px !important;
}

/*#content .propertyListing
{
	background-image:url(images/back_content_a.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 135px;
	position: relative;
	width: 460px;
	float: none;
}*/

#content .propertyListing {
	height: auto;
	position: relative;
	width: auto;
	float: left;
	padding-right: 5px;
	padding-bottom:10px;
	background-image:url(images/dottedLine.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:visible;
}
#content .image {
	width: 120px;
	/*padding:8px 8px 0 8px;*/
	height: 113px;
	overflow: hidden;
	float: left;
	/*margin-top:10px;*/
	/*margin-bottom:10px;*/
	margin-right:10px;
	border: #e08838 thick solid;
}
#content .button {
	width: 80px;
	height: 20px;
	float:right;
	padding: 2px 2px 2px 2px;
	font-size: 9px;
}
#content .propertyname {
	width: 215px;
	height: auto;
	text-align: left;
	position:relative;
	float: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#442b15;
	font-weight:normal;
	margin-top:5px;
	/*padding: 5px 0 0 10px;*/
}
#content .propertylocation {
	width: 180px;
	margin-top:7px;
	text-align: right;
	position: relative;
	float: right;
	height: 20px;
	overflow: hidden;
}
.propertydescription {
	width: 330px;
	height: auto;
	text-align: left;
	position: relative;
	float: left;
	overflow: visible;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#442b15;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
}
#content .price {
	position: relative;
	float: right;
	width: 90px;
	height: 60px;
	text-align: right;
	overflow: hidden;
	padding-right: 5px;
}
#content .facilities {
	float: left;
	height: auto;
	position: relative;
	padding: 2px 2px 2px 2px;
}
#content .table {
	position: relative;
	width: 540px;
	float: left;
	left: 1px;
	height: auto;
	margin-top:10px;
}
#content .table .roomrates .text {
	vertical-align:top;
}
#content .textheading {
}

.paddme {
	padding: 7px 0 0 5px;
}

.button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
}
.bookingList {
	font-size:10px;
	font-weight:normal;
	/*color: #666666;*/
}
td.bookingList {
	font-size:10px;
	font-weight:normal;
	/*color: #666666;
	padding-right:10px;*/
}
.bookingListTotal {
	/*color: #3194B5;*/
}
#dept {
	display: inline;
}
#popup {
	background-color:#FFFFFF;
	width:auto;
	height:auto;
	position: relative;
	float:left;
	padding: 0;
	margin: auto 0 auto 0;
}
#popup .ratestable {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	position: relative;
	float:left;
	margin: 5px 5px 5px 5px;
}
.help {
	position:relative;
}
.obvious {
	font-weight: bold;
	color: #FF0000;
}
img {
	border:none;
}
.detailsTable {
}
.confirmResTable {
}
