/*
Company:	Skokie
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #fff;
}
body {
	background: url(../images/bknd-body.gif);
	font-family: Georgia, Times, serif;
	padding: 0 0 40px 0;
}
/* @end */

hr {
border: 0;
color: #7d1a1b;
background-color: #7d1a1b;
margin-top:12px;
margin-bottom:22px;
height: 1px;
width: 100%;

}

/* @group Layout */
div#container {
	width: 1028px;
	margin: 0 auto;
}

div#content-container {
	background: url(../images/bknd-content-container.png) top left repeat-y;
	padding: 0 50px 1px 0;
}

div#content-container-bottom {
	background: url(../images/bknd-container-bottom.png) top left no-repeat;
	height: 25px;
	font-size: 0px;
}

/* Interior Page Content Container */
div#bd div.interior-page {
	padding: 0 61px 25px 0;
}

/* Head */
div#hd {
	position: relative;
	height: 77px;
}

/* Logo */
div.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 498px;
	height: 165px;
	background: url(../images/bknd-logo.png) top left no-repeat;
}

div.logo a:link, div.logo a:visited {
	display: block;
	width: 445px;
	height: 116px;
	text-indent: -9999px;
	background: url(../images/bknd-ie.gif);
	position: relative;
	z-index: 600;
}

/* Head Top Content */
div.hd-top-content {
	position: absolute;
	top: 0;
	right: 16px;
}

div.hd-contact-info p {font-size: 131%;}

/* Body */
div#bd {
	position: relative;
	z-index: 500;
}

/* Footer */
div#ft {padding: 24px 0 1px 55px;}

div#ft h3, div#ft .footerhdr  {
	font-size: 132%;
	font-weight: normal;
	margin: 0 0 12px 0;
}

div#ft a:link, div#ft a:visited {
	color: #000;
	text-decoration: none;
}

div#ft a:hover {text-decoration: underline;}

/* Footer Column One */
div.ft-col-one {
	width: 195px;
	float: left;
	margin: 0 30px 0 0;
}

div.ft-quick-planning-tools ul {
	margin: 0;
	padding: 0 0 10px 0;
}

div.ft-quick-planning-tools ul li {
	list-style: none;
	font-size: 93%;
}

div.ft-quick-planning-tools h3, div.ft-quick-planning-tools li {text-align: right;}

/* Footer Social Icons */
div.ft-social ul {
	margin: 0;
	float: right;
}

div.ft-social ul li {
	list-style: none;
	float: left;
	padding: 0 8px 0 0;
}

div.ft-social ul li.last {padding: 0;}

/* Footer Column Two */
div.ft-col-two {
	width: 690px;
	float: left;
	background: url(../images/logo-footer.png) top left no-repeat;
	height: 1%;
}

div.ft-col-two-inner {padding: 0 0 0 390px;}

div.ft-col-two p {
	font-size: 93%;
	margin: 0 0 1px 0;
}

div.ft-col-two p.ft-by {margin: 12px 0 0 0;}
/* @end */

/* @group Modules */

/* Home Header - Flash Area */
div.home-header {
	position: relative;
	width: 100%;
}

div.home-header div.flash-container {
	position: relative;
	z-index: -1;
	width: 100%;
}

div.home-header div.flash-container img {
	display: block;
	position: relative;
	z-index: -2;
	width: 100%;
}

/* Home Header Call Outs */
div.home-header-call-outs {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 610;
	padding: 0 0 10px 64px;
}

div.home-header-call-outs h2 {
	color: #a41e22;
	font-size: 131%;
	font-weight: normal;
	margin: 0 0 6px 0;
}

div.home-header-call-outs h2 a:link, div.home-header-call-outs h2 a:visited {
	color: #a41e22;
	text-decoration: none;
}

div.home-header-call-outs h2 a:hover {
	text-decoration: underline;
}

div.home-header-call-outs p {
	line-height: 1.5em;
	margin: 0;
}

div.home-header-call-out-one {
	width: 411px;
	float: left;
	margin: 0 70px 0 0;
	position: relative;
	z-index: 700;
}

div.home-header-call-out-two {
	width: 409px;
	float: left;
	position: relative;
	z-index: 710;
}

/* Page Top - Interior Pages */
div.page-top {
	height: 115px;
	font-size: 0px;
	background: url(../images/bknd-page-top.png) top left no-repeat;
}

/* Home Banner */
div.home-banner {
	position: relative;
	top: -5px;
	left: 0;
	height: 185px;
	background: url(../images/bknd-home-banner.png) top left no-repeat;
	padding: 0 30px 0 315px;
	margin: 0 0 -6px 0;
	z-index: 20;
}

div.home-banner h3 {
	padding: 25px 45px 7px 0;
	margin: 0;
	color: #a41e22;
	font-size: 131%;
	font-weight: normal;
}

div.home-banner ul {margin: 0;}

div.home-banner ul li {
	float: left;
	list-style: none;
	padding: 0 12px 0 0;
	margin: 0 12px 0 0;
	font-size: 93%;
	background: url(../images/bknd-home-banner-li.gif) center right no-repeat;
}

div.home-banner ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}

div.home-banner ul li a:link, div.home-banner ul li a:visited {color: #000;}

div.home-banner ul li a:hover {text-decoration: none;}

/* Page Banner */
div.page-banner {
	position: relative;
	top: -5px;
	left: 0;
	height: 111px;
	background: url(../images/bknd-page-banner.png) top left no-repeat;
	padding: 0 0 0 35px;
	margin: 0 0 -6px 0;
	z-index: 20;
}

div.page-banner h3 {
	margin: 0 0 5px 0;
	padding: 14px 0 0 0;
	font-weight: normal;
	color: #a41e22;
	font-size: 131%;
}

div.page-banner ul {margin: 0;}

div.page-banner ul li {
	float: left;
	list-style: none;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
	font-size: 93%;
	background: url(../images/bknd-home-banner-li.gif) center right no-repeat;
}

div.page-banner ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}

div.page-banner ul li a:link, div.page-banner ul li a:visited {color: #000;}

div.page-banner ul li a:hover {text-decoration: none;}

/* Home Main Column */
div.home-main {
	float: right;
	width: 509px;
	margin: 0 0 0 79px;
}

/* Interior Page Main Column */
div.main {
	float: right;
	width: 645px;
	margin: 0 0 0 46px;
}

/* Main Column Section - Used to Create Vertical Spacing - Borders */
div.main div.section {
	padding: 0 0 1.4em 0;
	margin: 0 0 1em 0;
	background: url(../images/bknd-main-section.jpg) bottom left no-repeat;
}
div.main div.gallery {
	padding: 0 0 1.4em 0;
	margin: 0 0 1em 0;
	
}
.galbtnleft {
	float:left;
	width:300px;
	margin-bottom:32px;
	margin-top:18px;
}
.galbtnright {
	float:right;
	width:300px;
	margin-bottom:32px;
	margin-top:18px;
}

/* Main Nav List - Horizontal Options */
div.main-nav-list ul {margin: 0;}

div.main-nav-list ul li {
	float: left;
	list-style: none;
	padding: 0 6px 0 0;
	margin: 0 5px 0 0;
	background: url(../images/bknd-home-banner-li.gif) center right no-repeat;
}

div.main-nav-list ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}

div.main-nav-list ul li a:link, div.main-nav-list ul li a:visited {
	color: #000;
	text-decoration: none;
}

div.main-nav-list ul li a:hover {text-decoration: underline;}

main-nav-list ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

main-nav-list ul {display: inline-block;}

/* Hides from IE-mac \*/
* html main-nav-list ul {height: 1%;}
main-nav-list ul {display: block;}
/* End hide from IE-mac */
/* @end */

/* Home Side Column */
div.home-side {
	float: right;
	width: 344px;
	padding: 33px 0 0 0;
}

/* Holiday Inn Side */
div.holiday-inn {
	position: relative;
	padding: 0 0 0 110px;
	width: 265px;
	border-bottom: 1px solid #a41e22;
}

div.holiday-inn img {
	position: absolute;
	top: 0;
	left: 0;
}

/* Home Side Links */
div.home-side-links {padding: 22px 0 0 5px;}

div.home-side-links h3 {
	color: #a41e22;
	font-size: 131%;
	font-weight: normal;
	margin: 0 0 3px 0;
}

div.home-side-links ul {margin: 0 0 22px 0;}

div.home-side-links ul li {
	list-style: none;
	padding: 3px 0;
}

div.home-side-links ul li a:link, div.home-side-links ul li a:visited {
	color: #000;
	text-decoration: none;
}

div.home-side-links ul li a:hover {text-decoration: underline;}

/* Interior Page Side Column */
div.side {
	float: right;
	width: 225px;
	padding: 90px 0 0 0;
}

div.side h3, div.side strong {
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #a41e22;
	font-size: 123.1%;
}

/* Interior Page Holiday Inn Side */
div.page-holiday-inn {
	width: 180px;
}


/* @end */

/* @group Nav */
	
/* @end */

/* @group Default Headings */
div#content-container h2, div#content-container h1 {
	margin: 0 0 3px 0;
	color: #a41e22;
	font-size: 161.6%;
	font-weight: normal;
}

div#bd div.interior-page h1 {
	padding: 28px 0 0 0;
}

/* @end */

/* @group Common Text Styles */
div.home-main p, div.main p, div.home-side p {
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}

div.home-side a:link, div.home-side a:visited, div.side a:link, div.side a:visited {color: #000;}
div.home-side a:hover, div.side a:hover {text-decoration: none;}
	
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
div.sign-up-for-savings {padding: 9px 0 0 0;}

div.sign-up-for-savings label {
	position: relative;
	top: 4px;
	vertical-align: middle;
	padding: 0 4px 0 0;
	font-size: 131%;
}

div.sign-up-for-savings .txt {
	width: 215px;
	border: 1px solid #c8b99e;
	font-family: Verdana, Arial, sans-serif;
	font-size: 93%;
	padding: 5px 6px 6px 6px;
	margin: 0 3px 0 0;
	vertical-align: top;
}

div.sign-up-for-savings .btn {
	width: 94px;
	text-align: center;
	height: 26px;
	vertical-align: top;
	border: none;
	padding: 0;
	margin: 0;
	background-color: #7d1a1b;
	color: #f7f4ec;
	font-size: 108%;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link{ color: #000;}
a:visited{ color: #000;}
a:hover{ color: #000;}
a:active{ color: #000;}
/* @end */

/* @group Misc */
.contact {
	font-size:120%;
}
.photoborder  {
	float: right;
	margin-left:22px;
	margin-bottom:12px;
	padding: 5px;
	background-color: #f6ead7;
	border: 1px solid #7d1a1b;
}

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */