body { background:#000; text-align:left; font-family: "Garamond", Palatino, "Times New Roman", Times, serif; font-size:13px; color:#333333; margin:0; padding:0;}

a:visited, a:link {color:#666; text-decoration:none;}

a:hover {text-decoration:underline; background:none;}

img {border:none;}

#wrap { position:relative; margin:0 auto; width:900px;}

#banner {height:94px; background-image:url(../images/home-02.png); margin:0 auto; }

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0 15px 0 35px; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; color:#FFC; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; display:block; }
    #nav ul ul { top: 0; }
    
#Halloween {
	color: #F2EEB8;
}


/* Essentials - configure this */

#nav ul { width: 150px; }
#nav ul ul { left: 151px; }

/* Everything else is theming */
 
#nav { background-color: transparent; height: 27px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color: 9B987C; font-size: 16px; padding: 6px 6px 4px 6px; line-height: 1; font-family:"Garamond", Palatino, "Times New Roman", Times, serif; }
  #nav li.hover a { background-color: #333333; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: transparent;}
      #nav ul a.hover { background-color: 000000; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

*html #nav ul li {margin-top:-1px;}

#content {text-align:justify; width:900px; background:  url(../images/home-01.png) top center repeat-y;}

.inner {float:left; width:260px; padding:25px; min-height:840px; }

.inner2 {float:right; width:530px; padding:25px; min-height:758px; position:relative; z-index:10;}

.inner3 {float:left; width:260px; padding:25px; min-height:608px; }

.inner4 {float:right; width:530px; padding:25px; height:608px; position:relative; z-index:10;}

.inner5 {float:left; width:260px; padding:25px; height:408px; }

.inner6 {float:right; width:530px; padding:25px; height:408px; position:relative; z-index:10;}

.inner7 {float:left; width:260px; padding:25px; height:1140px; }

.inner8 {float:right; width:430px; padding:25px 75px 25px 75px; height:1140px; position:relative; z-index:10;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer {text-align:left; font-size:12px; width:900px; margin:0 auto; padding: 10px 25px; background:url(../images/footer.png) no-repeat; height:85px; color:#FFF; }
.leftfoot {float:left; width:300px; height:75px; }
.rightfoot {
	float:right;
	width:250px;
	height:75px;
	padding-left:250px;
	padding-top:15px;
	position:relative;
	z-index:9;
}