/* CSS Document */
/* Intenet Explorer Style Sheet for the Hood House Bed & Breakfast (www.hoodhousebnb.com) website */

	@media only all and (max-width: 480px) {
    /* Insert your rules for smaller screens here */

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

/* Basic Elements for all pages */

html,
body
{
	cursor:default;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:100%;
	background-color:#FFFFFF;
}

a
{
	text-decoration:underline;
	font-size:1.2em;
}

a.nav
{
	text-decoration:underline;
	font-size:1.2em;
}

p
{
	font-size:1.3em;
	text-align:justify;
	padding-bottom:1em;
}


h1#Front
{
	position:relative;
	text-indent:-100em;
	background: url(HHLogoMini.jpg) no-repeat;
	width:22em;
	height:23em;
	padding:0em;
	z-index:-1;
}

h1#Internal
{
	position:absolute;
	text-indent:-100em;
	background: url(HHLogoMini.jpg) no-repeat top;
	width:22em;
	height:15em;
	padding:0;
	margin:0;
	z-index:0;
}

h2, h3, h4
{
	color:#660000;
	padding-bottom:1em;
	padding-top:.5em;
}

h2
{
	font-size:2em;
}

h3
{
	font-size:1.5em;
}

ul 
{
	list-style:none;
	padding-bottom:1em;
	font-size:1.2em;
}

ul span
{
	list-style: url(ClamshellMaroon.png);
}

ul.second
{
	text-indent:2em;
}

ul.third
{
	text-indent:4em;
}
ul.fourth
{
	text-indent:6em;
	font-size:1em;
}

table
{
	font-size:1.2em;
	width:100%;
}

td
{
	text-align:right;
	padding:.5em;
}

table span
{
	font-size:.8em;
	font-style:italic;
}


/* Front page Divs */


#frontContainer 
{
	position:absolute;
	border:dashed;
}

#frontSummary
{
	position:relative;
	width:42em;
	border:dashed;
	padding:1em;
}

#frontNav
{
	position:relative;
	border:dashed;
	width:42em;
	padding:1em;
}

#frontFooter
{
	position:relative;
	width:42em;
	padding:1em;
}

/* Inner pages Divs */

	/* Content */

#content
{
	position:absolute;
	top:64em;
	background-color:#FFFFFF;
	padding-left:3em;
	padding-top:2em;
	padding-right:3em;
	z-index:1;

}

	/* Navigation is contained within the content section*/

#navBox
{
	position:absolute;
	font-size:1.5em;
	top:-25em;
	left:3em;
	height:30em;
	width:20em;
}


#nav
{
	position:relative;
	top:2.5em;
	left:-.2em;
	text-align:center;
	padding-left:1.5em;
}


#mainText
{
	position:absolute;
	top:-18em;
	width:40em;
}


#quickSummary
{
	position:relative;
	padding-bottom:1em;
}


#supportingText
{
	position:relative;
}


#rateTable
{
	padding-top:1em;
	padding-bottom:1em;
}

#list
{
	text-indent:1em;
}

#pictures
{
	display:none;
}

	/* Footer is contained within the content section*/


#footer
{
	position:relative;
	left:1em;
	width:26em;
	padding-bottom:2em;
	top:82em;
	font-size:1.5em;
	z-index:-5;
}

#footer span
{
	position:relative;
	top:.5em;
}

#footer a
{
	text-decoration:underline;
	font-size:1em;
	font-weight:bold;
}

#footer a:hover
{
	text-decoration:underline;
	color:#FFCC33;
}