html,body { margin:0; padding:0; height:100%; background:#FFF url('/images/nobh_background.jpg') repeat-y center top; font-family:georgia; }

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	min-height:500px;
	background-color:transparent;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

img { border-style: none; }

/* Header */
#header { height:250px; background:#0E1A22 url('/images/nobh_hdr_top.jpg') no-repeat center top; }
#header #hdrLogo { padding:0px; margin:65px 0 0 30px; width:350px; height:76px; float:left; display:inline; }
#header #hdrMiddle { float:left;display:inline;width:300px;height:100px;margin:35px 0 0 50px;}
#header #hdrIntro { float:left;display:inline;margin:10px 0 0 0;height:60px;width:296px;font-size:12px;background-color:transparent;color:#ccc;line-height:16px; font-style:italic; }
#header #hdrVideo { float:left;display:inline;margin:0 0 0 100px;}
#hdrSignup input {margin:5px 0;}
#header #hdrSignup {float:left;display:inline;width:200px;margin:70px 0 0 20px;}
#header #menu { position:absolute; padding:0px; margin:14px 0px 0px 0px; width:100%; height:60px; background-color:#FFFFFF; }
#header #menu .divider { width:3px; height:60px; background-image:url('/images/nobh_menu_divider.gif'); }
#header #menu ul, #header #menu li { display:inline-block; float:left; margin:0px; padding:0px; list-style-type:none; }

#header a:link { font-size:11px; font-weight:bold; text-decoration:underline; color:#d4c9b1; }
#header a:visited { text-decoration:none; color:#d4c9b1; text-decoration:underline; }
#header a:hover { text-decoration:underline; color:#FFFFFF; }

#logo img {width:350px; height:76px;}
#video img {width:72px; height:76px;}
#menu-about {width:127px; height:60px;}
#menu-meetings {width:187px; height:60px;}
#menu-calendar {width:196px; height:60px;}
#menu-location {width:173px; height:60px;}
#menu-package {width:107px; height:60px;}
#menu-news {width:76px; height:60px;}
#menu-home {width:96px; height:60px;}

.nosmoking {display:block;width:100%;height:100px;}
.nosmoking img {float:left;display:inline;}
.nosmoking p {float:left;display:inline;width:600px;height:20px;margin:25px 0 0 10px !important;}
	
#content			{ width:980px; background-color:#0E1A22; margin:0px 0px 0px 0px; padding:0px 0px 260px; /* bottom padding for footer */ font-family:georgia; }
#content #mainImage	{ position:relative; height:270px; width:100%; background-image:url('/images/nobh_mainImage.jpg'); }
#content #submenu	{ position:relative; height:180px; width:100%; background-image:url('/images/nobh_subMenu_bg_2.jpg'); }

#content #submenu #sub1			{ width:245px; height:180px; float:left; display:inline; text-align:center; font-size:12px; }
#content #submenu #sub1 .title	{ margin:19px 0px 0px 0px; }
#content #submenu #sub1 .subCon	{ margin:0px; padding:8px 0 0 0; background-color:transparent; font-family:"lucida grande", verdana; }
#content #submenu #sub1 .month	{ width:55px; margin:0px 0px 5px 3px; font-size:10px; }
#content #submenu #sub1 .day	{ width:45px; margin:0px 0px 0px 3px; font-size:10px; }
#content #submenu #sub1 .year	{ width:60px; margin:0px 0px 5px 3px; font-size:10px; }
#content #submenu #sub1 .nights	{ width:45px; margin:0px 0px 0px 0px; font-size:10px; }
#content #submenu #sub1 .rooms	{ width:45px; margin:0px 0px 0px 0px; font-size:10px; }
#content #submenu #sub1 .small	{ font-size:10px; font-family:"Lucida Grande", Verdana; }
#content #submenu #sub1 .button	{ margin:5px 0 0 0; }

#content #submenu #sub2			{ width:245px; height:180px; float:left; display:inline; text-align:center; }
#content #submenu #sub2 .title	{ margin:0px 0px 0px 0px; }
#content #submenu #sub2 .subCon	{ margin:-8px 0 0 0; padding:10px; background-color:transparent; font-size:11px; line-height:14px; }

#content #submenu #sub3			{ width:490px; height:180px; float:left; display:inline; text-align:center; }
#content #submenu #sub3 .title 	{ margin:19px 0px 0px 0px; }
#content #submenu #sub3 .subCon	{ margin:0px; padding:15px; background-color:transparent; font-size:12px; line-height:15px; text-align:left; }
#content #submenu #sub3 h1		{ padding:0px; margin:0 0 5px 0; font-size:14px; font-weight:normal; font-style:italic; }
#content #submenu #sub3 a:link		{ font-size:11px; font-weight:bold; text-decoration:underline; color:#000000; }
#content #submenu #sub3 a:visited	{ text-decoration:none; color:#000000; text-decoration:underline; }
#content #submenu #sub3 a:hover		{ text-decoration:underline; color:#000000; }

#resMenu {
	height:40px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
	border-top:2px solid #a7a195;
}
#resMenu strong{
	color:#d5ccc3;
	font-weight:lighter;
	font-size:18px;
	margin-right:25px;
}
#resMenu span{
	padding-right:15px;
}

#content #submenu #sub1b			{ width:368px; height:180px; float:left; display:inline; text-align:center; font-size:12px; }
#content #submenu #sub1b .title	{ margin:19px 0px 0px 0px; }
#content #submenu #sub1b .subCon	{ margin:0px; padding:8px 0 0 0; background-color:transparent; font-family:"lucida grande", verdana; }
#content #submenu #sub1b .month	{ width:55px; margin:0px 0px 5px 3px; font-size:10px; }
#content #submenu #sub1b .day	{ width:45px; margin:0px 0px 0px 3px; font-size:10px; }
#content #submenu #sub1b .year	{ width:60px; margin:0px 0px 5px 3px; font-size:10px; }
#content #submenu #sub1b .nights	{ width:45px; margin:0px 0px 0px 0px; font-size:10px; }
#content #submenu #sub1b .rooms	{ width:45px; margin:0px 0px 0px 0px; font-size:10px; }
#content #submenu #sub1b .small	{ font-size:10px; font-family:"Lucida Grande", Verdana; }
#content #submenu #sub1b .button	{ margin:5px 0 0 0; }
#content #submenu #sub1b a:link		{ font-size:11px; font-weight:bold; text-decoration:underline; color:#000000; }
#content #submenu #sub1b a:visited	{ text-decoration:none; color:#000000; text-decoration:underline; }
#content #submenu #sub1b a:hover		{ text-decoration:underline; color:#000000; }

#content #submenu #sub2b			{ width:245px; height:180px; float:left; display:inline; text-align:center; }
#content #submenu #sub2b .title	{ margin:0px 0px 0px 0px; }
#content #submenu #sub2b .subCon	{ margin:-8px 0 0 0; padding:10px; background-color:transparent; font-size:11px; line-height:14px; }

#content #submenu #sub3b			{ width:367px; height:180px; float:left; display:inline; text-align:center; }
#content #submenu #sub3b .title 	{ margin:19px 0px 0px 0px; }
#content #submenu #sub3b .subCon	{ margin:0px; padding:15px; background-color:transparent; font-size:12px; line-height:15px; text-align:left; }
#content #submenu #sub3b h1		{ padding:0px; margin:0 0 5px 0; font-size:14px; font-weight:normal; font-style:italic; }
#content #submenu #sub3b a:link		{ font-size:11px; font-weight:bold; text-decoration:underline; color:#000000; }
#content #submenu #sub3b a:visited	{ text-decoration:none; color:#000000; text-decoration:underline; }
#content #submenu #sub3b a:hover		{ text-decoration:underline; color:#000000; }



#content #hotels h1				{ margin:0px 0px 10px 0px; padding:0px; font-size:20px; font-weight:normal; font-style:normal; }
#content #hotels h1	a:link		{ font-size:20px; font-weight:normal; font-style:normal; text-decoration:none; }
#content #hotels h1	a:visited	{ font-size:20px; font-weight:normal; font-style:normal; text-decoration:none; }
#content #hotels h1	a:hover		{ font-size:20px; font-weight:normal; font-style:normal; text-decoration:underline; }
#content #hotels h2		{ margin:0px 0px 10px 0px; padding:0px; font-size:12px; font-weight:normal; font-style:italic; line-height:16px; }
#content #hotels .cont	{ width:260px; min-height:200px; background-color:transparent; margin:0px 0px 20px 20px; font-size:14px; line-height:18px; }
#content #hotels .link	{ width:100%; text-align:center; margin:8px 0px 0px 0px; }
#content #hotels .cntr	{ width:100%; text-align:center; }

#content #hotels a:link		{ font-size:12px; font-weight:bold; text-decoration:none; color:#000000; }
#content #hotels a:visited	{ text-decoration:none; color:#000000; }
#content #hotels a:hover	{ text-decoration:underline; color:#000000; }

#content #hotel1		{ padding:0px; margin:20px 0px 0px 20px; width:300px; min-height:620px; float:left; display:inline; background:#f0e8d9 url('/images/nobh_hotels_queenAndCrescent.jpg') no-repeat; }
#content #hotel1 .pic	{ margin:99px 0px 15px 15px; width:270px; height:150px; background-image:url('/images/nobh_hotels_queenAndCrescent_pic.png'); }

#content #hotel2		{ padding:0px; margin:20px 0px 0px 20px; width:300px; min-height:620px; float:left; display:inline; background:#f0e8d9 url('/images/nobh_hotels_ambassador.jpg') no-repeat; }
#content #hotel2 .pic	{ margin:99px 0px 15px 15px; width:270px; height:150px; background-image:url('/images/nobh_hotels_ambassador_pic.png'); }

#content #hotel3		{ padding:0px; margin:20px 0px 0px 20px; width:300px; min-height:620px; float:left; display:inline; background:#f0e8d9 url('/images/nobh_hotels_stCharles.jpg') no-repeat; }
#content #hotel3 .pic	{ margin:99px 0px 15px 15px; width:270px; height:150px; background-image:url('/images/nobh_hotels_stCharles_pic.png'); }

#content #template		{ width:920px; min-height:200px; margin:20px 20px 0px 20px; padding:10px; background-color:#FFFFFF; }

#intContent			{ position:relative; width:940px; padding:30px 20px 8px 20px; background:#f7f5f1 url('/images/nobh_interior_divider.jpg') no-repeat center top; }
#intContent h1		{ margin:0 0 10px 0; font-weight:normal; font-size:26px; line-height:28px; }
#intContent ul		{ margin:10px 0px 15px 0px; padding:0px 0px 0px 20px; }
#intContent li		{ margin:0px; padding:0px; }
#intContent h2		{ margin:0 0 5px 0; font-weight:normal; font-size:20px; line-height:18px; }
#intContent p 		{ margin:10px 0px 18px 0px; }
#intContent h3		{ margin:-8px 0 10px 0; font-weight:normal; font-size:16px; font-style:italic; }

#intContent #intLeft 		{ width:620px; background-color:transparent; float:left; display:inline; margin:5px 0px -8px 0px; }			
#intContent #intLeft p		{ margin:0px 0px 18px 0px; padding:0px; }
#intContent #intLeft .col1	{ width:258px; background-color:#FFF; float:left; display:inline; text-align:center; border:1px solid #e6e6e6; padding:20px 20px 20px 20px; }
#intContent #intLeft .col2	{ width:258px; background-color:#FFF; float:left; display:inline; text-align:center; border:1px solid #e6e6e6; padding:20px 20px 20px 20px; margin:0px 0px 20px 20px; }
#intContent #intLeft h1 	{ margin:0 0 10px 0; font-weight:normal; font-size:18px; line-height:22px; }
#intContent #intLeft h2 	{ margin:-13px 0 10px 0; font-weight:normal; font-size:12px; line-height:22px; font-style:italic; }

#intContent #intRight 		{ width:258px; background-color:#f0e8d9; float:left; display:inline; margin:5px 0px 12px 20px; padding:20px 20px 2px 20px; border:1px solid #e6e6e6; }
#intContent #intRight h1 	{ margin:0 0 10px 0; font-weight:normal; font-size:18px; line-height:22px; }
#intContent #intRight h2 	{ margin:-13px 0 10px 0; font-weight:normal; font-size:12px; line-height:22px; font-style:italic; }
#intContent #intRight p		{ margin:0px 0px 18px 0px; padding:0px; font-size:14px; }

#intContent a:link		{ font-weight:normal; text-decoration:underline; color:#000000; }
#intContent a:visited	{ text-decoration:none; color:#000000; }
#intContent a:hover		{ text-decoration:underline; color:#000000; }

#intContent .video1		{ padding:0px; margin:20px 0px 0px 0px; width:300px; float:left; display:inline; }
#intContent .video2		{ padding:0px; margin:20px 0px 0px 20px; width:300px; float:left; display:inline; }
#intContent .video3		{ padding:0px; margin:20px 0px 0px 20px; width:300px; float:left; display:inline; }

#intContent .post h3 { margin:0px; }
#intContent .post h4 { margin:0px; padding:0px; }
#intContent .post hr { margin:20px 0px 20px 0px; border:0px; height:1px; background-color:#ccc; color:#ccc; }
#intContent .sidebar { width:270px; float:left; display:inline; padding:0px; margin:0px; background:#fefefd; padding:0px 10px 0px 10px; }
#intContent .blogContent {  }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.clear { clear:both; }

#footer {
	position:absolute;
	width:980px;
	min-height:120px;
	bottom:0;
	padding:20px 0px 0px 0px;
	text-align:center;
	font:11px/16px Georgia, serif; color:#666666;
	background:#FFF url('/images/nobh_background.jpg') repeat-y center top;
}

#footer .cntr 		{ width:140px; }
#footer .cntr img	{ float:left; }
#footer a:link		{ text-decoration:none; color:#000000; }
#footer a:visited		{ text-decoration:none; color:#000000; }
#footer a:hover		{ text-decoration:underline; color:#000000; }

.footer-facebook {width:24px; height:24px;}
.footer-youtube {width:26px; height:26px;}
.footer-shuttle {width:71px; height:24px;}