body { margin: 0; padding: 0; background: url(../images/bg.jpg) top left repeat; text-align: center; }
a:hover { text-decoration: underline; }
a img { border: none; }
#wrap, #hdr, #logo, ul#nav, #hdr form, #hdr div#img, #main, .save, .save em, .save span, #signup, #signup .txt, a.arrow, a.arrow em, .rates, #left h2, .rates ul li, .rates ul li b, #swap a, #right ul li { display: block; }
#wrap, #hdr { width: 859px; position: relative; }
#wrap { background: url(../images/main-top.jpg) top left no-repeat; margin: 8px auto; text-align: left; }
#hdr { height: 232px; overflow: visible; }
#logo, #hdr .fix a { width: 198px; height: 110px; background: url(../images/logo.jpg) top left no-repeat; text-indent: -1000em; position: absolute; left: 58px; top: 24px; }

#call, #hdr .fix span { position: absolute; right: 47px; top: 60px; font-size: 18px; line-height: 139%; font-style:italic; z-index: 100; }
#call strong, #hdr .fix span strong { font-weight: normal; }

ul#nav { width: 530px; height: 25px; background: url(../images/nav.jpg) top left no-repeat; position: absolute; top: 102px; left: 287px; margin: 0; padding: 24px 0 0 38px; }
ul#nav, ul#nav li { list-style: none; float: left; font: 11px/113% Arial, Helvetica, sans-serif; }
ul#nav li a { color: #a3a3a3; margin: 0 11px; text-decoration: none }
ul#nav li em a, ul#nav li a:hover { text-decoration: none; font-style: normal;}

#hdr form { background: url(../images/form-bg.jpg) top left no-repeat; width: 256px; height: 225px; position: absolute; top: 145px; left: 17px; font: 11px/113% Arial, Helvetica, sans-serif; color: #60331e; padding: 72px 0 0 36px; }

#hdr #img { position: absolute; top: 151px; left:309px; width: 531px; height: 291px; background: #ccc url(../images/bb/rooms.jpg) top left no-repeat; }
#hdr #img h2 { position: absolute; margin: 0; padding: 0; font-size: 24px; line-height:115%; color: #fff; font-weight: normal; font-style:italic; top: 24px; left: 34px; }
#hdr #img h2.home { top: 84px; left: 26px; font-size: 28px; }
#hdr #img h2.deals { font-size: 12px; line-height: 160%; font-style: normal; top: 98px; left: 54px; }
#hdr #img h2.deals em { font-size: 42px; line-height: 112%; position: relative; top: -27px; left: -20px;  }
#hdr #img h2.deals span { font: 22px/115% Arial, Helvetica, sans-serif; display: block; padding-bottom: 5px; }

#main { width: 859px; padding: 238px 0 0; background: #fff url(../images/main-mid.jpg) top left repeat-y; float: left; font-size: 11px; line-height:130%; }
#main #right, #main #left { display: inline; float: left; width: 284px; margin: 0 18px 0 20px; }
#main #right { width: 456px; }
#right h1, #right h3 { font: normal 19px/120% Arial, Helvetica, sans-serif; margin-top: 10px;  }

#right h1 span { color:#009900;}
#right h2 {font-size: 11px; line-height:120%; font-weight:bold;}
#right .h2box{font-size: 11px; line-height:120%; font-weight:bold;}
#right .h2box h2 {font-size: 11px; line-height:120%; font-weight:bold; display:inline}
* html #right .h2box h2{ margin-right:4px}
*:first-child+html #right .h2box h2{ margin-right:4px}
#right h3 { font-size: 16px; line-height:120% }
#right p { font-size: 12px; line-height:160%; }
.save { width: 238px; height: 113px; padding: 39px 23px 0; background: url(../images/save-img.jpg) top left no-repeat; font: 15px/120% Arial, Helvetica, sans-serif; color: #333; clear: left; text-decoration: none; }
.save em { margin: 0; padding: 0; font-size: 21px; line-height:112%; font-style: italic; font-weight: normal; color:#339933; }
.save span { font-size: 12px; color: #666; line-height: 24px; }

#signup { width: 258px; height: 41px; background: url(../images/special-signup.jpg) top left no-repeat; padding: 36px 0 0 20px; margin:0px; clear: left;  }
#signup .txt { width: 172px; float: left; margin: 4px 0 0; font-size: 11px; line-height: 130%; }
#left .info { margin: 3px 0 0 37px; color: #4f4f4e; }
#left .info b { font-weight: normal; }
a.arrow { width: 232px; height: 56px; font: 17px/112% Arial, Helvetica, sans-serif; padding: 0 0 0 21px; background: url(../images/arrow.gif) no-repeat; background-position: 3px 16px; border-bottom: 1px solid #dfdfdf; text-decoration: none; font-weight: bold; margin: 3px 0 0 18px; }
a.arrow:hover { text-decoration: underline; }
a.arrow em { margin-left: 15px; font-size: 15px; line-height:21px; color: #666; font-style: italic; font-weight: bold;}

.rates { width:284px; background: url(../images/rates-top.jpg) top left no-repeat; position: relative; padding: 0; float: left; margin-bottom: 14px; }
#left h2 { width: 236px; margin: 0; padding: 10px 0 0 35px; font: italic normal 18px/112% Georgia, "Times New Roman", Times, serif; }
#left .rates h2 { color: #fff; font-size: 21px; line-height:112%; padding: 14px 24px 0; }
.rates ul { display: inline; margin: 13px 0 0; width: 262px; padding: 0 0 33px 21px; list-style: none; float: left; background: url(../images/rates-end2.jpg) bottom left no-repeat;  }
.rates.big ul { padding-bottom: 25px; background-image: url(../images/rates-end.jpg); }
.rates ul li { width: 223px; border-bottom: 1px solid #a06c61; padding: 6px 0 6px 12px; float: left; font: 12px/13px Arial, Helvetica, sans-serif; color: #fff; }
.rates.big ul li { color: #f0be58; font-weight: bold; padding: 5px 12px; }
.rates ul li.last { border-bottom: none; }
.rates ul li b { float: left; width: 161px; color: #f0be58; }

#swap { padding: 0 0 0 143px; position: relative; margin: 0; }
#swap a { font-size: 11px; line-height:170%; text-decoration: none; padding-left: 21px; background: #fff url(../images/dot.gif) no-repeat; background-position: 6px 8px; cursor: default; width: 225px; }
#swap a#swapon, #swap a:hover { background-color: #fceed3; }
#swap #swapimg { position: absolute; top: 0; left: 0; -left: -143px; }
#swap br { display: none; }

#right p.details, #right table.details { font-size: 11px; line-height: 160%; color: #616161; width: 450px }
#right ul { margin: 0; padding: 0; list-style: none; line-height: 170%; }
#right ul li { padding-left: 14px; background: url(../images/dot.gif) no-repeat; background-position: 7px 8px;}

table.promos { font-size: 12px; line-height: 16px; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
table.promos td { padding: 7px 15px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
table.promos tr.hdr td { padding: 4px 15px; background: url(../images/promohdr.gif) top left repeat-x; color: #fff; border: none; font-family:Arial, Helvetica, sans-serif; }

.sty
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px
}
.styl{
background:url(../images/promohdr.gif); height:20px;
background-repeat:repeat-x;
padding-left:9px;
padding-top:4px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px
}
.hdr
{
padding-left:9px;padding-top:9px;padding-bottom:4px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px
}
.hdr1
{
padding-left:9px;padding-top:9px;height:30px; border-left:solid; border-left-color:#e2e2e2; border-width:1px;border-right:solid; border-right-color:#e2e2e2; border-width:1px
}
.hdr2{
padding-left:9px;padding-top:9px;height:30px;border:solid; border-color:#e2e2e2; border-width:1px
}
.hdr3
{
padding-left:9px;padding-top:9px;padding-bottom:4px;height:30px; border:solid; border-color:#e2e2e2;border-width:1px; border-top:none
}
.hdr4
{
padding-left:9px;padding-top:9px;padding-bottom:4px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px;border-left:none
}
.hdr5
{
padding-left:9px;padding-top:9px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-left:none; border-top:none
}
.hdr6
{
padding-left:9px;padding-top:9px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-top:none; border-left:none
}
.hdr7
{
padding-left:9px;padding-top:9px;padding-bottom:4px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-top:none; border-left:none
}
.hdr8
{
padding-left:9px;padding-top:9px;padding-bottom:4px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px;border-left:none
}
.hdr9
{
padding-left:9px;padding-top:9px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-top:none; border-left:none
}
.hdr10
{
padding-left:9px;padding-top:9px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-top:none; border-left:none
}
.hdr11
{
padding-bottom:4px;padding-left:9px;padding-top:9px;height:30px; border:solid; border-color:#e2e2e2; border-width:1px; border-top:none; border-left:none
}


#ftr { font-size: 11px; line-height:130%; width: 763px; text-align: center; padding: 10px 48px; }
#ftr, #ftr a { color: #d8ac9c; text-decoration: none; }

#call, #hdr div#img h2, #main, #signup .txt, a.arrow em, .save em, #swap a, #ftr, #hdr .fix span { font-family: Georgia, "Times New Roman", Times, serif; }

a, ul#nav li em a, ul#nav li a:hover, #hdr #img h2.deals { color: #7c2c1e; }
#call, #hdr div#img h2 span, #right h1, #right h3, #right ul, #hdr #img h2.deals span, #hdr .fix span { color: #4b4b4b; }
#right p, #swap a { color: #2e2e2e; }
#call strong, #right h3 b, #left .info b, a.arrow, #swap a#swapon, #swap a:hover, #hdr .fix span strong { color:#339933; }

#greenhotel { width: 201px; height: 34px; background: url(../images/green-hotel.gif) top left no-repeat; text-indent: -1100em; position: absolute; right: 58px; top: 20px; }






#calendar { width:95%; margin:0px auto;}

#calendar ul {margin:0px; padding:0px;}

#calendar ul li{margin-left:5px; padding:3px 0px; list-style:none;}

#calendar #bar{ background-color:#006600; padding-top:5px; line-height:42px;}

#calendar #prev { float:left; padding-left:5px; padding-right:5px; color:#FFFFFF;}

#calendar #prev a {color:#FFFFFF; text-decoration:none; font-size:14px;}

#calendar #next{ float:right; padding-left:5px; padding-right:5px; color:#FFFFFF;}

#calendar #next a {color:#FFFFFF; text-decoration:none; font-size:14px;}

.calendarheader {font-size:18px; color:#ffffff;}

.weekdaybar {background-color:#FFCC00; font-size:12px; color:#996600; line-height:25px; font-weight:bold;}

.holibar {background-color:#f99e00; color:#996600;}

.normaldays {height:100px;}

.days {margin:2px 0px 0px 3px; font-size:16px;}

.calendarToday {
	border:2px solid #ffcc66;
}

#calendar h1 { font-size:18px; color:#000000; padding:0px; margin:0px 0px 0px 0px;}

#calendar h2 { font: normal 19px/120% Arial, Helvetica, sans-serif; margin-top: 10px; color: #4b4b4b;}



#rightcalendar ul li {display: block;}

#rightcalendar {display: inline; float: left; width: 490px; margin: 0 18px 0 20px;}
#rightcalendar h1{font: normal 19px/120% Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; color:#000000;}
#rightcalendar ul { margin: 0; padding: 0; list-style: none; line-height: 170%; }
#rightcalendar ul li { padding-left: 14px; background: url(../images/dot.gif) no-repeat; background-position: 7px 8px;}

#leftcalendar {height: 35px; background: url(../images/activities.gif) top left no-repeat; padding: 36px 0 0 25px; margin: 1px 3px;}

#leftcalendar2 {height: 35px; background: url(../images/activities.gif) top left no-repeat; padding: 36px 0 0 25px; margin: 1px 3px; width:260px; float:left;}

#leftcalendar3 {height: 40px; background:url(../images/activities.gif) top left no-repeat; padding: 36px 0 0 25px; margin-top:10px; margin-bottom:10px; width:255px;}

.textarea2 {width:90px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; height:20px; float:left; margin-right:4px;}

.date {font-size:12px; color:#000000; font-weight:bold; text-align:right;}

p#vtip { 
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; z-index: 9999
}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/*#share { background-image:url(../images/tab.jpg);
         background-repeat:no-repeat;
   height:61px;
   width:277px;
   margin-top:15px;
   padding-left:5px;
}*/


#share {
	position:absolute;
	z-index:5000;
	top:440px;
	left:730px;
	width:100px;
	padding-left:5px;
}

#icons{ margin-top:5px;
       margin-left:4px; 
        float:left:
}

/*#icons{ margin-top:15px;
       margin-left:4px; 
        float:left:
}*/

#sharebutton {
 background-image:url(../images/share.gif);
 background-repeat:no-repeat;
 height:16px;
 width:83px;
 float:right;
 margin-top:32px;
 margin-right:15px;
}

#knightsinn {width: 32px; height: 32px; background: url(../images/knightsinn.gif) top left no-repeat; text-indent: -1110em; position: absolute; right: 265px; top: 20px;}


#banner_title {
	width: 500px;
	position: absolute;
	z-index: 1000;
	background: url(../images/banner_title_bg1.png) right top repeat-y;
	left: 2px;
	top: 200px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	color: #ffffff;
	padding: 10px;
}