#top-half {
	width: 854px;
	margin: 100px auto 0;
}

#top-half-out {
	width: 854px;
	height: 426px;
}

#akb-home {
	width: 327px;
	height: 426px;
	background: url(images/akb.home.png) no-repeat center top;
	text-indent: -5000px;
	float: left;
	position: relative;
	z-index: 1000;
}

#akb-inner {
	background: url(images/akb.in.png) no-repeat;
	width: 260px;
	height: 392px;
}

#akb-inner a {
	display: block;
	text-indent: -5000px;
	width: 260px;
	height: 125px;
}

#page {
	margin: 0 auto;
	height: 600px;
	width: 904px;
}

#left {
	float: left;
	width: 260px;
}

#links {
	display: block;
	text-align: left;
	position: relative;
	z-index: 1000;
}

	#links li {
		list-style-type: none;
		text-indent: -5000px;
	}
	
	#links li a, #links li a:hover {
		display: block;
		border: 2px solid #FFF;
		background-repeat: no-repeat;
	}
		
	#links li a:hover {
		background-position: left;
	}
	
	#new {
		background: url(images/links/new.png) right;
		width: 59px;
		height: 26px;
		position: relative;
	}
	
	#res {
		background: url(images/links/res.png) right;
		width: 88px;
		height: 32px;
		position: relative;
	}
	
	#bio {
		background: url(images/links/bio.png) right;
		width: 35px;
		height: 34px;
		position: relative;
	}
	
	#gal {
		background: url(images/links/gal.png) right;
		width: 96px;
		height: 51px;
		position: relative;
	}
	
	#con {
		background: url(images/links/con.png) right;
		width: 100px;
		height: 31px;
		position: relative;
	}
	
.home #links {
	width: 270px;
	height: 426px;
	float: right;
}

	.home #new { top: 11px; left: 0px; }
	
	.home #res { top: -16px; left: 180px; }
	
	.home #bio { top: 27px; left: 39px; }
	
	.home #gal { top: -5px; left: 140px; }
	
	.home #con { top: 22px; left: 15px; }		

.inner #links {
	width: 500px !important;
	float: left;
}

	.inner #links li { float: left; }
	
	.inner #new { top: 46px; left: 0px; }
	
	.inner #res { top: 39px; left: 40px; }
	
	.inner #bio { top: 38px; left: 88px; }
	
	.inner #gal { top: 36px; left: 120px; }
	
	.inner #con { top: 40px; left: 155px; }

#top-half-pic {
	display: block;
	clear: both;
	text-align: center;
	width: 854px;
	height: 426px;
	position: absolute;
	top: 70px;
}

#akb-pic {
	position: relative;
	left: 42px;
}

#content {
	float: right;
	width: 610px;
	height: 500px;
	overflow: auto;
	margin: 40px 0 0 0;
	padding: 0 5px 0 0;
	position: relative;
	left: -15px;
	font: 16px/32px arial, sans-serif;
}

.gallery {
	font: 16px arial, sans-serif !important;
}

.home #social-links {
	clear: both;
	margin: 0 auto;
	background: url(images/gradient.home.png) center bottom no-repeat;
	width: 904px;
	height: 70px;
}

.inner #social-links {
	clear: both;
	margin: 0 auto;
	background: url(images/gradient.in.png) no-repeat;
	width: 904px;
	height: 55px;
	padding: 15px 0 0;
}

	#social-links li {
		float: left;
		list-style-type: none;
		text-indent: -5000px;
	}
	
	.home #social-links li a, .inner #social-links li a {
		display: block;
		padding: 2px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.home #fb {
		background: url(images/sm/fb.h.png);
		width: 128px;
		height: 29px;
		position: relative;
		top: 0px;
		left: 20px;
	}
	
	.home #blg {
		background: url(images/sm/blg.h.png);
		width: 235px;
		height: 52px;
		position: relative;
		top: 0px;
		left: 88px;
	}
	
	.home #tw {
		background: url(images/sm/tw.h.png);
		width: 108px;
		height: 33px;
		position: relative;
		top: 0px;
		left: 161px;
	}
	
	.home #yt {
		background: url(images/sm/yt.h.png);
		width: 114px;
		height: 44px;
		position: relative;
		top: -6px;
		left: 240px;
	}
	
	.inner #fb {
		background: url(images/sm/fb.i.png);
		width: 128px;
		height: 29px;
		position: relative;
		top: 0px;
		left: 20px;
	}
	
	.inner #blg {
		background: url(images/sm/blg.i.png);
		width: 235px;
		height: 52px;
		position: relative;
		top: 0px;
		left: 88px;
	}
	
	.inner #tw {
		background: url(images/sm/tw.i.png);
		width: 108px;
		height: 33px;
		position: relative;
		top: 0px;
		left: 161px;
	}
	
	.inner #yt {
		background: url(images/sm/yt.i.png);
		width: 114px;
		height: 44px;
		position: relative;
		top: -6px;
		left: 240px;
	}
	
#inner p {
	margin: 0 0 22px;
}

td {
	padding: 2px 0;
	margin: 0px;
}

td#gal-nav {
	padding: 2px 0 15px;
}

#gal-nav a {
	padding: 2px 10px 4px;
	border: 1px solid #FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: #FFF;
	text-decoration: none;
}

#gal-nav a:hover {
	padding: 2px 10px 4px;
	border: 1px solid #CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: #EFEFEF;
}

.nav_current {
	padding: 2px 10px 4px;
	border: 1px solid #000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: #EFEFEF;
}

ul#gal-opts {
	margin-top: 70px;
}

ul#gal-opts li {
	list-style-type: none;
	height: 40px;
	margin: 0 0 70px;
}

ul#gal-opts li a {
	display: block;
	margin: 0 0 0 70px;
	font: 22px arial, sans-serif;
	width: 300px;
	height: 37px;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 17px 17px 15px;
	text-indent: -5000px;
	background-position: center;
	background-repeat: no-repeat;
}

ul#gal-opts li a:hover {
	background-color: #DDD;
	border: 1px solid #BABABA;
}

ul#gal-opts li#perfs a {
	width: 242px;
	height: 37px;
	background-image: url(images/perfs.png);
}

ul#gal-opts li#shoots a {
	width: 237px;
	height: 34px;
	margin-left: 120px;
	background-image: url(images/shoots.png)
}

ul#gal-opts li#misc a {
	width: 226px;
	height: 36px;
	margin-left: 170px;
	background-image: url(images/misc.png)
}
	
/* Scroller */

#inner {
   width: 100%;
   height: 100%;
   overflow: auto;
   outline: none;
}

.jScrollPaneContainer {
   position: absolute;
   overflow: hidden;
   z-index: 10000;
   top: 0px;
   right: 0px;
   outline: none;
}

.jScrollPaneTrack {
   position: absolute;
   cursor: pointer;
   right: 0;
   top: 0;
   height: 100%;
}

.jScrollPaneDrag {
   position: absolute;
   cursor: pointer;
   overflow: hidden;
   width:27px;
   height: 54px;
   background-image: url(images/scroll/scroll.png);
   background-repeat: no-repeat;
   background-position: 3px 0px;
}

.jScrollPaneDragTop {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
}

.jScrollPaneDragBottom {
   position: absolute;
   bottom: 0;
   left: 0;
   overflow: hidden;
}

a.jScrollArrowUp {
   display: block;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   text-indent: -2000px;
   overflow: hidden;
   /*background-color: #666;*/
   height: 67px;
   width: 34px;
   background-repeat: no-repeat;
   background-image: url(images/scroll/arrow.up.png);
}

a.jScrollArrowUp:hover {
   /*background-color: #f60;*/
}

a.jScrollArrowDown {
   display: block;
   position: absolute;
   z-index: 1;
   bottom: 0;
   right: 0;
   text-indent: -2000px;
   overflow: hidden;
   /*background-color: #666;*/
   height: 67px;
   width: 34px;
   background-image: url(images/scroll/arrow.down.png);
   background-repeat: no-repeat;
}

a.jScrollArrowDown:hover {
   /*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
   /*background-color: #f00;*/
}