body{
	color: #FFF;
	background: #330000;
}

#wrapper {
	width: 100%;
}

#wrapperInner {
	float: right;
	background: url(images/humblepleacover.jpg) no-repeat;
	width: 800px;
	height: 1158px;
	
}

#leftcol {
	float: left;
	width: 200px;
	margin-left: 2px;
	margin-top: 10px;
}

#leftcol ul {
	list-style-type: none;
}

#leftcol ul li {
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width: 200px;
	background-color: #7f7169;
}

#leftcol li a {
	display: block;
	text-decoration: none;
	color: #BCBDA0;
	padding: 4px 0 4px 2px;
}

#leftcol li a:hover, #leftcol li a:focus {
	background-color: #534a41;
	color: #fff; 
}


#holder {
     min-width: 600px; /* Keeps div from shrinking more than 600 pixels in width as window is narrowed. */
	 max-width: 910px; /* Keeps div from growing more than 910 pixels in width as window is expanded. */
	 background: #fff url(background-right.jpg) repeat-y top right; /* Creates the white background behind the content div and the drop shadow to its right. Tiled up and down to make both columns appear to be the same length no matter which is longer. */
     margin: 0 auto; /* Centers the overall design in standards-compliant browsers. */
     text-align: left; /* Resets the text alignment from center to left to override hack on body above. */
     position: relative; /* Gives the div positioning so that an absolutely positioned div (AP Div) descendant can be placed in relation to it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
}

/* The following hack is read only by Mac IE. It gives it a fixed width for the holder div since Mac IE doesn't support min- and max-width. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*//*/
#holder {
	width: 750px;
	}
/* End show to Mac IE. */

#inner {
	background: url(background-left.jpg); /* Creates the blue background behind the sidebar and drop shadow to its left. Tiled up and down to make both columns appear to be the same length no matter which is longer. */
}

/* Needed for compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to the holder div. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top edge of the holder div. */
	left: 0; /* Places the div at the left edge of the holder div. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#header {
	background: #020504 url(header.jpg) no-repeat; /* Creates the photo for the top section. The color is used behind the photo in case the image isn't loaded. */
	font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Sets the font-family for all content within.*/
	height: 154px; /* The height matching the photo background. */
	margin: 0 10px; /* Creates space on left and right sides of div to let drop shadowed images on holder and inner divs show on each side. */
	position: relative; /* Gives the div positioning so that an absolutely positioned div descendant can be placed in relation to it. */
}

#header p {
	text-align: right; /* Aligns the home and contact links on the right side. */
	font-size: .8em; /* Reduces font size from default. */
	letter-spacing: .06em; /* Increases space between letter slightly. */
	line-height: 145%; /* Increases space between each line of text. */
	position: absolute; /* Sets the paragraph to be positioned in a precise spot in relation to the header div. */
	bottom: 40px; /* Places the bottom of the paragraph 40 pixels from the bottom of the header div. */
	right: 10px; /* Places the right side of the paragraph 10 pixels from the right edge of the header div. */
	margin: 0; /* Removes default paragraph margin so placement will be uniform across browsers. */
}
#header a:link, 
#header a:visited { /* Sets the styling of the links in the header. */
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#header a:hover, 
#header a:active, 
#header a:focus { /* Sets the styling of the links when hovered, clicked on, or otherwise in focus. */
	text-decoration: underline;
}


#content {
	background:url(images/bkgd.jpg) repeat-y;
	margin: 20px 20px 0 260px; /* Carves out space for the sidebar and gives the content area space. */
	padding-bottom: 5px; /* Prevents bottom margins on elements inside from escaping out the bottom of the div. */
	width: 500px;
}

/* The following selectors are styling for the content div's headings, paragraphs and links. */
#content h2, 
#content h3, 
#content h4 {
	font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1E2C31;
}
#content h4 {
	font-size: 1.25em;
}
#content p {
	color: #FFF;
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif;
}
#content .link { /* Creates the larger Learn More link at the bottom of the page. */
	font: 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content a:link, 
#content a:visited {
	color: #ccc;
	text-decoration: none;
}
#content a:hover, 
#content a:active, 
#content a:focus {
	text-decoration: underline;
}



/* The following selectors create the button look from list items in an unordered list. */
ul#nav {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	list-style: none; /* Removes the list marker (bullet) from the list items. */
}
#nav li {
	padding-left: 23px; /* Moves the text over by 23 pixels, which is the width of the little icons, so text doesn't overlap them. */
	margin-left: 20px; /* Clears the left side evenly all the way down. */
	font: .8em/110% Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
}

/* Each list item has a unique ID to place its own icon as its background image. The images are vertically centered so that as the text grows they will stay aligned with it. */
#nav li#flight {
	background: url(flight.gif) no-repeat left center;
}
#nav li#room {
	background: url(room.gif) no-repeat left center;
}
#nav li#car {
	background: url(car.gif) no-repeat left center;
}
#nav li#table {
	background: url(table.gif) no-repeat left center;
}
#nav li#show {
	background: url(show.gif) no-repeat left center;
}

/* The below styles the button area next to the icon. */
#nav li a:link,
#nav li a:visited {
	display: block; /* Turns the A element into a solid block and thus clickable all the way across (not just on the words). */
	background: #fff; /* Overall background color of the button area. */
	color: #000; /* Text color. */
	font-weight: bold; /* Makes the link text appear bolded. */
	text-decoration: none; /* Gets rid of the default underlines on links. */
	margin: 3px 0 2px 0; /* Creates the space outside each button to space them apart from each other. */
	padding: 3px 2px 3px 20px; /* Creates the area within the button and keeps its text away from the edges of its background. */
}

#nav li a:hover, 
#nav li a:active, 
#nav li a:focus {
	background: #FEDEEF; /* Changes background color on hover, when clicked, and when otherwise focused. */
}

/* The following selectors create the photo/info teaser area below the navigation. */
#features {
	background: #fff url(sidehead.jpg) no-repeat left bottom; /* Creates small strip of color at bottom of features block. Uses the same slice as the sidebar h2 headings but is set to not repeat. */
	margin: 20px 0 20px 20px; /* Keeps the div away from the UL above and the same distance from the left side of the sidebar. */
	padding-bottom: 10px; /* Creates a little space between the end of the content of the div and its bottom background image strip. */
}

#features h2 {
	margin-left: 0; /* Overrides the left margin set on "#sidebar h2" if one of those h2 element is also within the features div. The features div is already over 20px from the left margin and we don't want more space within it. We want the h2 element to go all the way across. */
}

#features p {
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
	margin: 20px 2px 10px 8px; /* Creates extra space between each paragraph element (with floated image). */
}

/* The next two selectors simply create the black footer area of the page. */
#bottom {
	background: #000; /* Creates the black color that runs all the way across the page background. */
}



/* The following selectors create the link and hover styling for the pagebott area. */
#pagebott a:link, 
#pagebott a:visited {
	color: #fff;
	text-decoration: underline;
}
#pagebott a:hover, 
#pagebott a:active, 
#pagebott a:focus {
	color: #FB73BA;
	text-decoration: none;
}


#content_1 {
	float: left;
	margin-left: 300px;
	margin-top: 400px;
	font-size:18px;
	font-style: oblique;
}

#content_2 {
	float: left;
	margin-left: 300px;
	margin-top: 400px;
	font-size:18px;
	font-style: oblique;
}

/* These float styles can be used to float images with text next to them. */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
}  

#selector {
	float: left;
	margin-top: 10px;
}
footer {
	float: left;
	margin-top: 10px;
}