/* ---- HEADER ELEMENTS ---- */

	#replacelogo,
	#replacelogo a { 
		text-indent: -90em; 
		overflow: hidden; 
		background: url('images/logo.jpg') no-repeat; 
		height: 80px; 
		width: 300px;
		position: relative;
		background-position: 25px 20px;
		display: block; 
		float: left;
		margin: 0px; 
		padding: 0px; 
	 }
	#printlogo { 
		display: none; 
	}

	#printslogan { 
		display: none; 
	}

/* ---- HEADER ELEMENTS ---- */

	#header {
		background:#FFFFFF;
		margin-bottom: 10px;
	}

	#mainnav {
		width: 340px;
		margin: 0px 0px 0px 75px;
		padding: 30px 5px 0px 0px;
		text-align: left;
		float: left;
	}
	
	#mainnav a {
		font-size: 0.95em;
		color: #86afb3;
	}
	
	
/* ---- BODY ELEMENTS ---- */
	body {
		background: #231F20;
		color: #86afb3;/*#256270;*/
		text-align: left;
		font-weight: normal;
		/*font-family: helvetica, georgia, verdana, tahoma, sans-serif; */
		font-family: Verdana,Geneva,Arial,sans-serif;
	}		

	#outer-container {
		width: 740px;
		margin: 0px;
		padding: 0px;		
	}
	
	#inner-container {
		padding: 10px;
		text-align: left;
		background: #93908C; 
	}
		
	#content {
		height: 350px;
		background: #93908C;
		margin: 10px 0px 0px 0px;
	}
	
	#content2 { 
		height: 226px;
		width: 100%;
		padding: 10px 0px 0px 0px;
	}
	
	.mainpage-box {
		background: #FFFFFF;
		width: 236px;
		height: 100%;
		float: left;
	}
	.generic_body
	{
		background-color:#ffffff;
		margin: 0px;
		padding: 0px;
	}
	
/* ---- ABOUT.HTML ELEMENTS ---- */

	#about_body {
		background:#ffffff url('images/about_background.jpg') no-repeat bottom right;
	}
	
	#about_text {
		color: #000000;
		font-size: .95em;
		generic-family: sans-serif;
		width: 680px;
		padding: 30px 0px 0px 20px;
	}

/* ---- ILLUSTRATION.HTML ELEMENTS ---- */

	#illustration_body {
	}
	

	#illustration_text {
		height: 90px;
		position: relative;
		top: 35px;
		left: 5px;
		margin: 20px 0 0 0;
		padding: 0px 5px;
		font-size:0.95em;
	}

/* ---- UPCOMING.HTML ELEMENTS ---- */

	#upcoming_body{
		background-color: #ffffff;
	}
	
	#upcoming_text {
		margin: 0px 15px 0px 15px;
	}
	
	#upcoming_text h2{
		color: #aa553d;
	}
	
/* ---- FINEART.PHP ELEMENTS ---- */
	#fineart_body {
		background-color: #93908C;
	}
	
/* ---- THUMBNAILS ---- */
	#jgal 
	{ 
		list-style: none; 
		width: 200px;
		height: 410px;
		position: relative;
		display: none;
	}	
	#jgal li
	{ 
		opacity: .5; 
		float: left;
		width: 60px; 
		height: 60px; 
		background-position: 50% 50%; 
		cursor: pointer; 
		border: 3px solid #fff; 
		outline: 1px solid #ddd; 
		margin-right: 14px; 
		margin-bottom: 14px; 
	}
	#jgal li img 
	{ 
		position: absolute; 
		top: 0px; 
		left: 220px; 
		display: none; 
	}
	#jgal li.active img 
	{ 
		display: block;
	}
	#jgal li.active, #jgal li:hover, .galleryThumb:hover, .galleryThumbSmall:hover
	{ 
		outline-color: #bbb; 
		opacity: .99; /* safari bug */ 	
	}	
    
	.pagination
	{
		border: 1px solid #CCCCCC;
		color: #909090;
		display: block;
		float: left;
		margin-right: 2px;
		padding: 4px 7px 2px;
	}
	.pagination a:hover, a:visited
	{
		color: #909090;
	}
	
	div.current,
	div.current:hover, 
	div.current a,
	div.current a:hover
	{
		background-color: #909090;
		color:#FFFFFF;
	}
	.pagination:hover
	{
		background-color: #CCCCCC;
	}
	/* styling without javascript */
	#gallery { 
		list-style: none; 
		display: block; 
	}
	#gallery li { 
		float: left; 
		margin: 0 10px 10px 0; 
	}
	#series_text
	{
		color: #000;
		width: 450px;
		height: 60px;
		text-align: left;
		font-size: 12px;
		margin: 0px 40px 10px 40px;
		padding: 5px;
	}
	#gallery_title {
		height: 20px;
		color: #000;
		display: none;
		width:100%;
		text-align:center;
		margin-bottom: 10px;
	}
	#div_buttons {
		width:100%;
		padding:0px 10px 0px 10px;
		display:none;
		text-align: center;
		position: relative;
		left: 30px;
	}
	#gallery_wrapper {
		display: block;
		width: 100%;
		padding-top: 25px;
	}
	#gallery_wrapper:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	
/* ---- FOOTER ELEMENTS ---- */

	#footer {
		padding: 13px 13px 13px 13px;
		margin: 0;
		background: #231F20;
		font: 10px verdana, arial;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center; 		
	}		
	#footer a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: normal; 
	}
	#footer a:hover {
		color: #CC8D30;
		text-decoration: none;	
		font-weight: normal; 
	}
	#footer .left {
		margin: 0;
		float: left; 
	}
	#footer .right {
		margin: 0;
		text-align: right; 
	}
	
/* ---- GENERAL LOOK ---- */

	.oldbrowsers, 
	.hide { 
		display: none; 
	}

	img { 
		border: none; 
		padding: 0px;
		margin: 0px;
	}
	
	.reset {
		display: block; 
		clear: both; 
		font: 1px/1px serif;
		height: 1px; 
		margin: 0px; 
	}
	
	a {
		color: #86afb3;
		text-decoration: none;
		outline: none;
	}
	
	a:hover,
	#mainnav a:hover,
	.orange-link {
		color: #CC8D30;
		text-decoration: none;
	}
	
	.orange-link {
		color: #CC8D30;
		text-decoration: none;	
		font-weight: normal;
	} 

	.red-text {
		color: #aa553d;
	}
	.blue-text {
		color: #86afb3;
	}

	form, 
	input, 
	select {
		margin: 0px;
		padding: 0px; 
	}