body { margin:31px 0 20px 0; background:url(../../images/bg-body.jpg);}

a:link{color:#0e416e;text-decoration:none; font-weight:bold;}
a:visited{color:#0e416e;text-decoration:none; font-weight:bold;}
a:active{color:#0e416e; text-decoration:none; font-weight:bold;}
a:hover{color:#605e5d; text-decoration:none; font-weight:bold;}


.wrapper{ width:976px; margin:auto;  height:auto;}

p{ margin:0px; padding:0 0 10px 0;}

.bodytext{ font-family:Tahoma; font-size:13px; color:#575757; text-align:justify; line-height:22px; vertical-align:top;}

.bodytext a:link{color:#0e416e;text-decoration:none; font-weight:bold;}
.bodytext a:visited{color:#0e416e;text-decoration:none; font-weight:bold;}
.bodytext a:active{color:#0e416e; text-decoration:none; font-weight:bold;}
.bodytext a:hover{color:#605e5d; text-decoration:none; font-weight:bold;}

#header_outer{ width:976px; float:left; height:100px;}
#header_outer .logo { width:219px; height:100px; float:left; margin:0 0 0 8px;}
#header_outer .header_addouter { width:741px; height:100px; float:left; margin:0 8px 0 0;}
#header_outer .header_addouter .hotelname_outer { width:350px; height:100px; float:right; text-align:right;}
#header_outer .header_addouter .hotelname_outer .name {width:350px; height:auto; float:right; text-align:right; padding:0 0 12px 0;}
#header_outer .header_addouter .hotelname_outer .add {width:350px; height:auto; float:right; text-align:right;font-family:Impact; font-size:16px; color:#000; font-weight:normal;}
#header_outer .header_addouter .hotelname_outer .add span {color:#0e416e;}


#topnav_outer { width:974px; height:60px; float:left; padding-left:1px;}
#topnav_outer .leftcor {width:15px; height:60px; float:left; background:url(../../images/topnav_leftcor.png) no-repeat; }
#topnav_outer .middle {width:944px; height:60px; float:left; background:url(../../images/topnav_middle.png) repeat-x;}
#topnav_outer .rightcor {width:15px; height:60px; float:left; background:url(../../images/topnav_rightcor.png) no-repeat;}
#body_area { width:976px; height:auto; float:left; background:url(../../images/bg-page.png) repeat-y center top;}
#body_area .flashbook_area { width:960px; height:380px;  margin:auto;}
#body_area .flashbook_area .flash { width:649px; height:380px; float:left; background:none; text-align:left;}
#body_area .flashbook_area .booknow_area { width:300px; height:365px; float:left; background:url(../../images/bg-booknow.jpg) no-repeat; padding:10px 0 5px 11px; overflow:hidden;}
#body_area .flashbook_area .booknow_area .booknow { width:259px; height:328px; margin:auto; float:left}
#body_area .flashbook_area .booknow_area .booknow .findroom { width:259px; height:auto; float:left;}
#body_area .flashbook_area .booknow_area .booknow .check_inout { width:259px; height:35; float:left;}


#body_area .flashbook_area .booknow_area .booknow .check_textbox { width:196px; height:27px; float:left; background:url(../../images/bg-textbox.jpg) no-repeat left top; padding:8px 0 0 8px;}
#body_area .flashbook_area .booknow_area .booknow .check_textbox .textbox { border:none; background:none; width:150px; height:16px; float:left; font-family:Tahoma; font-weight:bold; color:#838383; text-align:left;}
#body_area .flashbook_area .booknow_area .booknow .cal { width:43px; height:35; float:left; margin:0 0 0 10px;}

#body_area .flashbook_area .booknow_area .booknow .room_area {width:259px; height:100px; float:left;}
.rooms_guest {width:62px; height:auto; float:left; padding:0 0px 0 0;}

.rooms_guest1 .combobox {width:130px; height:auto;}
.Children {width:130px; height:auto; float:left;}
.Child_heading {width:100px; height:22px; float:left; padding:0 0 0 30px;}
.Age_heading {width:130px; height:20px; float:left; padding:0 0 0 10px;}
.Child_area {width:130px; height:auto; float:left;}
.rooms_guest2 {width:62px; height:auto; float:left; padding:0 3px 0 0;}

.combobox {width:65px; height:22px;}

#body_area .flashbook_area .booknow_area .booknow .room_area .rooms_guest .Children .combobox {width:55px; height:22px; background:url(../../images/combobox.jpg) no-repeat left top; padding:8px 0 0 4px;}
#body_area .flashbook_area .booknow_area .booknow .room_area .rooms_guest .Children .combobox .drop { border:none; background:none; width:50px; float:left; font-family:Tahoma; font-weight:bold; color:#838383; text-align:left;}
#body_area .flashbook_area .booknow_area .booknow .room_area .book_btn{width:259px; height:auto; float:left; text-align:left; padding:21px 0 0 0;}


.lowerbody_shadow { width:960px; margin:auto; background:#ffffff url(../../images/bottom-flash.jpg) no-repeat center top; }
.lowerbody {width:916px; margin:auto; padding:50px 0 0 0;}
.heading { width:100%; float:left; text-align:left;}
.body_area_text { width:916px; height:auto; float:left;}
.body_area_textinner { width:916px; height:auto; float:left; padding:0 0 15px 0;}
.body_area_textinner_amenities { width:916px; height:auto; float:left; padding:0 0 5px 0;}
.body_left { width:586px; height:auto; float:left; padding:0 22px 0 0;}
.body_right { width:308px; height:auto; float:left; text-align:left; padding:4px 0 0 0;}
.body_left_inner { width:220px; height:auto; float:left;}
.body_right_inner { width:674px; height:auto; float:left; text-align:left;  padding:0 0 0 22px; margin:0px;}
.body_right_inner .address { width:317px; float:left; padding:0 20px 0 0;}
.body_right_inner .part { width:317px; float:left; padding:0 20px 0 0;}

.contact_map_area { width:916px; height:auto; float:left;}


.getting_here { background:url(../../images/getting-here.jpg) no-repeat; float:left; width:308px; height:138px;}
.getting_here:hover { background-position:0 -138px;}
.getting_here span { display:none;}

.family_attraction { background:url(../../images/family_attraction.jpg) no-repeat; float:left; width:308px; height:138px;}
.family_attraction:hover { background-position:0 -138px;}
.family_attraction span { display:none;}

.weather { background:url(../../images/weather.jpg) no-repeat; float:left; width:308px; height:138px;}
.weather:hover { background-position:0 -138px;}
.weather span { display:none;}

.breakfast { background:url(../../images/breakfast.jpg) no-repeat; float:left; width:308px; height:138px;}
.breakfast:hover { background-position:0 -138px;}
.breakfast span { display:none;}

.body_bottom { width:974px; height:19px; text-align:center;clear:both;}

.footer_area { width:960px; height:179px; margin:auto; padding:15px 0 0 0; clear:both;}
.logo { width:211px; height:120px; float:left; margin:49px 15px 0 0;}
.footernav { width:389px; height:154px; float:left; background:url(../../images/bg-fotternav.jpg) no-repeat left top; padding:25px 0 0 30px;}
.footernav .areainner { width:350px; height:125px; float:left; }
.footernav .areainner .link { width:116px; height:125px; float:left; text-align:left; }
.footernav .areainner .link ul { list-style:none; margin:0px; padding:0px;}
.footernav .areainner .link ul li  { list-style:none; margin:0px; padding:0 0 10px 0;}
.footernav .areainner .link ul li a:link{color:#575757;text-decoration:none; font-weight:normal;}
.footernav .areainner .link ul li a:visited{color:#575757;text-decoration:none; font-weight:normal;}
.footernav .areainner .link ul li a:active{color:#575757; text-decoration:none; font-weight:normal;}
.footernav .areainner .link ul li a:hover{color:#093466; text-decoration:none; font-weight:normal;}


.newsletter { width:293px; height:154px; float:left; background:url(../../images/bg-newsletter.jpg) no-repeat left top; padding:25px 0 0 22px;}
.newsletter .areainner { width:275px; height:130px; float:left;}
.newsletter .areainner .newsletter { width:275px; height:auto; float:left; text-align:left; background:none;}
.newsletter .areainner .newstextboxarea { width:230px; height:36px; float:left; text-align:left; background:#ecebea;}
.newsletter .areainner .newstextbox { width:220px; float:left; text-align:left; color:#727272; border:none; background:none; padding:10px 0 0 10px;}
.newsletter .areainner .btn_arrow { widht:37px; height:36px; float:left;}

.emailweb_textbox {width:235px; height:27px; float:left; background:url(../../images/bg-textbox.jpg) no-repeat left top; padding:8px 50px 0 8px;}
.emailweb_textbox .textbox { border:none; background:none; width:150px; height:16px; float:left; font-family:Tahoma; font-weight:bold; color:#b1b1b1; text-align:left;}

.emailweb_commentbox {width:499px; height:170px; float:left; background:url(../../images/comment.jpg) no-repeat left top; padding:8px 50px 0 8px; clear:both}
.emailweb_commentbox .textbox { border:none; background:none; width:480px; height:150px; float:left; font-family:Tahoma; font-weight:bold; font-size:13px; color:#b1b1b1; text-align:left;}
.btn_sumbit { width:100px; height:auto; float:left; clear:both; padding:22px 0 17px 0; }



ul#topnav {
	margin:15px 0 0 10px; padding: 0;
	list-style: none;
	float: left;
	width:944px;
}
ul#topnav li {
	float: left;
	margin:0px; padding:0 23px 0 0;
}

/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height:36px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}

/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -36px;
}

/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background-image:url(../../images/home.jpg);
	width:72px;
}

ul#topnav li.room a {
	background-image:url(../../images/rooms.jpg);
	width:82px;
}

ul#topnav li.amenities a {
	background-image:url(../../images/amenities.jpg);
	width:104px;
}

ul#topnav li.meetings a {
	background-image:url(../../images/meetings.jpg);
	width:100px;
}

ul#topnav li.attractions a {
	background-image:url(../../images/attractions.jpg);
	width:122px;
}

ul#topnav li.blog a {
	background-image:url(../../images/blog.jpg);
	width:67px;
}

ul#topnav li.location a {
	background-image:url(../../images/location.jpg);
	width:96px;
}

ul#topnav li.contact a {
	background-image:url(../../images/contactus.jpg);
	width:113px;
}
ul#topnav li.packages a {
	background-image:url(../../images/packages.jpg);
	width:100px;
}

#home li.home a, 
#room li.room a, 
#amenities li.amenities a, 
#meetings li.meetings a, 
#attractions  li.attractions  a, 
#blog li.blog a, 
#location li.location a, 
#contact li.contact a
{
	background-position: left bottom;
}

.hint .hint-pointer
{
	position: absolute;
	left: -16px;
	top: 0px;
	width: 16px;
	height: 14px;
	background: url(../../images/pointer.gif) left top no-repeat;
} 


.hint
{
	display: none;
	position: absolute;
	margin-top: -4px;
	border: 1px solid #1275BF;				    
	padding: 5px 5px;
	margin-left: 10px;
	z-index: 100;
	background: #D7D7C4 url(../../images/pointer.gif) no-repeat -16px 0px;
	font-family: arial;
	font-size: 12px;
	vertical-align: middle;
	height: 19px;
	color:#7E7A75;
}

.book_dropdown_area { width:197px; height:28px; float:left; padding:0 0 6px 0; }
.book_dropdown { width:62px; height:33px; float:left; background:url(../../images/dropdown.jpg) no-repeat left top;}


.body_area_room { width:603px; height:auto; float:left; padding:0 22px 0 0px;  border:solid 0px red;}
.body_area_textinner_room { width:603px; height:auto; float:left; padding:0 0 15px 0;}
.body_right_room { width:346px; height:auto; float:left; text-align:left;  padding:0 15px 0 22px; margin:0px; }
.body_right_strip { width:291px; height:auto; float:left; padding:0px; margin:0px;}
.ulaminities { list-style:none; margin:0px; padding:0px;}
.liulaminities { background:url(http://www.travelodgenanaimo.com/images/room_strip_bg.jpg) no-repeat; width:283px; padding:12px 0 12px 8px; font-family:Tahoma; font-size:13px; color:#6d6e66; text-align:left; margin:0px;}
.liulaminities_blank {width:283px; font-family:Tahoma; font-size:13px; color:#808080; text-align:left; padding:11px 0 11px 8px; }




.Date_text{Font-Family:Arial;color:#ffffff;text-decoration:none;font-size:12px;text-align:left; font-weight:bold; line-height:20px;}
.Date_text1	{font-family:Arial; font-weight:normal; font-size:12px; text-align:left; vertical-align:top; color:#737373; line-height:25px; padding:0px 0 0 0px;}




/* Social Icon Css **************************************************************************************************************** */

.bg_footer_socialicon { width:100%; height:73px; background:url(../../images/bg-footer-socialicon.png) repeat-x;}
.area {width:976px; height:73px; margin:auto;}
.iconarea {width:160px; height:70px; float:left; padding:3px 0 0 0;}
.icon { width:73px; height:73px; float:left; margin:-3px 7px 0 0;}
.footertagline {width:806px; height:61px; float:right; padding:18px 10px 0 0; text-align:right;}

.dh_text { color: #0e416e; font-family:Arial; font-size: 10pt; font-weight:normal;}
.dh_text a:link{color:#0e416e;text-decoration:none; font-weight:bold;}
.dh_text a:visited{color:#0e416e;text-decoration:none; font-weight:bold;}
.dh_text a:active{color:#0e416e; text-decoration:none; font-weight:bold;}
.dh_text a:hover{color:#000000; text-decoration:none; font-weight:bold;}

/* Social Icon Css **************************************************************************************************************** */