/*-----------------------------------------------------
   HOME SPEC.
----------------------------------------------------- */
body                                                  { background: #ffffff url(../images/layout/body-bg-home.jpg) repeat-x 0 0; }

#headerImage                                          {
	background: transparent url(../images/layout/header-home.jpg) no-repeat 0 0;
	margin-bottom: 0;
	width: 540px;
	height: 310px;
	margin-top: -2px;
	}
#headerImage p                                        { display: none; }
	
#logo                                                 { 
	margin: 0 0 35px 0;
	display: block;
	width: 440px;
	height: 170px;
	background: transparent url(../images/layout/logo-slogan-home.jpg) no-repeat 0 0;
	text-indent: -9999px;
	}

#container                                            { padding: 0 0 20px 0; background: none; position: relative; border: none; }

#homeFlash a                                          { text-decoration: underline; color: #847c68; }
#homeFlash a:hover                                    { text-decoration: none; color: #847c68; }

#home #mainMenu                                       { margin-top: 0; }
#development                                          { margin-bottom: -10px; }
#development a                                        { color: #808080; }
/*-----------------------------------------------------
   SCROLLER
----------------------------------------------------- */
#introContent                                         {
	width: 421px;
	height: 105px;
	background: transparent url(../images/layout/scroll-wrapper-bg.gif) no-repeat 1px 0;
	} 

#introContent p                                       { margin: 0 0 20px 0; }
	
div#scrollbar                                         { display:block; /* initially display:none; to hide from incapable */ } 
div#wn                                                {
	position:relative;
	width: 360px;
	height:65px;
	overflow:hidden;
	padding: 0 20px 20px 40px;
	top: 20px;
}

div#scrollbar                                         {
	position:absolute;
	width:7px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	top: 0px;
	right: -1px;
	background: none;
	height: 87px;
}
div#track                                             {
	position:absolute;
	left:0px;
	top:7px;
	width:6px;
	height:73px;
	background: none;
}
div#dragBar                                           {
	position:absolute;
	right:0;
	top:0px;
	width:7px;
	background: #87ae39;
}
div#up                                                {
	position:absolute;
	left:0;
	top:0;
}
div#down                                              {
	position:absolute;
	left:0;
	bottom:0;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img                                     { display:block; }