/*-- PAGE LAYOUT --*/

#main {
	background: #fff url(../img/bg-content-about.gif) no-repeat 0 76px;
}

#logo a {
	position: relative;
	display:block;
	height: 70px;
	width: 255px;
  	left: 55px; 
	top: 70px;
  	text-decoration: none;
}

#main_nav {
	margin: 110px 0 0 110px;
}

#photo {
	height: 144px;
	width: 420px;
	border: 1px solid #cbcbcb;
	float:right;
	margin-right: 78px;
	margin-top: 0;
	background: url(../img/ky_nikki_sized.jpg)
	}

#photo p { visibility:hidden; }

#main_content {
	float:right;
	overflow:hidden;
	width:410px;
	height: 250px;
	margin: 10px 76px 0 0;
	padding: 10px 0 0 0;
	display:inline;
}

#wn {
	width:380px;
	height: 245px;
	margin: -10px 77px 0 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	float:left;
}

div#scrollbar { 
  position:relative;
	left: 420px;
  width:11px; height:255px; 
  font-size:1px;  /* for image vertical alignment issue */
	border: 1px solid black;
	float:right;
 }
	
div#track { 
   position:relative;
	 left:400px; top:0px;
  width:11px; height:245px;
  background: #999;
 }
	
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
 }  
	
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block;