/* CSS Document for Macbackpackers */

html, body {
margin: 0; padding: 0;
height: 100%;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 100%;
text-align: center;
background-color: #458bb7;
}

#wrapper {
position: relative;
width: 850px;
margin: 0 auto;
min-height: 40%; /* optional */
text-align: left;
min-width: 600px; /* to allow room for images and long words */
}


/* ie hack  - layout REQUIRES a height here to work */
/* (1% will do) if no min-height is required*/
/* this it where it fails in Strict Mode */
/** html #wrapper {
height: 80%;
} 
*/
*html #wrapper
{height: 195%;}

#header {
position: relative;
width: 850px;
height: 250px;
margin: 0 auto;
background: url('images_a/orange-dblue-header.gif') no-repeat;
}
#map {
margin: 10px;
}
#footer {
position: relative;
width: 850px;
margin: 0 auto;
background: #458bb7; /* pale blue*/
}
#apbg1, #apbg2 {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/
}
#navigation ul {
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	padding: 0;
	}

* html #apbg1, * html #apbg2 
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}
#apbg1 {left: 0; background: url('images_a/left_bar_orange_2.gif') no-repeat; width: 200px; voice-family: "\"} \""; voice-family: inherit; width: 180px;}
/*#apbg1 {left: 0; background: url('images/left_bar.jpg') no-repeat; width: 170px; voice-family: "\"} \""; voice-family: inherit; width: 150px;}*/ 
#apbg2 {right: 0; width: 300px; background: url('images_a/right_bar_orangedb.gif') no-repeat; background-color: #458bb7;}

#apbg1 p {background: #458bb7; height: 50%;}/* height to show inheritance */
#apbg2 p {background: #458bb7; margin: 5px;} 

#booking	{
			position: absolute;
			padding: 28px 0 0 135px;
			}
/* bringing the center content into position (clear the sides)
is best using a wrapper div to avoid more IE Box Model issues */
#contentwrap {
position: relative; 
padding: 0 300px 0 170px;
/*padding: 0 350px 0 155px;*/
}

#content {
position: relative;  /* to enable further positioned divs inside content area */
 /*z-index: 100; to make sure if long words overflow they show above the right column 
border-left: 1px solid #000;
border-right: 1px solid #000;*/ 
background-color: #FFDEAD;
padding: 0;
margin: 0;
}

#content img#price {
position: absolute;
z-index: 20;
left: 270px;
top: 12em;
}

/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html #content {height: 100%;} 
/* end hide */

/***** Teext formatting ****/
p {margin: 0; padding: 10px; font-size: .8em; line-height: 1.4em;}
h1, h2, h3 {margin: 0; padding: 10px; color: #57981a;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.25em;}
h3 {font-size: .85em;}
strong.desc {font-size: 0.7em;}

#footer p {font-size: .7em;
			margin-left:-140px;
						}
						


p.bottom {
{font-size: .75em;}

/****link formatting *****/
a:link {
text-decoration: underline;
color: #000000;
}
a:hover {
color: #57981a;
}

/************* images ************/
img.one {
	float: right;
	}
	
img.two {
	margin: 0.5em;
	}