/* html, body { 
    height: 100%; 
    overflow: auto; 
} */


/* IE6 Positioning FIX */
* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
    /*overflow: auto; screws up portraits with sidebar*/ 
} 
.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
} 
.box { 
    position: fixed; 
    /*left: 10px;*/ 
		left: 40%;
		top: 30%;
    /*top: 180px;*/ 
} 

* html .box { 
    position: absolute; 
} 




 body {  
    margin: 0;
    padding: 0; 
  	font-family: Georgia, Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Geneva, Arial, sans-serif;
  	line-height: 1;
    background:#000;
  	text-align: left; /*centering messes up ie*/
  } 
	
	div {
	  color:white;
	}
	
  div.mainPanel, div.manage {
    margin: 10px auto; /*centering*/
		padding: 0px;
  	width: 874px;
		position:relative;
  }
	
	div.menu {
	  text-align:center;
	}
	
	h1.title, h2.soon {
	  text-align:center;
		color:#900;
	}
		
	h2.page {
	  text-align:center;
		color:#a00;
		padding:10px;
	}
		
  div.menu a {
		margin: 0 7px;
	}		
	
	a:link {color: #99f}     /* unvisited link */
  a:visited {color: #9f9}  /* visited link */
  a:hover {color: #f66}   /* mouse over link */
  a:active {color: #9ff}   /* selected link */
	
	div.home {
	  text-align: center;
		margin: 0 auto;  
		padding: 20px;
	}

  img.header {
	  width:100px;
    padding:0 0 20px 120px;
  }
	
	img.headerLarge {
	  width:200px; /*default size*/
	  position:absolute;
		/*visibility:hidden;*/
		z-index:5;
	  width: 200px;
		top: 0px;
		left: 674px;
	}
	
	img.home {
	  top:0px;
		left:0px;
		width:400px;
	}	
	img.enlarge {
	  position:absolute;
		visibility:hidden;
		width:874px;
		padding-bottom:10px;
  }
	p.updated {
	  margin:0;
		padding:4px;
	  text-align: center;
	  font-style: italic; 
		font-size: 12px; 
		color: #FFF; 
		font-weight: bold;
	}
	
	p.copyright {
	  margin:0;
		padding:4px;
	  text-align: center;
	  font-style: italic; 
		font-size: 12px; 
		color: #FFF; 
		font-weight: normal;
	}
	
	p.secretLogin {
	  margin:0;
		padding:4px;
	  text-align: center;
	  font-style: italic; 
		font-size: 12px; 
		color: #000; 
		font-weight: normal;
	}
	
	a.secretLogin:link {color: #000}     /* unvisited link */
  a.secretLogin:visited {color: #000}  /* visited link */
  a.secretLogin:hover {color: #b00}   /* mouse over link */
  a.secretLogin:active {color: #000}   /* selected link */

	a.secretSargent:link {color: #000}     /* unvisited link */
  a.secretSargent:visited {color: #000}  /* visited link */
  a.secretSargent:hover {color: #9f9}   /* mouse over link */
  a.secretSargent:active {color: #000}   /* selected link */
	
	/* Portraits and Other Works */
	
	div.paintings {
	  position:relative;
		width:100%; /* ie bug */
		height: 100%; /* ie bug */
		/*overflow:auto;*/
	} 
	
	div.leftListDisplay, div.centerDisplay {
	  float: left;
		text-align:center;
		width:268px; /* 271*/
		margin:10px;
		padding:0;
	}
	
	div.centerDisplay {
	  height:250px;
	}
	
	div.leftListDisplay {
		clear:left;
	}
	
	div.leftListDisplay p, div.centerDisplay p  {
		margin:0;
		font-style: italic; 
		font-size: 12px; 
  }
	
	p.title {
		font-weight: bold;
		padding-top:8px;
	}
	
	p.size { 
		font-weight: normal;
		padding-top:4px;
	}
	
	p.sold { 
		font-weight: normal;
		padding-top:4px;
		color:#b00;
	}
	
	img.leftListDisplay, img.centerDisplay {
	  width:150px;
	}
	
	p.close {
	  position:absolute;
		right:0px;
		top:-16px;
	}
	
	/* LARGE */
	
	.largeLeftListDisplay, .largeCenterDisplay {
		visibility:hidden;
		margin:0;
		padding:0;
		z-index:2;
		width:400px;
		
		/* For Adding Borders */
		/*background:black;
		border:3px solid goldenrod;
		padding:3px;*/
	
	}
	
	/* Only Center Display */
	.largeCenterDisplay {
	  position:absolute;
	  top:144px;
		left:234px;
	}
	
	/* Only Left Display */
	.largeLeftListDisplay {
	  position:fixed;
		left: 40%;
		top: 10%;
	}
	
	* html .largeLeftListDisplay { 
    position: absolute; 
  } 
	
	/* Bio */
	
  div.bio {
	  margin: 20px 140px;
		line-height:1.6;
	}
	
	body.bio h1 {
	  text-align:center;
		text-decoration:underline;
  }	
	
	/* Commission */
	
	div.commission {
	  margin: 20px 140px;
		line-height:1.2;
		text-align:left;
		/*background:red;*/
	}
	  
	div.commission h3 {
	  text-decoration:underline;
		font-wieght:bold;
		text-align:center;
	}
	
	div.commissions {
	  /*background:grey;*/
		width:auto;
		height:auto;
		display:block;
		overflow:auto;
	}
	
	div.commission1 {
	  text-align:left;
		position:relative;
		float:left;
		width:198px;
		/*background:green;*/
	}
	
	div.commission2, div.commission3 {
	  text-align:center;
		position:relative;
		float:left;
		width:198px;
		/*background:yellow;*/
	}	
	
	div.commission3 {
	  /*background:blue;*/
	}
	
	div.contract {
	  /*background:cyan;*/
	  position: relative;
		text-align: center;
		padding:0;
		margin:0;
		clear:left;
		
	}

	div.contract a h2{
	  padding:0;
		margin:40px 0 0 0;
		text-decoration:underline;
		/*color:red;*/
	}
	
  div.contract p {
	  padding:0;
		margin:0;
	}
	
	/* 404ERROR */
	
	div.error {
	  text-align: center;
		margin: 0 auto;  
		padding: 20px 20px 0 20px;
	}
	
	
	div.error p.error {
	  font-size:20px;
	}
	
	div.error span {
	  color:#b00;
	}
	
	div.error p.options {
	  text-decoration:underline;
		padding:24px 0;
	}
	
	div.error p.email, div.error p.http404 {
	  font-size: 12px; 
		padding: 5px 0;
	}
	
	div.error p.http404 {
	  color:#b00;
	}
	
	div.error ul {
	  margin-left:150px;
	  text-align: left;			
		padding-bottom: 48px;							
	}
	
	div.error li {
	  padding: 2px 0;
	}
	
	/* LOGIN */
	
	div.login {
	  padding:20px;
	  text-align:center;
	}
	
	div.login p {
	 padding:10px;
	 color:#b00;
	}
	
	/* extra padding to line up the password with the username */
	div.login p.password {
	  padding-left:14px;
	}
	
	input.username, input.password, input.login {
	  color:#FFF;
		background:#000;	
		border-color:#b00;
	}
	
	div.manage input, div.manage select {
	  color:#FFF;
		background:#000;	
		border-color:#b00;
	}

  /* MANAGE */
	
	.hiding {
	  opacity:.2;
		filter:alpha(opacity=20);
	}