.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }

.blurb {
	color:#000;

}

.blurb a, .blurb a:visited {
	color:#666;
}

#announcement {
	position:absolute;
	left:830px;
	/*top:175px;*/
	top:75px;
	width:200px;
	height:400px;
	z-index:5;
	overflow: auto;
	visibility: visible;
		font-size: 12.25px;

}


#booknums {
	position:absolute;
	left:250px;
	top:132px;
	width:750px;
	height:275px;
	z-index:5;
	visibility: visible;
}
#one
{
float:left;
margin:20px;
width:200px;
}
#two
{
float:left;
margin:20px;
width:200px;
}
#three
{
float:right;
margin:20px;
width:200px;

}
.grey {
color:#666;

}

.image {
margin:10px;

}

#rightCol {
position:absolute;
left:820px;
top:80px;
width:200px;
text-align:right;



}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	/*background-color:#666;*/
	background-color:#fff;
	
	width:auto;	
	min-height:50px;
	/*border:1px solid #666;*/
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 0px 0px #000;
	-webkit-box-shadow: 0 0 0px #000;	
}

/* close button positioned on upper left corner */
.simple_overlay .close {
	/*background-image:url(../imagetest/close.png);*/
	position:absolute;
	left:20px;
	top:-30px;
	cursor:pointer;
	height:35px;
	width:auto;
}


 
/* styling for elements inside overlay */
.details {
	position:absolute;
	top:-30px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
	z-index:2000000000;
}
 
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

#bookleft3
{
position:absolute;
top:45px;
left:25px;
width: 4000px;
    overflow: auto;	
    white-space: no-wrap; /*Don't let the images wrap to the next line*/
}

#bookcopyright3 {
width:852px;
text-align:center;
clear:both;
top:700px;
position:fixed;
}
#projectreturn3 {
	position:absolute;
	left:400px;
	/*top:155px;*/
	top:18px;
	width:200px;
	height:19px;
	z-index:5;
}



/* -------------------- PROJECT PAGE LAYOUT ------------------ */

#bookcopyright {
width:852px;
text-align:center;
clear:both;
}


/* Positions left content layer for double page layout. */
#bookleft {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:400px;
	z-index:5;
	visibility: visible;
}

/* Positions right content layer for double page layout. */
#bookright {
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:400px;
	z-index:6;
	visibility: visible;
}

#bookfarright
{
	float:right;
	margin-left:20px;
	margin-top:10px;
	width:400px;
	z-index:5;
	visibility: visible;
}

#bookcenter {
	position:absolute;
	left:21px;
	/*top:210px;*/
	/*top:168px;*/
	top:100px;
	width:852px;
	height:422px;
	visibility: visible;
	overflow:visible;
}


#bookfull {
	position:absolute;
	left:21px;
	/*top:210px;*/
	/*top:168px;*/
	top:100px;
	width:852px;
	visibility: visible;
	overflow:visible;
}

#bookcenter2 {
	position:absolute;
	left:21px;
	/*top:210px;*/
	/*top:168px;*/
	top:100px;
	width:1300px;
	height:422px;
	visibility: visible;
	overflow:visible;
}


#bookfull2 {
	position:absolute;
	left:21px;
	/*top:210px;*/
	/*top:168px;*/
	top:100px;
	width:1300px;
	visibility: visible;
	overflow:visible;
}








#copyright {
	left:260px;
	width:500px;
	position:absolute;
	/*left:220px;*/
	top:660px;
	height:20px;
	z-index:5;
	color:#999999;
	text-align:center;

}
#projectthumbnails {
	position:absolute;
	left:20px;
	top:660px;
	width:850px;
	height:50px;
	z-index:5;
}


#projectcopyright {
	position:absolute;
	left:220px;
	top:630px;
	width:555px;
	height:20px;
	z-index:5;
	font-size: 12px;
	color:#999999;
}



/* Positioning of navigation layer. */
#navigation {
	position:absolute;
	left:15px;
	/*top:175px;*/
	/*top:127px;*/
	top:85px;
	width: 240px;
	z-index:-10;
	font-size: 12.25px;
	padding: 0px;
	color: #666666;
}


.navspace {
font-size:8px;
}

/* Gets rid of default list style on all navigation. */
#nav, #nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

/* Positions of upper navigation. */
#nav li {
	position: relative;
	margin: 0px 0;
	padding:2px 2px 3px 2px;
}

/* Styles of navigation links. */
#nav a:link, #nav a:visited {

	color: #666666;
	background-color: #FFFFFF;

	
	text-decoration: none;
	
	/* Displays navigation in vertical block. */
	/*display:block;*/
}

#nav a:hover {
/*color: #000000;*/
background-color: #FFFFFF;
}

#loginlogout {
width:100px;
height:50px;
left:20px;
top:615px;
position:absolute;
}

#home {
	position:absolute;
	left:280px;
	top:85px;
	width:500px;
	z-index:10;

}

#homecover {
	position:absolute;
	/*left:220px;*/
	left:280px;
	top:85px;
	width:500px;
	height:500px;
	z-index:10000000000;

}



.arrowclass
{
	font-size:15px;
}



/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	position:absolute;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}


a.prev, a.prevPage{
	left:845px;
	top:175px;
}	
	
/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	left:845px;
	top:500px;
}


/* root element for scrollable */ 
#thumbnail2 {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 	left:825px;
	top:205px;
	z-index:4;
    /* vertical scrollers have typically larger height than width */     
    height: 280px;      
    width: 56px;     
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	/* this time we have very large space for height */     
    height:20000em;
	top: 2px;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
	padding:2px 2px 5px 2px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}










body {
	font: normal 13px Palatino, Garamond, Georgia, serif;
	margin:0;
	padding:0;

}

#benjamin {
	margin:0;
	padding:0;
	position:absolute;
	left:20px;
	top:0px;
	width:531px;
	height:35px;
	z-index:3;
}


#title {
	position:absolute;
	/*left:220px;*/
	left:260px;
	/*top:127px;*/
	top:85px;
	width:360px;
	height:22px;
	z-index:5;
	font-size: 17px;
	color:#666666;
}


#bottom {
	position:absolute;
	/*left:220px;*/
	left:260px;
	top:520px;
	width:655px;
	height:20px;
	z-index:15;
	font-size:14px;
}







#thumbnails {
	position:absolute;
	/*left:220px;*/
	left:260px;
	top:555px;
	width:655px;
	height:50px;
	z-index:5;
}


#numbernav {
	position:absolute;
	left:620px;
	/*left:580px;*/
	width:140px;
	/*top:121px;*/
	top:74px;
	/*top:127px;*/
	z-index:100000000000000;
	text-align:right;
	height: 30px;
}










a:link {
color: #666666;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}

a:hover {
color: #000000;
background-color: #FFFFFF;
}







/* ---------------- DOUBLE PAGE LAYOUT ----------------- */



/* Positions left content layer for double page layout. */
/*#left {
	position:absolute;
	left:230px;
	top:185px;
	width:304px;
	height:304px;
	z-index:5;
	visibility: visible;
	overflow: auto;
}*/

/* Positions right content layer for double page layout. */
#right {
	position:absolute;
	left:561px;
	top:185px;
	width:304px;
	height:304px;
	z-index:6;
	visibility: visible;
	overflow: auto;
}

/* Positions left container layer for double page layout. */
#leftcontainer {
	position:absolute;
	left:220px;
	top:175px;
	width:324px;
	height:324px;
	z-index:1;
	visibility: visible;
	overflow: auto;
	/*background-color: #F3F3F3;*/
}

/* Positions right container layer for double page layout. */
#rightcontainer {
	position:absolute;
	left:551px;
	top:175px;
	width:324px;
	height:324px;
	z-index:2;
	visibility: visible;
	overflow: auto;
	/**background-color: #F3F3F3;**/
}



/* ---------------- SINGLE PAGE LAYOUT ----------------- */


/* Positions content layer for single page layout. */
#center {
	position:absolute;
	left:230px;
	/*top:185px;*/
	top:143px;
	width:535px;
	height:255px;
	z-index:5;
	overflow: auto;
	visibility: visible;
}

/* Positions content container for single page layout. */
#centercontainer {
		position:absolute;
	left:220px;
	/*top:175px;*/
	top:132px;
	width:555px;
	height:275px;
	z-index:5;
	overflow: auto;
	visibility: visible;
	

}


/* ---------------- RESUME  PAGE LAYOUT ----------------- */

/* Resume layer. */
#centerscroll {
	position:absolute;
	left:270px;
	/*left:230px;*/
	/*top:185px;*/
	/*top:117px;*/
	top:75px;
	width:535px;
	z-index:5;
	overflow: auto;
	visibility: visible;
}

/* Resume layer. */
#centerscrollcontainer {
	position:absolute;
	/*left:220px;*/
	left:260px;
	/*top:175px;*/
	/*top:127px;*/
	top:85px;
	width:555px;
	z-index:5;
	overflow: auto;
	visibility: visible;
}


.copyright {
	color: #999999;
	font-size: 12px;
}

/* ---------------- GALLERY PAGE LAYOUT ----------------- */


/* Positions content container for gallery page layout. */
#fullcontainer {
	position:absolute;
	/*left:220px;*/
	left:260px;
	/*top:132px;*/
	top:120px;
	width:500px;
	z-index:10;
background-color:#ffffff;
}

#cover {
	position:absolute;
	/*left:220px;*/
	left:260px;
	top:133px;
	width:500px;
	height:500px;
	z-index:10000000000;

}

#gallerytitle {
	position:absolute;
	/*left:220px;*/
	left:260px;
	top:85px;
	width:500px;
	height:30px;
	z-index:5;
	font-size:25px;
}





/* -------------------- PROJECT PAGE LAYOUT ------------------ */


/* Positions left content layer for double page layout. */
#projectleft {
	position:absolute;
	left:30px;
	/*top:220px;*/
	top:178px;
	width:400px;
	height:400px;
	z-index:5;
	visibility: visible;
	overflow: visible;
}

/* Positions right content layer for double page layout. */
#projectright {
	position:absolute;
	left:460px;
	/*top:220px;*/
	top:178px;
	width:400px;
	height:400px;
	z-index:6;
	visibility: visible;
	overflow: visible;
}


#projectfarright {
	position:absolute;
	left:910px;
	/*top:220px;*/
	top:178px;
	width:400px;
	height:400px;
	z-index:6;
	visibility: visible;
	overflow: visible;
}



/* Positions left container layer for double page layout. */
#projectleftcontainer {
	position:absolute;
	left:20px;
	/*top:210px;*/
	top:168px;
	width:420px;
	height:420px;
	z-index:1;
	visibility: visible;
	overflow: visible;
	/*background-color: #F3F3F3;*/
}

/* Positions right container layer for double page layout. */
#projectrightcontainer {
	position:absolute;
	left:450px;
	/*top:210px;*/
	top:168px;
	width:420px;
	height:420px;
	z-index:2;
	visibility: visible;
	overflow: visible;
	/**background-color: #F3F3F3;**/
}

#projectfarrightcontainer {
	position:absolute;
	left:880px;
	/*top:210px;*/
	top:168px;
	width:420px;
	height:420px;
	z-index:2;
	visibility: visible;
	overflow: visible;
	/**background-color: #F3F3F3;**/
}


#projectcenter {
	position:absolute;
	left:21px;
	/*top:210px;*/
	top:168px;
	width:852px;
	height:422px;
	visibility: visible;
	overflow:visible;
}

#projecttitle {
	position:absolute;
	left:20px;
	/*top:127px;*/
	/*top:85px;*/
	top:65px;
	width:555px;
	height:22px;
	z-index:5;
	font-size: 17px;
	color:#666666;
}

#projectreturn {
	position:absolute;
	left:20px;
	/*top:155px;*/
	/*top:107px;*/
	top:75px;
	width:200px;
	height:19px;
	z-index:5;
}

#projectnav {
	position:absolute;
	left:723px;
	/*top:155px;*/
	top:88px;
	width:140px;
	height:19px;
	z-index:100000000;
	text-align:right;
}


.hello
{
font-size:12px;

}

p.spacing
{
margin-top:-10px;
}







.scroll-pane {
	width: 294px;
	height: 304px;
	overflow: auto;
}


.leftpos {
	position:absolute;
	left:230px;
	top:185px;

}


#left:active
{
outline: none;

}

#left:focus
{
-moz-outline-style: none;

}

/** Mobile website **/
/*@media only screen and (max-device-width: 1024px) {
	#benjamin img {
		width: 500px;
	}
	
	#navigation {
		width: 400px;
		font-size: 1.3rem;
	}
	
	#navigation, #title, #numbernav, #home, #homecover {
		top: 100px;
	}
	
	#numbernav {
		left: 800px;
	}
	
	#home {
		left: 450px;
	}
	
	#fullcontainer {
		top: 135px;
		left: 450px;
		background-color: transparent;
	}
	
	#title {
		left: 450px;
	}
	
	#numbernav p {
		margin: 0;
	}
}*/