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

	@media only screen and (max-device-width:480px: 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;}
		}

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

/* Basic Elements for all pages */

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

a
{
	text-decoration:none;
	font-size:1.2em;
	color:#660000;
}

a:link
{
	text-decoration:none;
	font-size:1.2em;
	color:#660000;
}

a:visited
{
	text-decoration:none;
	font-size:1.2em;
	color:#660000;
}

a:hover
{
	text-decoration:underline;
	font-size:1.2em;
	color:#FFCC33;
}

a:active
{
	text-decoration:none;
	font-size:1.2em;
	color:#660000;
}

a.nav
{
	text-decoration:none;
	font-size:1.2em;
	color:#FFCC33;
}

a.nav:link
{
	text-decoration:none;
	font-size:1.2em;
	color:#FFCC33;
}

a.nav:visited
{
	text-decoration:none;
	font-size:1.2em;
	color:#FFCC33;
}

a.nav:hover
{
	text-decoration:underline;
	font-size:1.2em;
	color:#FFCC33;
}

a.nav:active
{
	text-decoration:none;
	font-size:1.2em;
	color:#FFCC33;
}



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

h1#Front
{
	position:relative;
	left:50%;
	margin-left:-16.1em;
	text-indent:-100em;
	background: url(HHFrontLogo.png) no-repeat;
	height:23.5em;
	width:32em;
	padding:0em;
}

h1#Internal
{
	position:absolute;
	left:50%;
	margin-left:-23em;
	text-indent:-100em;
	background: url(HoodFading.png) no-repeat center top;
	background-color:#FFFFFF;
	width:45.2em;
	height:16.8em;
	padding:0em;
	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(Clamshell.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:relative;
	left:20%;
	margin-left:-10em;
	width:1000px;
	height:750px;
	background: url(HoodWallFlippedHardEdge.png) no-repeat center top;
	background-color:#FFFFFF;
}


#frontSummary
{
	position:relative;
	left:7.5em;
	height:9em;
	width:53em;
	padding:2.2em 20em 1em 2.4em;
	background: url(MaroonBar.png) no-repeat;
	color:#CCCCCC;
	font-style:italic;
}


#frontNav
{
	position:relative;
	top:-10.1em;
	left:70em;
}

#frontFooter
{
	position:absolute;
	top:59.7em;
	left:15em;
}

#frontFooter a
{
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}

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

#frontFooter p
{
	font-style:normal;
	font-size:1.2em;
	color:#000000;
}


/* Inner pages Divs */



	/* Content */

#content
{
	position:relative;
	left:50%;
	top:33.8em;
	margin-left:-46em;
	background-color:#FFFFFF;
	width:84.4em;
	height:100em;
	padding-left:3em;
	padding-top:2em;
	padding-right:3em;
	z-index:1;

}

	/* Navigation is contained within the content section*/

#navBox
{
	position:relative;
	top:-35em;
	left:-10em;
	height:30em;
	width:20em;
	background: url(navBar.png) no-repeat;
}

#nav
{
	position:relative;
	top:2.5em;
	left:2.5em;
}

#mainText
{
	position:relative;
	top:-112em;
	width:55em;
}
#quickSummary
{
	position:relative;
	width:54em;
	padding-bottom:1em;
}


#supportingText
{
	position:relative;
	width:54em;
}

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

#list
{
	text-indent:5em;
}

#pictures
{
	position:relative;
	top:-31em;
	left:57em;
	background:url(PictureBar.png) no-repeat;
	width:36em;
	height:82em;
	padding-top:.5em;
	padding-left:1.5em;
}

#pictures.hide
{
	position:relative;
	background:none;
	top:-31em;
	left:57em;
	width:36em;
	height:82em;
	padding-top:.5em;
	padding-left:1.5em;
}

	/* Footer is contained within the content section*/
	
#footer
{
	position:relative;
	top:54em;
	width:70em;
	font-size:1.2em;
	text-align:center;
	z-index:-5;
}

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

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

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