/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */

	
* { margin: 0; padding: 0; }

html {	height:100%; }

body {
	background: #f4f3ed url("../images/background.jpg") top left repeat-x;
	color: #4f4f4f;
	font: 11px/15px Helvetica, Arial, Sans-Serif;
	margin: 0;
	height:100%; 
	border-left: 60px solid #5d7f85;
}

img, a img { border: none;}

a { color: #cc6600; text-decoration: none; font:inherit; }

a:hover { color: #5d7f85;}

p { margin: 14px 0; }

em { white-space: nowrap; }

h1 { font-size: 21px; line-height: 26px; font-weight: normal; color: #5d7f85; margin-bottom:7px;  }

h2 { font-size: 13px; color: #979797; font-weight: normal; line-height: 22px; }

h3 { color: #5d7f85; font: 17px Georgia,Cambria,Times,Times New Roman,serif; font-weight: normal; font-style: italic; margin-bottom:4px; }

h4 { color: #736d6b; font: 10px/14px Georgia,Cambria,Times,Times New Roman,serif; font-style: italic; font-weight: normal;}

h5 { color: #5d7f85; font: 11px/18px Georgia,Cambria,Times,Times New Roman,serif; margin-bottom:4px; text-transform: uppercase; }

hr { 	clear:both;
		width: 100%;
		border: none;
		margin: 10px 0 20px 0;
		color: #d8d8cd;
		background-color: #d8d8cd;
		height: 1px;
		}
		
span.caps { text-transform: uppercase; font: 13px/22px Georgia,Cambria,Times,Times New Roman,serif; letter-spacing: 1px; color:#8b8b8b; }

#key strong {white-space: nowrap;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~HOME STYLES ~~~~~~~~~ */

#news { margin-top:170px; line-height: 16px }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~SUBPAGE STYLES ~~~~~~~~~ */

#wrapper {
		margin: 0;
		float:left;
		height:100%;
		}


#sitename {
		float:left;
		width:48px;
		background-color:#5d7f85;
		padding: 10px 6px;
		margin-left: -60px;
		position: relative; 
		}
		
#fullpage {
		width:810px;
		padding:32px 45px;
		float:left;	
		}
		
#fullpage img.border  { border:6px solid #cfcdc0; float:left; }

#nav-col {
		width:218px;
		padding:32px 36px;
		float:left;	
		}
		
#painting-info { margin-top:200px;}
#painting-info a, #painting-info2 a { color: #cc6600; font: 10px/18px Georgia,Cambria,Times,Times New Roman,serif; text-decoration: none; font-style: italic; }

#painting-info h1 { width: 144px; }
#painting-info2 h1 { width: 228px; clear:both; }


#painting-nav {
		float:right;
		width:80px;
		font-size: 10px;
		font-weight:bold;
		text-align: right;
		padding-top:5px;
		}	
		
#painting-nav #count { float:right; margin-top:-2px; }	
#painting-nav .of { font-family: Georgia,Cambria,Times,Times New Roman,serif; font-style: italic; font-weight: normal; }

#arrowright a { background: url(../images/arrowright-active.gif) no-repeat; width:9px; height: 8px; padding: 0 3px; float:right;}
#arrowright a:hover { background: url(../images/arrowright-hover.gif) no-repeat; }
#arrowleft a { background: url(../images/arrowleft-active.gif) no-repeat; width:9px; height: 8px; padding:0 3px; float:right;}
#arrowleft a:hover { background: url(../images/arrowleft-hover.gif) no-repeat; }

#arrowright-inactive { background: url(../images/arrowright-inactive.gif) no-repeat; width:9px; height: 8px; padding: 0 3px; float:right;}
#arrowleft-inactive { background: url(../images/arrowleft-inactive.gif) no-repeat; width:9px; height: 8px; padding: 0 3px; float:right; }

#arrowright span, #arrowleft span, #arrowright-inactive span, #arrowleft-inactive span  { visibility: hidden; }

#painting-col { float:left; margin-top:36px; }
#painting-col object, #painting-col embed, #painting-col img.border  { border:6px solid #cfcdc0; float:left; }


#text-col { width:580px; float:left; margin-top:36px;  }


#thumbnails { margin-top:20px; }

#thumbnails img { padding-right: 11px; float:left; }
#thumbnails img.last { padding-right: 0; }

#process-animation { float:left; width:400px; }
#process-text { float:left; margin-left:25px; width:200px; }

.date { font-weight:bold; margin-right:10px;}
.image-left {float:left; padding-right:20px; padding-bottom:30px;}
.bug {float:left; padding-right:6px; }
	
#thumbbox { 
	clear:both;
	float:left;
	margin-bottom:6px;
	}
	
#thumbbox-r { 
	float:left;
	margin-bottom:6px;
	margin-left:25px; 
	}
		
#thumbbox a, #thumbbox-r a { 
	width:270px;
	float:left;
	padding:3px;
	background: #dbd9d1;
	}
	
#thumbbox a:hover, #thumbbox-r a:hover { background: #9c9c8d;}				
#thumbbox a:hover h5, #thumbbox-r a:hover h5{ color: #ffffff;}	
	
#thumbbox a img, #thumbbox-r a img { float:left; margin-right: 14px; }	

#thumbbox h5, #thumbbox-r h5  { margin-top: 30px; font-weight: normal; }	
#thumbbox h5.twolines, #thumbbox-r h5.twolines  { margin-top: 20px; }	
					
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~ NAV STYLES ~~~~~~~~--~ */

		
ul#nav { list-style: none; text-align:right;}
	
ul#nav li a {
		display:block;
		padding:6px 0;
		font: 10px/14px Georgia,Cambria,Times,Times New Roman,serif; 
		font-family: Georgia,Cambria,Times,Times New Roman,serif;
		font-style: normal;
		font-weight: bold;
		color: #999999;
		text-transform: uppercase;
		letter-spacing: 1px;
		height: 13px;
		}
			
#homenav ul#nav li a { color: #f1f0e9; }

ul#nav li a:hover { color:#5d7f85;}	
#homenav ul#nav li a:hover { color: #c2bd9e; }	

ul#nav li a.onpage  { color:#cc6600;}	

ul#nav ul { list-style: none; margin-top:-5px; margin-bottom:4px; }
	
ul#nav ul li a { 
		padding:2px 0;
		color: #666666;
		font: 9px Helvetica, Arial, Sans-Serif;
		letter-spacing: normal;
		height: 10px;
		}
		
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~ SCROLL STYLES ~~~~~~~~--~ */

dt  {float:left; width:60px; font-weight:bold; margin-bottom: 2px; clear:both; line-height:18px;  }
dd  {float:left; width:516px;  margin-bottom: 2px;  line-height:18px;  }
dl  {margin-bottom:20px; float:left;}

#scrollcont .txt {
	position:absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 580px;
}

#scrollcont {
	position: relative;
	top: 0px;
	left: 0px;
	width: 580px;
	height:490px;
	overflow: hidden;
	float:left;
}

#up {
	float:right;
	margin-top:0px;
}

#down {
	float:right;
	clear:right;
	position:relative;
	top:460px;
	margin-top:0px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~ KEY STYLES ~~~~~~~~--~ */

img.viewkey { margin-top:10px; }

#key-scrollcont .txt {
	position:absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 162px;
}

#key-scrollcont {
	position: relative;
	top: 0px;
	left: 0px;
	width: 162px;
	height:500px;
	overflow: hidden;
	float:left;
	margin-top: -14px;
}

#key-scroll {
	float:right;
	width:180px;
	margin-top:36px;
}