html, body {
	margin:0px; 
	padding:0px;
	background-color: #E1F5F7;
	font-family: gill sans, arial, Tahoma, sans-serif;
	color:#666;
	font-size: 1em;
	height:100%;
}

#wrapper {
	width:750px;
	margin:0 auto;

}

/****MastHead**************************************************************************/

#MastHead {
	width:750px;
	margin-top: 45px;
	padding:0;

}
#MastHead h1{
	letter-spacing:2.5px;
	text-transform: uppercase;
	font-size:1.5em;;
	padding:0;	
	margin:0;
	float:left;
}

#MastHead a {
	margin-top:5px;
	text-decoration: none;
	color:#666;
	letter-spacing:1.3px;
	float: left;
	padding-left:259px;
}


#swapImage {}

/****content**************************************************************************/

#content {}

	
}
.clearer {clear:both}

/****hoverbox**************************************************************************/

.hoverbox {
	margin-left: 150px; 
	padding-top:10px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .previewTop
{
	display: none;
}

.hoverbox a:hover .previewTop
{
	display: block;
	cursor: default;
	position: absolute;
	top: 8px;
	left: -40px;
	z-index: 1;
}
.hoverbox a .previewBottom
{
	display: none;
}

.hoverbox a:hover .previewBottom
{
	display: block;
	cursor: default;
	position: absolute;
	top: -45px;
	left: -50px;
	z-index: 1;
}

.hoverbox img
{
	vertical-align: top;
	width: 50px;;
}

.hoverbox li
{	
	margin:8px 3px;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .previewTop
{
	border-color: #000;
	width: 120px;
}

.hoverbox .previewBottom
{
	border-color: #000;
	width: 120px;
}

/*********archives**********************************************************************/

.horizontal_accordion_content ul{
	width:690px;
	padding:40px 0 0 15px;
}

.horizontal_accordion_content li{
	display:inline;
}

.horizontal_accordion_content img {
	padding-top:2px;
	width:45px;
}

/****accordion**************************************************************************/
/*
			Vertical Accordions
*/
		#vertical_container h2{
			padding: 4px 10px;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing:3px;
			color: #222;
			text-align: left;
		}
		.accordion_toggle{
			width: 730px;
			cursor: pointer;
			margin: 0 0;
		}
		.accordion_toggle_active {;
			color: #ffffff;
			border-bottom: 1px solid #fff;
			background-color: #e0542f;
		}
		.paintings { background-color:#dcdcdc;}
		.drawings {background-color:#CFCFCF;}
		.archives {background-color:#A7A6AD;}
		.accordion_content {
			color: #444;
			overflow: hidden;
		}
		.dspaintings { 
			background-color: #d3deeb;  
			height:240px;
		}
		.dsdrawings {
			background-color: #7f7d69;
			height:350px;
		}
		.dsarchives {
			background-color: #BCD3CD; 
			height:240px;
		}
		
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 240px;
			width: 10px;
			background-color: #b3c3cf;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #fff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background-color: #f4b5c1;
			border-right: 1px solid #fff;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
		}
					
					
    /* Container styling*/
    #horizontal_container {
     
      width: 750px;   
      height: 240px;    
    }


/****footer**************************************************************************/
#footer {
	padding-top:20px;
	font-size: .85em;
	color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}