/* Global CSS Styles for all Galleries  */
html,body{	margin:0; padding:0;}
body {	
	background:url("http://www.sageartsstudio.com/design/imgs/BG2.jpg") #000;
	background-repeat:repeat-x;
	html>body {background-position:40% 20%;}
	}
div#header {
	width:400px;
	right:2em;
	text-align:left;
	height:120px; 
	margin:0;
	padding:10px 0 0 20px;
	color:#fff;
	}  
div#wrapper{float:right;}

div#left {
	float:left; 
	width:175px; 
	margin:0 0 0 9%;
	padding:0;
	}
	#left h1 {
		color:#7292B9; 
		font:bold 12pt/15pt Georgia;
		text-align:left;
		padding:0;
		margin:0;
		}
	#left ul,li a {
		color:#BAC6CE;
		text-decoration:none;
		font:bold 9pt/16pt Georgia;
		text-align:left;
		list-style:none;
		text-indent:0;
		padding:0 0 0 10px;
		margin:0;
		}
	#left ul,li a:hover {
		color:#fff;
		font:bold 9pt/16pt Georgia;
		text-align:left;
		text-indent:0px;
		padding:0;
		margin:0;
		}

div#center{
	position:absolute; 
	top:125px;
	width:175px; 
	left:32%; 
	height:500px;
	margin:0;
	padding:0;
	}
	#center h1 {
		color:#E3CEB6;
		font:bold 16pt/18pt Georgia;
		text-align:left;
		padding:0 0 12px 0;
		margin:0;
		}
		div#center a {color:#BAC6CE;}
		div#center a:hover {color:#fff;}
	#center p {
		color:#B09178;
		font:bold 9pt/12pt Georgia;
		word-spacing: 0.02em;
		text-align:left;
		padding:0 0 10px 0;
		margin:0;
		}
	#wrap {
		background:transparent;
		border-left:1px solid #B09178;
		padding-left:15px;
		margin:0;
		height:300px;
		width:100px;
		} 
		#table {
			height:300px;
			width:60px;
			padding:0 0 10px 0;
			margin:0 0 10px 0;
			border:0;
			}
		.th {
			float:left;
			clear:none;
			height:20px;
			width:20px;
			border:0;
			margin:2px;
			padding:0;
			background:transparent;
			}  
		.roll {
			border:0;
			margin:0;
			padding:0;
			}
		.roll img {background:url("http://www.sageartsstudio.com/design/imgs/nimg.jpg");}
		.roll a>img {background:url("http://www.sageartsstudio.com/design/imgs/yimg.jpg");}  
		.roll a:hover>img {background:url("http://www.sageartsstudio.com/design/imgs/onimg.jpg");}
		div#footer {font: 9pt/11pt Verdana; color:#9EA4AC; text-align:left; padding-top:15px;}
		span.inset {
			height:180px; 
			width:205px; 
			margin:0 5px 5px 5px; 
			padding:0; 
			float:right; 
			clear:none; 
			font: 8pt/9pt Verdana; 
			color:#9EA4AC; 
			text-align:center; 
			padding-top:10px;
			}
.prevmain {
	clear:both;
	}
div#xprev {   /*  Extended Preview images for certain galleries  */
	text-align:left; 
	width:300px; 
	height:20px; 
	clear:both;
	padding:5px 0;
	margin:0;
	border:0;
	font:bold 9pt/9pt Verdana; 
	color:#9EA4AC; 
	}
	.xclick {
		border:0;
		padding:0;
		margin:0;
		background:transparent;
		clear:none;
		}
		.xclick a>img {
			background:url("http://www.sageartsstudio.com/design/imgs/yimg.jpg"); 
			background-repeat:no-repeat; 
			margin:0 10px;
			border:0;
			}  
		.xclick a:hover>img {
			background:url("http://www.sageartsstudio.com/design/imgs/onimg.jpg"); 
			background-repeat:no-repeat; 
			margin:0 10px;
			border:0;
			}

.wprev {  /*  Extended Preview images for writing galleries  */
	overflow:visible;
	border:0; 
	margin:10px 0;
	padding:20px;
	background:transparent;
	background-image:url("http://www.sageartsstudio.com/design/imgs/wprevbg.png");
	background-position:left top;
	background-repeat:no-repeat;
	}
	.wprev h2 {
		font:bold 13pt/15pt "Courier New", Courier, mono !important;
		color:#000 !important;
		margin:10px 20px !important;
		}
	.wprev p {
		font:11pt/13pt "Courier New", Courier, mono !important;
		color:#000 !important;
		margin:10px 20px 5px 20px !important;
		}

div#content{margin:-30px 1.8em 0 0; width:475px; left:55%; overflow:visible;}
	div#content h2 {
		text-align:left;
		color:#B09178;
		font:bold 10pt/12pt Georgia;
		padding:10px 0 20px 0;
		}
	div#content p {
		color:#B09178;
		font:10pt/12pt Georgia;
		text-align:left;
		padding:0 0 10px 0;
		margin:0;
		}
	div#content a {color:#BAC6CE;}
	div#content a:hover {color:#fff;}
	div#content a:visited {color:#7292B9;}
	div#content img {border:3px solid #B09178; margin:10px 0;}
	div#content a>img {border:0; margin:8px 2px 5px 2px;}
	div#img1, div#img2, div#img3, div#img4, div#img5, div#img6, div#img7, div#img8, div#img9, div#img10, div#img11, div#img12, div#img13, div#img14, div#img15, div#img16, div#img17, div#img18, div#img19, div#img20 {display:none; overflow:visible;}
	.img100 h2:first {padding-top:0;}
	.img100 h2 {
		text-align:left;
		color:#B09178;
		font:bold 10pt/12pt Georgia;
		padding:20px0 0 15px 0 !important;
		margin:0;
		}
	.img100 p {
		color:#B09178;
		font:10pt/12pt Georgia;
		text-align:left;
		padding:8px 0 20px 0;
		margin:0;
		}
	.bio p {padding-bottom:15px;}
