/* Global CSS Styles for all Galleries  */
html,body{	margin:0; padding:0;}
body {	
	background:url(images/backgroundimage.jpg);
	}
	
/*TOP LOGO*/
div#header {
	width:300px;
	right:2em;
	text-align:left;
	height:175px; 
	margin:0;
	padding:10px 0 0 20px;
	color:#fff;
	}  
	
	#header, a:link{
	border-style: none;
	}

/*NAVIGATION*/
div#left {
	float:left; 
	width:150px; 
	margin:0 0 0 9%;
	padding:0;
	}
	#left h1 {
		color:#000000; 
		font:bold 12pt/15pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0;
		margin:0;
		}
		
	#left h1 a:link{
		text-decoration:none;
		border-style:none;
		color:#000000;
		}
		
	#left h1 a.current{
		text-decoration:none;
		border-style:none;
		color:#BC6072;
		}
		
	#left h1 a:visited{
		text-decoration:none;
		border-style:none;
		color:#000000;
		}
	
	#left ul,li a {
		color:#999999;
		text-decoration:none;
		font:bold 9pt/16pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		list-style:none;
		text-indent:0;
		padding:0;
		margin:0;
		}
	#left ul,li a:hover {
		color:#BC6072;
		font:bold 9pt/16pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		text-indent:0px;
		padding:0 0 0 10px;
		margin:0;
		}
		
	#left ul,li.current {	
		color:#BC6072;
		font:bold 9pt/16pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		text-indent:0px;
		padding:0 0 0 10px;
		margin:0;
		}

/*LIGHTBOX GALLERY*/
#images {
	position: absolute;
	top: 230px;
	left: 250px;
	width: 600px;
	height: 650px;
	overflow:inherit;
}

#images img {
	border: 20px;
	border-color:#666666;
	}
	
#images img a:hover {/*border on boxes on hover....not working currently....*/
		border:3px solid #999999;
		background-color:#FFCCCC;
	}

/*general GALLERY intro text*/
div#gallery{
	width: auto;
	top: 50px;
	padding:0 0 0 0;
	margin-right: 20px;
	margin-left: 250px;
	height: 160px;
	}
	#gallery h1 {/* "line and tone"*/
		color:#BC6072;
		font:16pt/18pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0 0 0 0;
		margin-left: 0;
		margin-top:-10px;
		}
	#gallery p {/* instructions*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:10px;
		margin-top:-20px;
		}

/*BACKGROUND PAGE*/
div#about{
	width: auto;
	top: 50px;
	padding:0 0 0 0;
	margin-right: 20px;
	margin-left: 250px;
	height: 560px;
	}
	#about h1 {/* Category */
		color:#BC6072;
		font:16pt/18pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0 0 0 0;
		margin-left: 0;
		margin-top:-10px;
		}
		
	#about h1.welcomeheader {/* welcome*/
		color:#BC6072;
		font:16pt/18pt Optima, Arial, Helvetica, sans-serif;
		font-style:italic;
		text-align:left;
		padding:0 0 0 0;
		margin-left: 0;
		margin-top:40px;
		}
	#about p {/* instructions*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:10px;
		margin-top:0px;
		z-index:auto;
		}
	#about p.intro {/* instructions*/
		color:#333333;
		font: 12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:10px;
		margin-top:0px;
		z-index:inherit;
		}
	
	#about img {
	width: 200px;
	float: right;
	top: 30px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding:10px;
		}
	
	#about img.painting {
	width: 750px;
	margin-left: -60px;
	margin-top: 10px;
	padding:10px;
	position:absolute;
	filter:alpha(opacity=20);
	-moz-opacity: .8;
	opacity: 0.2;
		}
		
	#about img.home {
	height: 60px;
	width: 605px;
	margin-left: -20px;
	margin-top: 100px;
	padding:10px;
	position:absolute;
		}
		
	#about ul {/* main items*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:0px;
		margin-top:0px;
		list-style-type: none;
		}
		
	#about ul.bullets {/* bulleted items in list*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:0px;
		margin-left:5px;
		margin-top:0px;
		list-style-type:disc;
		list-style-position: inside;
		}
		
/*RESUME PAGE*/
div#resume{
	width: auto;
	position:absolute;
	top: 200px;
	margin-right: 20px;
	margin-left: 250px;
	padding-bottom: 100px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	}
	#resume h1 {		color:#BC6072;
		font:16pt/18pt Optima, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0 0 0 0;
		margin-left: 0;
		margin-top:-10px;
		}
	#resume p {
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:0px;
		margin-top:0px;
		}
		
	#resume ul {/* main resume items*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		padding:0px;
		margin-top:0px;
		list-style-type: none;
		}
		
		#resume ul.bullets {/* bulleted items in list*/
	color:#999999;
	font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
	word-spacing: 0.02em;
	text-align:left;
	padding:0px;
	margin-left:5px;
	margin-top:-1em;
	list-style-type:circle;
	list-style-position: inside;
		}
		
		#resume ul span {/* bulleted items in list*/
		color:#999999;
		font: 9pt/12pt Optima, Arial, Helvetica, sans-serif;
		word-spacing: 0.02em;
		text-align:left;
		font-style: italic;
		padding:0px;
		margin-left:5px;
		margin-top:0px;
		list-style-type:none;
		}

#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 25px;
	filter:alpha(opacity=80);
	-moz-opacity: .25;
	opacity: 0.8;
	background-color:#999999;
	}

	#footer_inset {
	width: 888px;
	height:50em;
	margin: auto;
	}
	
	#footer1 {
	padding-right: 10px;
	padding-left: 10px;
	margin: auto;
	font-family:Optima, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	width: auto;
	}
#about  .interactive  {
	color: #BE6677;
	text-decoration: none;
}