

/* Main page layout styles

**********************************/

/* Body */

body {

	margin:							11px 0 0 27px;

	padding:						0;

	background:						#ffffff;

}

/* Form */

form {

	margin:							0;

	padding:						0;

}

/* Center page */

#center {

	margin:							0 auto;

	padding:						0px;

	width:							814px;

}

/* Nav container div */

#navContainer {

	width:							814px;

	padding:						0;

	margin:							0;

	float:							left;

}

#navContent {

	clear:							both;

	float:							left;

	width:							814px;

	height:							19px;

	background:						#ffffff url("../img/nav-bg.gif") repeat-x;

	padding:						0;

	margin:							0;
}

#mainContent {

	width:							814px;

	padding:						0;

	float:							left;

	clear:							both;

	vertical-align:					top;

	background:						#ffffff url("../img/home-bg.jpg");

}

#heightFix {

	width:							1px;

	height:							430px;

	float:							right;

}

/* Left content div */

#leftContent, .leftContent {

	width:							422px;

	float:							left;

	vertical-align:						top;	

}

/* Right content div */

#rightContent, .rightContent {

	width:							391px;

	float:							left;

	vertical-align:						top;

}

/* Left content div */

#leftContentSmall {

	width:							206px;

	float:							left;

	vertical-align:						top;	

}

#leftContentSmallP {

	width:							305px;

	float:							left;

	vertical-align:						top;	

}

/* Right content div */

#rightContentLargeP {

	width:							420px;

	float:							left;

	vertical-align:						top;

}

/* Right content div */

#rightContentLarge {

	width:							607px;

	float:							left;

	vertical-align:						top;

}

/* Double content across whole page */

#doubleContent {

	width:							813px;

	padding:						0;

	float:							left;

}

/* Footer content */

#footerContent {

	width:							814px;

	height:							20px;

	/*float:							left;*/

	clear:							both;

	background:						#ffffff url("../img/footer-bg.gif") repeat-x;

}

/* Previous and next */

#prevNext {

	width:							415px;

	padding:						0 2px 0 2px;

	float:left;

	/*clear: 							both;*/

}

/* Previous and next portrait */

#prevNext2 {

	width:							329px;

	padding:						0 2px 0 2px;

	float:left;

	/*clear: 							both;*/

}

/* Float left */

.fleft {

	float:							left;

}

.imgcenter{

	width:415px;

	text-align:center;

}



.imgcentersmall{

	width:315px;

	text-align:center;

}



.imgcentermid{

	width:375px;

	text-align:center;

}



/* Homepage with bg */

.home {

	background:						#ffffff url("../img/home-bg.jpg") no-repeat;

		

}

/* Homepage with artwork */

.home-art {

	padding:						29px 0 0 209px;

	width:							575px;

	float:							left;

}

/* Portfolio right column with image */

.portfolio-right {

	padding:						40px 0 10px 0;

}

/* Portfolio right column with image, less padding */

.portfolio-right-large {

	padding:						29px 0 10px 0px;

}

.portfolio-right-large2 {

	padding:						29px 0 10px 0px;

}

/* Portfolio left column with nav */

.portfolio-left {

	padding:						26px 10px 10px 29px;

	float:							left;

}

/* Exhibitions right column with image */

.exhibitions-right {

	padding:						6px 0 10px 0;

}

/* Exhibitions left column with image */

.exhibitions-left {

	padding:						6px 0 10px 29px;

	float:							left;

}

/* Portfolio title */

.portfolio-title {

	float:							left;

	clear:							both;

	width:							305px;

	padding:						0 0 10px 0;

}

/* Portfolio paintings, works and drawings list */

#portfolio-paintings, #portfolio-works, #portfolio-drawings, #press-press, #press-tv, .portfolio-hidden, .exhibition-hidden, .press-hidden {

	float:							left;

	width:							370px;

	margin:							0;

	padding:						0;

	display:						none;

	clear:							both;		

}

/*Links*/

#links-links {

	float:							left;

	width:							370px;

	margin:							0;

	padding:						0 0 10px 40px;

	clear:							both;

}

/*Contact copy*/

div.contact {

	float:							left;

	width:							340px;

	margin:							0;

	padding:						0 0 10px 40px;

	clear:							both;

}

/* Profile copy */

#profile-profile, #profile-biography, #profile-essay, .profile-hidden {

	float:							left;

	width:							650px;

	margin:							0;

	padding:						0 0 10px 45px;

	display:						none;

	clear:							both;		

}

div.portfolio-thumbs {

	float:							left;

	padding:						6px 0 0 0;

	width:							319px;

}

/* Default no border on images */

img {

	border:							0;

}

/* Art with border */

img.art {

	border:							1px #8f847a solid;

}

/* Portfolio thumbnail */

img.portfolio-thumb {

	border:							1px #8f847a solid;

	margin:							6px 7px 0 0;

	float:							left;

}

/* Portfolio thumbnail end */

img.portfolio-thumb-end {

	border:							1px #8f847a solid;

	margin:							6px 0 0 0;

	float:							left;

}

/* Portfolio portrait thumbnail */

.portfolio-thumb-portrait {

	border:							1px #8f847a solid;

	margin:							0 6px 8px 0;

	float:							left;

	clear:							both;

	padding:						0;

}

/* Text styles

**********************************/	

/* Default link */

a:link, a:active, a:visited {

	color:							#666666;

	text-decoration:					underline;		

}

a:hover {

	color:							#666666;

	text-decoration:					underline;

}

/* Default paragraph */

p {

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						70%;

	line-height:						150%;

	font-weight:						normal;

	color:							#666666;

	padding:						0;

	margin:							0 0 12px 0;

}

p.portfolio {

	clear: 							both;

	margin:							0 0 10px 0;

}

p.portfolio-small {

	clear: 							both;

	margin:							0 0 5px 0;

}

p.portfolio-large {

	clear: 							both;

	margin:							0 0 20px 0;

}

p.portfolio-xlarge {

	clear: 							both;

	margin:							0 0 30px 0;

	width:275px;

}



p.profile-margin {

	clear:							both;

	margin:							0 0 24px 6px;

}

/* Footer paragraph */

.ffooter {

	font-family:					Arial, Helvetica, sans-serif;

	font-size:						65%;

	line-height:					140%;

	font-weight:					normal;

	color:							#cecec6;

	padding:						21px 0 0 29px;

	/*margin:							21px 0 0 29px;	*/

	width:							600px;

	display:						block;

}

/* Heading 1 */

h1 {

	padding:							0 0 6px 29px;

	margin:						0;

	float: 							left;

}

/* Heading 2 */

h2 {

	margin:							0;

	padding:						0;

}

h2 img {

	float:							left;

}

/* Portfolio heading */

h2.portfolio {

	margin:							0;

	padding:						0 0 12px 0;

	display:						inline;

	float:							left;

}

h3 {

	margin:							0 0 6px 0;

	padding:						0;

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						70%;

	line-height:						140%;

	font-weight:						bold;	

	color:							#666666;

	

}

h3.large {

	margin:							0 0 26px 0;

}

h3.small {

	width:							140px;

}

/* Unordered list for links */

ul.links {

	list-style-type:					none;

	margin:							1px 0 1px 31px;

	height:							17px;

	padding:						0;		

}

li.nav-home {

	width:							50px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;

}

li.nav-portfolio {

	width:							84px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-exhibitions {

	width:							94px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-editions {

	width:							73px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-profile {

	width:							66px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-press {

	width:							54px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-contact {

	width:							71px;

	height:							17px;

	background:						url("../img/nav-bar.gif") top right no-repeat;

	float:							left;

	display:						inline;	

}

li.nav-links {

	width:							38px;

	height:							17px;

	float:							left;

	display:						inline;	

}

/* Unordered list for portfolio links */

ul.portfolio {

	list-style-type:					none;

	margin:							1px 0 1px 31px;

	padding:						0 0 30px 0;

	float:							left;		

}

ul.portfolio li {

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						70%;

	line-height:						140%;

	font-weight:						normal;

	color:							#cecac5;

	padding:						0 0 4px 0;

	margin:							0;

}

.portfolio-comment {

	display:						block;

	width:							320px;

	/*border-bottom:						1px #eeedec solid;

	border-top:						1px #eeedec solid;*/

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						65%;

	line-height:						150%;

	font-weight:						normal;

	color:							#8b8176;

	margin:							0;

	padding:						0;

	text-align:						center;

}

.portfolio-comment2 {

	display:						block;

	width:							320px;

	border-bottom:						1px #eeedec solid;

	border-top:						1px #eeedec solid;

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						65%;

	line-height:						150%;

	font-weight:						normal;

	color:							#8b8176;

	margin:							0;

	padding:						0;

	text-align:						center;

}

.portfolio-pic {

	width:							328px;

	text-align:							center;

}

#portfolio-img {

	/*border:							1px #8f847a solid;

	float:							center;*/

}



span.previous {

	display:						block;

	float:							left;

	margin:							10px 0 10px 0;

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						70%;	

	color:							#666666;

}

span.next {

	display:						block;

	float:							right;

	margin:							10px 0 10px 0;

	font-family:						Arial, Helvetica, sans-serif;

	font-size:						70%;	

	color:							#666666;

}

.hidden {

	display:						none;

}

.visible {

	display:						block;

}

