body {
background-image:url("images/background.jpg");
text-align: center;

}

#wrapper { margin-top: -150px;text-align: center; }

h1 {font-family: Georgia, serif; 
    font-size: 1em; 
    color: #5a2628;}
h2 {font-family: Georgia, serif; 
	font-size: .9em; 
	color: #5a2628;}
p {font-family: Georgia, serif; 
	line-height: 1.7em; f
	font-size: .9em; 
	color: #453115;}


a:link {color:#5a2628; text-decoration: none; }
a:visited {  color: #5a2628;text-decoration: none; }
a:hover { color: #ffffff; text-decoration:  none; }
a img {border: none;}


#logo{
	text-align: left;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;}
	
#frill {position: relative;
	left: -400px;
	top: -30px;}

#maintext {
	top: 200px;
	height: 800px;
	text-align: center;
	padding-bottom: 20px;}
#maintext p{ width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 45px;}	

#maintext ul.inventory {list-style: none;
	line-height: 1.5em;
	text-align: left;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	color: #453115;
	padding-bottom: 20px;}
	
#maintext ul.inventory #secondary{list-style: none;
		line-height: 1.5em;
		text-align: left;
		width: 700px;
		margin-left: auto;
		margin-right: auto;
		color: #453115;}
#maintext h1{width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left:45px;
	padding-top: 20px;}

#maintext p .store {
	text-align: left;
	width: 700px;
	margin-left: auto;
	margin-right: auto;}
	
	#maintext p.shortparag {
		text-align: left;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	padding-right: 500px;
		}
		

	
	#maintext ul.images li{
	display: inline;
	list-style: none;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
text-align: left;
	padding-right: 10px;}
	

	a img {
		
		padding: none;	
		vertical-align: top;
	}



	
	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
		position: relative;
		margin-left: 30px;
		margin-right: auto;
		padding-bottom: 3px;
		
		
		
		
	}
	.sf-menu {
		line-height:	1;
		margin-left: auto;
		margin-right: auto;
		width: 700px;

	
	
	
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
		margin-left: auto;
		margin-right: auto;
	
	}
	.sf-menu ul li {
		width:			100%;
	
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
		margin-left: auto;
		margin-right: auto;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
		margin-left: auto;
		margin-right: auto;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** DEMO SKIN ***/
	.sf-menu {
		
		margin-bottom:	.8em;
	}
	.sf-menu a {
		border-left:	none;
		border-top:		none;
		padding: 		.65em 1.4em;
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			none;
	}
	.sf-menu li {
		background:		none;
		text-align: left;
	}
	.sf-menu li li {
		background:		#feefc9;
	}
	.sf-menu li li li {
		background:		#feefc9;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#feefc9;
		outline:		0;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		relative;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
	
	.sf-navbar {
		background:		#BDD2FF;
		height:			2.5em;
		padding-bottom:	2.5em;
		position:		relative;
	}
	.sf-navbar li {
		background:		#AABDE6;
		position:		static;
	}
	.sf-navbar a {
		border-top:		none;
	}
	.sf-navbar li ul {
		width:			44em; /*IE6 soils itself without this*/
	}
	.sf-navbar li li {
		background:		#BDD2FF;
		position:		relative;
	}
	.sf-navbar li li ul {
		width:			13em;
	}
	.sf-navbar li li li {
		width:			100%;
	}
	.sf-navbar ul li {
		width:			auto;
		float:			left;
	}
	.sf-navbar a, .sf-navbar a:visited {
		border:			none;
	}
	.sf-navbar li.current {
		background:		#BDD2FF;
	}
	.sf-navbar li:hover,
	.sf-navbar li.sfHover,
	.sf-navbar li li.current,
	.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
		background:		#BDD2FF;
	}
	.sf-navbar ul li:hover,
	.sf-navbar ul li.sfHover,
	ul.sf-navbar ul li:hover li,
	ul.sf-navbar ul li.sfHover li,
	.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
		background:		#D1DFFF;
	}
	ul.sf-navbar li li li:hover,
	ul.sf-navbar li li li.sfHover,
	.sf-navbar li li.current li.current,
	.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
		background:		#E6EEFF;
	}
	ul.sf-navbar .current ul,
	ul.sf-navbar ul li:hover ul,
	ul.sf-navbar ul li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
	}
	ul.sf-navbar .current ul ul {
		top: 			-999em;
	}

	.sf-navbar li li.current > a {
		font-weight:	bold;
	}

	/*** point all arrows down ***/
	/* point right for anchors in subs */
	.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
	.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
	/* apply hovers to modern browsers */
	.sf-navbar ul a:focus > .sf-sub-indicator,
	.sf-navbar ul a:hover > .sf-sub-indicator,
	.sf-navbar ul a:active > .sf-sub-indicator,
	.sf-navbar ul li:hover > a > .sf-sub-indicator,
	.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/*** remove shadow on first submenu ***/
	.sf-navbar > li > ul {
		background: transparent;
		padding: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
	}
.sidebar {text-align: right;  padding-left: 990px; margin-top: -830px;}
.sidebar p.sideimage {padding-top: 50px;}
.sidebar p {line-height: .5em; text-align: left; margin-left: auto; margin-right: auto; width: 200px; }
.sidebar h2 {text-align: left; margin-left: auto; margin-right: auto; width: 200px; }