html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	font-family: trebuchet ms;
}

#bg { position: fixed;
	top: 0; 
	left: 0; 
	z-index: -100;
	opacity:0.80;
	filter:alpha(opacity=95); /* For IE8 and earlier */}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }



/*======================Intro=============================*/

.spinner {position:absolute;z-index:99;background:url(../pictures/loader.gif) 50% 50% no-repeat #224422;width:100%;height:100%;top:0;left:0}

/* ============================= header ====================== */
header {width:340px; height: 100%; float:left; position:absolute;}
#logo {display:block; margin-left:15px; text-indent:-9999px;background:url(../pictures/decal.png) 0 0 no-repeat;width:280px;height:285px}
#menu {padding-top:0px; padding-left:0px;}
#menu > li {width:100%;overflow:hidden;}
#menu > li > a {display:inline-block;font-size:18px;line-height:44px;height:46px;color:#fff;background:#000;text-decoration:none;position:relative;letter-spacing:0px;cursor:pointer}
#menu > li > a span {display:block;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0}
#menu > li > a strong {position:relative;display:block;padding:0 95px 0 40px;height:56px}
#menu > li > a:hover, #menu > li > a.active {color:#000}
#menu > li > a:hover strong , #menu > li > a.active strong{}

#li_Home  strong{ background:#6f0434;}
#li_Home:hover strong {background:#bf5484;}

#li_What_Is_Story_Telling  strong{ background:#11641b;}
#li_What_Is_Story_Telling:hover strong {background:#55a028;}

#li_Meet_Holly  strong{ background:#c1140e;}
#li_Meet_Holly:hover strong {background:#ff746e;}

#li_Hollys_Stories  strong{ background:#fc5008;}
#li_Hollys_Stories:hover strong {background:#ffa068;}

#li_A_Sample  strong{ background:#3333ff;}
#li_A_Sample:hover strong {background:#a3a3ff;}

#li_Contact_Me  strong{ background:#5e2b14;}
#li_Contact_Me:hover strong {background:#ae8b74;}

	
/* ============================= content ====================== */
#content {
		 width:700px;
		 min-height:400px;
		 /*float:left;
		 position:absolute;
		 margin-left:340px;*/
		 margin-top:0px;
		 margin-bottom:0px;
		 border:0px;
		 padding-top:5px;
		 padding-bottom:30px;
		 padding-left:25px;
		 padding-right:25px;
		 color:#333;
		 font-size: 100%;
		 font-family: trebuchet ms;
		 background:#dde6dd;
	}

/* =========================subcontent========================*/
#subcontent {
	padding-left:10px;
	padding-right:10px;
}

h2 {
	margin-top:2px;
	border-right-style:none;
	border-top-style: none;
	border-left-style: ridge;
	border-bottom-style: solid;
	border-width: 3px;
	padding-left: 12px;
	padding-bottom: 4px;
	border-color: green;
}

/* ========================quotebox============================= */

#quotebox {
	margin:35px;
	margin-right:80px;
	border-style:dotted;
	border-width: 2px;
	padding: 10px;
	border-color: green;
}

#quote {
	font-size:95%;
	padding:8px;
	font-style:oblique;
}

#quotesource {
	font-size: 90%;
	padding-top:15px;
	padding-left: 320px;
	padding-bottom: 8px;
}