@charset "UTF-8";
/* CSS Document */

body {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: normal;
	}
#wrapper {
	width: 960px;
	text-align: left;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 50px;
	}

/* HEADERS
=============================================*/

h1 a, h1 a:visited {
	font-size: 4em;
	color: #000;
	text-decoration: none;
	text-transform: lowercase;
	line-height: 130%;
	font-style: normal;
	}

h2 a, h2 a:visited {
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	}
h3 {
	display: none;
	}
h4 {
	font-weight: bold;
	margin: 20px 0 10px 0;
	font-size: 1.1em;
	font-style: normal;
	}

/* HOVER STATES */

h1 a:hover, h2 a:hover {
	color: #900;
	}
h2 a:hover {
	color: #900;
	border-bottom: 1px solid #900;;
	}



/* NAVIGATION
=============================================*/

#nav li {
	display: block;
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	}



/* COLUMNS
=============================================*/

.col01, .col02,.col03,.col04, .col02-04, .col01-04 {
	display: block;
	float: left;
	width: 220px;
	margin-right: 20px;
	color: #666;
	font-size: 0.9em;
	line-height: 130%;
	text-align: left;
	padding-left: 0px;
	}
	
.last {
	margin-right: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}


/* COLUMN 02 -- IMAGES
=============================================*/

.col02 ul {
	display: block;
	width: 220px;
	}
.col02 li {
	width: 120px;
	display: block;
	}
.col02 li.last {
	width: 100px;
	}
.col02 img {
	float: left;
	}



/* COLUMN 03 -- EXHIBITIONS
=============================================*/

.col03 li {
	width: 220px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #333;
	}
.col03 h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.7em;
	color: #333;
	border: 1px solid #333;
	}
	
.col03 li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #333;
	}
	
/* COLUMN 04 -- CONTACT
=============================================*/

.col04 ul {
	margin-top: 20px; 
	}


/* COLUMN 04 -- CONTACT
=============================================*/
.col02-04 {
	width: 700px;
	color: #333;
	font-size: 1.1em;
	line-height: 150%
	}

.on {
	color: #ccc;
	border-bottom: 1px solid #ccc;
	}
	
.col01-04 {
	width: 940px;
	height: auto;
	top: auto;
	}
.col01-04 img {
	margin: 0 20px 20px 0;
	}
.portfoliocol1-4 {
	width: 960px;
}

.col01-04 img.last {
	margin-right: 0;
	}

/* LINKS
=============================================*/

a {
	color: #000;
	text-decoration: none;
	font-style: italic;
	}

a:hover {
	color: #900;
	}

em {
	font-size: 1.1em;
	color: #333;
	font-style: italic;
	}

p {
	margin-bottom: 10px;
	}
/* FLOATS */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
	
.contactcol {
	position: fixed;
	top: auto;
	float: right;
	width: 200px;
}