/* Reset - Thanks to Eric Meyer for these styles */
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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
strong {font-weight:bold;}
em { font-style:italic;}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { }
blockquote, q { quotes: "" ""; }


body {text-align:center; font:normal normal 13px/25px Tahoma, Geneva, sans-serif; color:#666666;}

h1, h2, h2 a { font-weight:normal; font-style:normal; font-family: Trebuchet MS, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px;}
h1 {font-size:30px; line-height:30px; color:#cdcdce;}
h2, h2 a { font-size:15px; line-height:15px; color:#333333; text-decoration:none; }
h2 a:hover { text-decoration:none; color:#000000; }
p { padding-bottom:20px;}
ul { padding:0 0 20px 30px;}
li { list-style:square;}
a { text-decoration:underline; color: #666666;}
a:hover { text-decoration:underline; color:#333333;}
img {border:none;}


#container { width:835px; margin: 0 auto; text-align:left;}
	#bar { width:835px; height:40px; position:fixed; top:0; z-index:200; }
	
	#navlogocontfloat { float:right; width:250px; background:#ffffff; }
		#navlogocontainer { position:fixed; z-index:150; top:30px; width:250px; height:355px; background:url(/images/navigation/bkg-nav.png) no-repeat bottom;}
			#navcontainer { padding-top:15px; height:275px;}
				#nav { padding:0;}
					#nav li { list-style: none; float: left; position: relative; margin-bottom: 12px;}
						#nav li a { text-indent: -9000px; display: block;}
					#nav li.smallnavbox, #nav li.smallnavcurrent a {height:16px; line-height:16px;}
					#nav li.mediumnavbox, #nav li.mediumnavcurrent a {height:23px; line-height:23px;}
					#nav li.largenavbox, #nav li.largenavcurrent a {height:29px; line-height:29px;}
						#nav li.smallnavcurrent a {background-position: 0 -16px;}
						#nav li.mediumnavcurrent a {background-position: 0 -23px;}
						#nav li.largenavcurrent a {background-position: 0 -29px;}
							a#paintings, a#cubes, a#projects{height:23px;}
								a#paintings {background:url(/images/navigation/nav-paintings.jpg) no-repeat top; width:159px;}
								a#cubes {background:url(/images/navigation/nav-cubes.jpg) no-repeat top; width:87px;}
								a#projects{background:url(/images/navigation/nav-projects.jpg) no-repeat top; width:150px;}
									a#paintings:hover, a#cubes:hover, a#projects:hover {background-position: 0 -23px;}
							a#sculpture { background:url(/images/navigation/nab-sculpture.jpg) no-repeat top; height:29px; width:218px;}
								a#sculpture:hover {background-position: 0 -29px;}
							a#biography, a#process, a#statement, a#resume, a#links, a#newsletter, a#contact {height:16px;}
								a#biography{ background:url(/images/navigation/nav-biography.jpg) no-repeat top; width:126px;}
								a#process {background:url(/images/navigation/nav-process.jpg) no-repeat top;width:82px;}
								a#statement {background:url(/images/navigation/nav-statement.jpg) no-repeat top; width:129px;}
								a#resume {background:url(/images/navigation/nav-resume.jpg) no-repeat top; width:63px;}
								a#links {background:url(/images/navigation/nav-links.jpg) no-repeat top; width:61px;}
								a#newsletter {background:url(/images/navigation/nav-newsletter.jpg) no-repeat top; width:130px;}
								a#contact {background:url(/images/navigation/nav-contact.jpg) no-repeat top; width:101px;}		
									a#biography:hover, a#process:hover, a#statement:hover, a#resume:hover, a#links:hover, a#newsletter:hover, a#contact:hover {background-position: 0 -16px;}
									
	/* Home Page Cross Fade Styles Start */
	#imageContainer { width:567px; margin-top:35px; float:left; z-index:1; position:absolute;}
	#imageContainer img {display:none;position:absolute;top:0; left:0;}
								
	/*Main Text Div Styles Start*/
	#maintext  {width:546px; min-height:310px; padding:0 20px 0 0; margin-top:35px; border-right: solid 1px #e7e7e7; float:left; z-index:1; position:absolute;}	
								
	/*Portfolio Styles Start*/
	.detailimages1, .detailimages2  {width:525px; height:435px; padding:20px; margin-top:35px; border: solid 1px #e7e7e7; text-align:center; float:left; z-index:1; position:absolute; overflow:hidden;}
	.detailimages2 {margin:0;}
		.scroll {position:relative; overflow:hidden; width: 525px; height: 435px;} /* root element for single scroll */
		.scroll .pics { width:20000em; position:absolute; clear:both;} /* root element for the scroll pics */
		.pics .imgcontainter, .noscroll .pics .imgcontainersingle {float:left; cursor:pointer; margin:0 40px 0 0; width:525px; height:435px; text-align:center;} /* single scroll item */
		.noscroll .pics .imgcontainersingle {cursor:auto;}  
		.scroll.active {}  /* possible settings for the active scroll */
	.imagedescriptions1, .imagedescriptions2 {height:435px; padding:50px 0 20px 585px; margin-bottom:40px; font:normal normal 13px/25px Tahoma, Geneva, sans-serif; color:#666666; overflow:hidden;}
	.imagedescriptions2 {padding-top:20px;}
		.imagedescriptions1 p, .imagedescriptions2 p {line-height:16px;}
		.imagedescriptions1 h2, .imagedescriptions2 h2 { padding-top:315px; padding-bottom:0;}
	.hovermsg { height:55px; width:505px; text-align: left; background:#FFFFFF; color:#000000; opacity: 0.6; filter: alpha(opacity=60); position:absolute; z-index:100; bottom:-70px; padding:5px  20px 0 40px; font-style:italic; left:0px;}

	/*Resume Tables Styles Start*/
	table.resume {width:auto; margin-bottom:20px;border:none;}
		td.date {width:72px; text-align:right; vertical-align:top; padding:0 10px 10px 0; line-height:18px;}
		td.info {vertical-align:top; padding-bottom:10px; line-height:18px;}
		td.info .bold {font-weight:bold;}
		td.info .italic {font-weight:bold; font-style:italic;}

	/*Generic Styles Start*/
	.slineheight {line-height:18px;} /*Used on Resume Top paragraph*/
	img.projects {float:left;padding: 0 10px 10px 0;}
	#whitespace {width:700px; position:relative; z-index:5; bottom:0; height:30px; background:#FFFFFF;} /*used at btm of maintext div */