/* ------ HTML Elements ------ */

body, html {
	color:#000;
	background: #FFF;
	font-size: 12px;
}	
body,form,select,input,button,textarea {
	font-family: Arial,Helvetica,sans-serif;
}
p {
	margin:0;
	padding:0;
}
a:link, a:visited {
	color: #333;
}
a:hover, a:active {
	text-decoration:none;
	color:#333;
}
a:focus {
	border: 0;
	outline: 0;
}
em {
	font-style:italic;
}
th {
	font-weight:bold;
}
ul,dl {
	margin: 0 0 15px 15px;
}
ol{
	margin: 0 0 15px 20px;
}
ol li {
	list-style: decimal outside;	
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold;
	margin-bottom:10px;
}
table {
	margin:10px 0 10px 0;
}
td,th {
	padding-right:10px;
	vertical-align: top;
	padding: 0 8px 8px 0;
}
hr {
	border: none; 
	border-bottom:1px solid #333;
	height:0;
}
/* ------ Page Structure ------ */

#wrapper {
	width: 960px;
}
.fc {
	clear: both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/* ------ Navigation ------ */

ul.menu {
	margin: 0;
}

ul.menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.menu li a {
	text-decoration: none;
	color: #555;
}
ul.menu li a.active, ul.menu li a:hover{
}

/* ------ Headings ------ */

h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}

/* ------ Content Area ------ */

#content {
	line-height:140%;
}

/* ------ Forms ------ */

button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
	padding:1px;
}
select, input, button, textarea {
	font-size:99%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

/* ------ Contactform ------ */

/*
-------- oud ----------
#contactform textarea,input {
	font-size: 12px;
	color: #23333E;
}
#contactform .formfield {
	display: block;
	height: 20px;
	margin-bottom: 15px;
}
#contactform .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
}
#contactform label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 100px;
	color:#23333E;
}
#contactform .required {
	color: #C43349;
}
#contactform .input_large {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 250px;
}
#contactform .input_small {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 100px;
}
#contactform .hiddenfield {
	display:none;
	visibility:hidden;
}
#contactform .errorlabel {
	color:#C43349;
}
#contactform .normallabel{
color:#23333E;
}
*/

#contactform textarea,input {
	font-size: 12px;
	color: #23333E;
}
#contactform .formfield {
	display: block;
	margin-bottom: 15px;
}
#contactform .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
}
#contactform label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 100px;
	color:#23333E;
}
#contactform .star {
	color: #C43349;
}
#contactform .input_large {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 250px;
}
#contactform .input_small {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 100px;
}
#contactform label.error {
	color:#C43349;
	float: none;
	margin-left: 0px;
	width: 250px;
}
#contactform .hiddenfield {
	display:none;
	visibility:hidden;
}
#contactform .normallabel{
	color:#23333E;
}
#contact_thanks{
	display: none;
}


/* ------ Footer ------ */

#footer {
}


/* ------ Custom ------ */
ul {
	list-style-type: none;
}
ul.menu {
	position: relative;
	margin: 0;
	top: 50px;
	font-family: pragmatica-web;
	visibility: hidden;
}
ul.menu li {
	font-size: 22px;
	line-height: 1.5em;
	margin-left: 8px;
}
li a, li a:link, li a:visited, div#content h1, div#content h2, div#content h2 a, a, h3 {
	text-decoration: none;
	color: rgb(135,135,135);
}
ul.menu li.subitem {
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 60px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 2px;
	font-family: pragmatica-web;
}
ul#submenu {
	color: red;
	list-style-type: none;
	text-decoration: none;
	text-align: right;
	visibility: hidden;
}
ul#submenu li {
	list-style-type: none;
	font-size: 22px;
	line-height: 1.5em;
}
div#container {
	width: 1018px;
	margin: 0 auto 0;
}
div#menu {
	position: relative;
	top: 130px;
	width: 260px;
	float: left;
	padding: 0;
	margin: 0;
	letter-spacing: 3px;
}
div#content {
	position: relative;
	width: 720px;
	top: 0px;
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 20px;
}
div#content h1 {
	padding-bottom: 6px;
	letter-spacing: 3px;
	font-family: pragmatica-web;
	font-weight: 200;
	visibility: hidden;
}
div#main {
	padding-top: 10px;
	margin-top: 0px;
	width: 720px;
}
div#text {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 140px;
}
.profile div#text {
	margin-top: 40px;
}
div#main table {
	margin-top: 0;
}
div#logo {
	position: relative;
	top: -100px;
	left: 0px;
}
div#logotext {
	position: absolute;
	top: 0px;
	left: 0px;
	/* background-image: url(content/logo.png); */
	z-index: 4;
	height: 117px;
	width: 243px;
}
div#logotop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	height: 54px;
	width: 243px;
}
div#logotexturetop {
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: 0px 856px;
	clip: rect(0px 243px 56px 0px);
	z-index: 3;
	height: 800px;
	width: 243px;
}
div#logotexturebottom {
	position: absolute;
	top: 56px;
	left: 0px;
	background-position: 0px 54px;
	clip: rect(0px 243px 54px 0px);
	z-index: 3;
	height: 800px;
	width: 243px;
}
div#logobig {
	position: relative;
	top: 20px;
	margin: 0 auto 0;
}
div#logobigtext {
	position: absolute;
	top: 0px;
	left: 0px;
	/* background-image: url(content/logo.png); */
	z-index: 4;
}
div#logobigtop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
div#logobigtexturetop {
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: 0px 941px;
	clip: rect(0px 789px 141px 0px);
	z-index: 3;
	height: 800px;
	width: 607px;
}
div#logobigtexturebottom {
	position: absolute;
	top: 141px;
	left: 0px;
	background-position: 0px 150px;
	clip: rect(0px 789px 150px 0px);
	z-index: 3;
	height: 800px;
	width: 607px;
}
ul.portfolio {
	position: relative;
	top: 34px;
}
ul.portfolio li a:hover, ul.portfolio li a.active {
	color: rgb(0,102,255);
}
ul.portfolio li {
	list-style-type: none;
	font-size: 16px;
	line-height: 1.5em;
	text-align: right;
	letter-spacing: 2px;
	font-family: pragmatica-web;
	visibility: hidden;
}
table.portfolio td {
	position: relative;
	width: 165px;
	height: 165px;
}
table.portfolio a {
	position: relative;
	display: block;
	width: 165px;
	height: 165px;
	text-decoration: none;
}
table.portfolio a:hover {
	color: #000;
}
table.portfolio img.portfolio {
	z-index: 30;
}
table.portfolio img.fade {
	position: absolute;
	display: block;
	width: 165px;
	height: 165px;
	text-decoration: none;
	z-index: 20;
	top: 0px;
	left: 0;
	visibility: hidden;
}
div.title {
	position: absolute;
	display: block;
	top: 0px;
	font-size: 14px;
	width: 165px;
	height: 165px;
	z-index: 40;
	font-weight: bold;
	visibility: hidden;
}
p.title {
	font-size: 14px;
	z-index: 40;
	font-weight: bold;
	text-align: center;
	margin-top: 40%;
}
div.portfolio.image {
	width: 570px;
	float: left;
	text-align: center;
}
div.portfolio.image p {
	text-align: center;
}
div.portfolio.prev {
	float: left;
	padding-right: 10px;
	width: 80px;
}
div.portfolio.next {
	float: left;
	padding-left: 10px;
	width: 50px;
}
div.portfolio.prev a, div.portfolio.next a {
	font-size: 12px;
}
span#lightbox-image-details-currentNumber, span#lightbox-image-details-caption {
	font-family: Arial,Helvetica,sans-serif;
}
span#lightbox-image-details-caption {
	font-size: 12px;
}
div#outer {overflow: hidden; position: relative;
}
div#outer[id] {display: table; position: static;}

div#middle {position: absolute; top: 50%;
}
div#middle[id] {display: table-cell; vertical-align: middle; width: 100%;
}

/*
div#inner {position: relative; top: -50%;
} /* for explorer only */
/* optional: #inner[id] {position: static;} */

span.emailaddress img {
	margin-top: -26px;
	margin-left: 6px;
}
div#main h2, div#main h3 {
	letter-spacing: 2px;
	font-family: pragmatica-web;
	visibility: hidden;
}
div#main h2 a {
	line-height: 120%;
}
div#content h1 {
	text-align: right;
	padding-right: 50px;
	font-size: 18px;
	color: rgb(64,64,64);
	font-weight: 300;
	position: relative;
	top: 126px;
}
div#main h2, div#main h2 a, div#main h3, div#main h3 a {
	font-weight: 300;
	color: rgb(64,64,64);
}

/* Per-page adjustments */
body.home {
	overflow: hidden;
}
body.home ul.menu {
	display: block;
	position: relative;
	top: 140px;
	text-align: center;
	margin: 0 auto 0;
}
body.home div#container {
	position: relative;
	display: block;
	width: 607px;
	margin: 0 auto 0;
	padding-top: auto;
	top: -210px;
}
body.home ul.menu li {
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	margin: 10px;
	text-align: center;
}
body.home ul.menu li a {
	font-size: 16px;
}
.press div#main h2, .exhibitions div#main h2 {
	font-size: 18px;
	line-height: 16px;
	margin-bottom: 5px;
}
.press div#main h3, .exhibitions div#main h3 {
	font-size: 14px;
	line-height: 12px;
	margin-top: 10px;
	margin-bottom: 7px;
}
div#main.portfolio div#text, body.work div#main div#text, body.contact div#main div#text {
	width: 720px;
	margin-left: 0;
}
body.press div#main div#text {
	width: 720px;
	margin-right: 0;
}
div#popup {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: white;
	font-family: pragmatica-web;
}
p.work_title {
	font-size: 16px;
	margin-top: 6px;
	margin-bottom: 6px;
}