/* resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ 	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }


body { 
	background-color: #fafbfd; 
	background-image: url('/parts/background.jpg'); 
	background-image: url('/parts/background.png'); 
	background-repeat: repeat-x; 
	background-attachment: fixed;
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif; text-transform: 
}

#nav, #header { 
	position: fixed; 
	left: 46px; top: 0px; 
	z-index: 10; 
	padding-left: 2px; 
	color: #777; 
	font-size: 60%; 
	text-transform: uppercase; 
	letter-spacing: .25px; 
	line-height: 1; 
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif; 
}
#menu li { height: 24px; }
#nav a, #menu a { padding: 2px; color: #898989; text-decoration: none; }
#nav a:hover, #menu a:hover { color: #324c6c; }

#title a > span {
	display: none; 
}
#title { 
	display: block; 
	position: relative;
	left: 11px;
	margin-bottom: 12px; 
	margin-top: 178px; 
	padding: 0;
	color: #324c6c; 
	letter-spacing: .35px;
	font-size: 18.5px; 
	font-weight: 200; 	
	font-family: franklin, serif; 
}
#title a { 
	display: block; 
	height: 29px; width: 157px; 
	color: #324c6c; 
	background-color: transparent;
	background-image: url('/parts/nav-jd.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat; 
	text-decoration: none; 
}

#header { 
	top: 0; 
	width: 181px; height: 361px; 
	background-image: url('/parts/nav_background.png');
	background-repeat: no-repeat;
	background-position: 8px -196px;
	text-align: center; 
}

#footer { 
	position: fixed; bottom: 0px;
	width: 158px; 
	/*left: 288px;*/
	left: 57px; 
	padding: .5em .25em .25em .5em;
	color: #aaa; 
	background-color: #f8f9fb; 
	border-top: 1px solid #ccc; 
	font-size: 10px; 
	text-align: center;
	line-height: 1.45;
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif;
 }	
#footer a { color: #999; text-decoration: none; }

#contents, #content { 
	position: relative; 
	width: 640px; 
	left: 178px; 
	top: 100px; top: 0px; 
	padding-bottom: 30px; 
}

#main, #landing { padding-left: 79px; padding-top: 10px; min-height: 397px; }

#main { position: relative;  
	left: 30px; 
	top: 48px;
	width: 393px; 
	min-height: 397px; 
	overflow: visible;
	padding-right: 7px;
	padding-bottom: 50px;
	padding-top: 15px;
}

#main, 
.textblock {
	position: relative;  
	top: 8px;
	font-size: 78%; 
	color: #777; 
	line-height: 1.45;
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif;
}	
.textblock { padding-top: 1.5em; margin-bottom: 2em; }
.textblock p, .textblock h1 { padding: .75em;}
.textblock h1 { text-transform: uppercase; font-size:78%; padding-left: 1em;}

/* overlay */

#select { padding-left: 0px; padding-top: 1px; height: 442px;  }
#categories { padding-left: 0; padding-top: 122px; height: 354px;  }
#select ul, #categories ul { width: 640px;  }
#select ul li, #categories ul li, .categorylink { display: inline; width: 208px; }
#select ul li img, #categories ul li img, .categorylink img { padding: 0; margin: 0 7px 4px 0; }
#selectnav { height: 18px; display: block; text-align: right; padding: 0 13px 0 0; }

#select li,
/*#categories li,*/
.categorylink 
{ 
	float:left; 
	position:relative; 
	font-size: 70%;
	letter-spacing: 1px;  
	color: #777;  
	line-height: 1.45;
	margin-right: 1px;
	text-transform: uppercase; 
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif;
}
	
#categories li a, 
#select li a,
a.categorylink,
.categorylink a 
{
	text-decoration: none; 
}

#select li span, 
#categories li span,
.categorylink span {
	display: none; 
	position: absolute;
	top: 0px; left: 0px;
	width: 202px; height: 132px;
	padding: 1px; padding-top: 70px; 
	color:#fff;
	background: url('/parts/trans.png') no-repeat;
	text-align: center;
	line-height:110%;
}
	
.pageContent > .categorylink { top: 52px; }

.fileGroup { margin-top: 52px; padding: 0px; }

.slideshow-nav,
.projects-nav { 
	height: 25px; 
	margin: -52px 1em -12px 1px; 
	color: #aaa; 
	font-size: 60%; 
	text-transform: uppercase; 
	line-height: 1; 
	letter-spacing: .25px; 
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif; 
}
.slideshow-nav a, .projects-nav a { color: #666; }
.slideshow-nav a:hover, .projects-nav a:hover { color: #114; }

.projects-nav { 
	margin-left: 400px; 
}

#textpage { 
	position: relative; 
	max-width: 35em; 
	top: 113px; 
	margin-left: 30px; 
	padding-top: 29px; 
	color: #8a8b8d;  
	border-top: 1px solid #d3d4d6; 
	font-size: 90%; 
	line-height: 1.65; 
	font-family: Calibri, geneva, ariel, "lucida sans", sans-serif; 
}
#textpage strong { color: #4e504f; text-transform: uppercase; }
#textpage a { color: #4e504f; border-bottom: 1px solid #ccc; text-decoration: none; }

.file, .one-by-one, .textblock { margin: 0; padding: 0px; }
.file > img { margin-top: 12px; padding: 37px 39px 34px 39px; border: 1px solid #dde4e8; background-color: #fff; } 
.textblock { padding: 10px 40px 40px 40px; font-size: 80%; line-height: 1.5; }
.textblock > strong { color: #696969; text-transform: uppercase; line-height: 2.5; }

img#landingimage { 
	display:none;  /* temporarily hide this, until randomizing is coded for */
	margin-top: 22px; 
	margin-left: 35px; 
	padding: 37px 39px 14px 39px; 
	border: 1px solid #dde4e8; 
	background-color: #fff; 
}

hr { height: 1px; color: #eee; }

body#landingpage #header,
body#page #header { background-position: 8px -234px; }

body#projects #header { background-position: 8px -180px; }

body#landingpage #main { margin-top: 0px; }
body#landingpage .textblock { display: none; }