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

html, body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, "Helvetica Neue", Georgia;
	font-size:11px;
	color:#ccc;
	text-align:left;
	background:#767052;
	line-height:16px;
	font-weight:normal;
	height:100%;
}

.left{
float:left;
font-weight:bold;
font-size:13px;
padding-bottom:10px;
}

.right{
float:right;
font-style:italic;
font-size:12px;
padding-bottom:10px;
}

.images {
	float:left;
	height:220px;
	padding-right:1em;
text-align:center;
}

.title {
width:120px;
text-align:center;
}


.catImages {
	float:left;
	height:220px;
	padding-right:4em;
}

#outerImageContainer {
	position: relative;
	width: 400px;
	height: 400px;
	margin: 10% auto;
}
#signature{
float:right;
}
#imageDataContainer {
	/* James: Change the font of the text here */
	font-family: verdana, sans-serif;
	margin: auto;
	font-weight:normal;
	line-height: 1.5em;
	overflow: auto;
	width: 95%;
	height: 95%;
}
#displayphoto img {
	border:37px #3b3330 solid;
}
img {
	border:0;
}
#gallery {
	margin: 10px 0 0 0;
	padding:0;
	width:540px;
	text-align:center;
}
#thumbnail {
	float:left;
	padding:0 20px 0 0;
	margin:0 0 0 10px;
	height:160px;
	width:100px;
}
#signup {
	padding:0;
	margin:20px 0 20px 0;
}
#signup p {
	padding:0;
	margin:0 0 5px 0;
}
#signup form {
	padding:0;
	margin:0;
}
#signup input {
	line-height:20px;
	padding-left:6px;
	background-color:#e5e1d2;
	border:none;
	height:16px;
	width:160px;
	margin-bottom:3px;
	margin-left:5px;
	font-family:Arial, "Helvetica Neue", Georgia;
	font-size:11px;
	color:#111;
}
#signup input.radio {
	width:12px;
	height:12px;
	background-color:#3b3330;
	margin-left:5px;
}
#signup input.submit {
	color:#000;
	float:left;
	width: 70px;
	height:18px;
	border:none;
	padding:0;
	margin-left:5px;
}
form #forwardtoafriend {
	width:230px;
	padding:0;
	margin:0;
}
#forwardtoafriend textarea {
	background-color:#e5e1d2;
	border:none;
	width:240px;
	margin-bottom:7px;
	padding-left:6px;
	height:150px;
	padding-top:4px;
	font-family:Arial, "Helvetica Neue", Georgia;
	font-size:11px;
	color:#222;
}
#forwardtoafriend input {
	line-height:20px;
	padding-left:6px;
	background-color:#e5e1d2;
	border:none;
	height:16px;
	width:240px;
	margin-bottom:6px;
	font-family:Arial, "Helvetica Neue", Georgia;
	font-size:11px;
	color:#222;
}
#forwardtoafriend label {
	margin-top:4px;
	width:70px;
	float:left;
}
#forwardtoafriend #send {
	color:#555555;
	float:left;
	width: 90px;
	height:18px;
	margin-left:70px;
	line-height:18px;
	padding-bottom:2px;
	background-color:#e5e1d2;
	border:none;
}
ul {
	padding:0 0 0 20px;
	margin:0;
}
p {
	padding:0 0 15px 0;
	margin:0;
	font-weight:normal;
}
h1 {
	font-size:14px;
	padding:10px 0 0 0;
	margin:0;
}
h2 {
	font-size:13px;
	text-align:left;
}
h3 {
	font-size:12px;
}
h4 {
	font-size:11px;
}
h5 {
	font-size:10px;
}
h6{
font-size:14px;
	padding:0 0 10px 0;
	margin:0;
}
#allNews {
	background:url(images/dotLine.gif) center repeat-x;
	height:1px;
	padding:0 0 16px 0;
	margin:0;
	text-align:right;
}
#headingSection {
	padding:0 0 20px 0;
	margin:0;
}
.headline {
	padding:0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:0;
}
.suzanne {
	padding:0;
	font-size:26px;
	color:#fff;
	font-weight:normal;
	margin:0;
}
.smallHeadline {
	font-size:13px;
	color:#bab39f;
}
.name {
	font-weight:bold;
	font-size:14px;
	color:#bab39f;
	font-style:italic;
	margin:0;
	padding:0;
}
.nameLeft {
	font-size:14px;
	color:#bab39f;
	text-transform:uppercase;
	text-align:left;
	margin:0 0 10px 0;
	padding:0;
}
#container {
	margin:0;
	padding:0;
	width:810px;
	text-align:left;
	background-color:#3b3330;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	position:relative; /* needed for footer positioning*/
	min-height:100%; /* real browsers */
}
#header {
	padding:20px 0 0 0;
	margin:0;
	background-color:#3b3330;
	width:810px;
	height:200px;
}
#header img {
	width:190px;
	height:190px;
	padding:0 10px 0 0;
	margin:0;
	float:left;
}
#headerImages {
	margin:0;
	padding:10px 0 0 10px;
}
#content {
	background-color:#3b3330;
	margin:0;
	padding:0;
	width:810px;
}
#info {
	padding:30px 0 40px 30px;
	margin:0;
	float:left;
	width:540px;
}
#info p {
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}
#info img {
	border:0;
	padding:5px 0;
	margin:0;
}
.date {
	padding:0;
	margin:0;
	color:#fff;
	font-weight:normal;
}
.newsHeading {
	padding:0;
	margin:0;
	color:#bab39f;
	font-weight:bold;
}
.clear {
	clear:both;
}
a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer {
	position:absolute;
	padding:10px 0 5px 0;
	height:20px;
	margin:0;
	color:#ccc;
	width:810px;
	background-color:#24211f;
	bottom:0; /* stick to bottom */
}
#footer a, #footer a:visited {
	color:#ccc;
	text-decoration:underline;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footerLeft {
	float:left;
	padding-left:20px;
}
#footerRight {
	float:right;
	padding-right:20px;
}
/* IMAGE BASED NAVIGATION */
/* background image means the underlying background that the nav sits over. It is not related to the tabs */
#nav {
	width:188px;
	float:left;
	padding:32px 0 20px 10px;
	margin:0;
}
/* padding is to move the nav block around as a whole */
#nav ul {
	margin:0;
	list-style:none;
	padding:0 0 0 10px;
}
#nav ul li {
	margin:0;
	padding:0;
	height:32px;
}
/* width of the nav images. Change this to height for horizontal navs */
#nav ul li a {
	width:188px;
	display:block;
	margin:0;
	padding:0;
	outline:none;
	height:32px;
}
/* this span shifts the original html text list to a far away place for good */
#nav ul li a span {
	font-size:.1em;
	margin-left:-9999px;
}
/* this is the start of the nav items */
/* -------------------------------------------------------------- */

/* the first of the following 3 states is the up state. how high is the nav image. Change to width for horizontal navs */
/* background image refers to the single all-state nav image. Then do starting position */
/* the first number is left/right and the second number is up/down */


#nav ul li#home {
	height:32px;
	background:url(images/nav.gif) 0px -18px no-repeat;
}
#nav ul li#home:hover, #nav ul li#home.sfhover {
	background:url(images/nav.gif) -188px -18px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#news {
	height:32px;
	background:url(images/nav.gif) 0px -50px no-repeat;
}
#nav ul li#news:hover, #nav ul li#news.sfhover {
	background:url(images/nav.gif) -188px -50px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#theartist {
	height:32px;
	background:url(images/nav.gif) 0px -82px no-repeat;
}
#nav ul li#theartist:hover, #nav ul li#theartist.sfhover {
	background:url(images/nav.gif) -188px -82px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#thestudio {
	height:32px;
	background:url(images/nav.gif) 0px -114px no-repeat;
}
#nav ul li#thestudio:hover, #nav ul li#thestudio.sfhover {
	background:url(images/nav.gif) -188px -114px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#thegallery {
	height:32px;
	background:url(images/nav.gif) 0px -146px no-repeat;
}
#nav ul li#thegallery:hover, #nav ul li#thegallery.sfhover {
	background:url(images/nav.gif) -188px -146px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#exhibitions {
	height:32px;
	background:url(images/nav.gif) 0px -178px no-repeat;
}
#nav ul li#exhibitions:hover, #nav ul li#exhibitions.sfhover {
	background:url(images/nav.gif) -188px -178px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#links {
	height:32px;
	background:url(images/nav.gif) 0px -210px no-repeat;
}
#nav ul li#links:hover, #nav ul li#links.sfhover {
	background:url(images/nav.gif) -188px -210px no-repeat;
}
/* -------------------------------------------------------------- */

#nav ul li#contact {
	height:32px;
	background:url(images/nav.gif) 0px -242px no-repeat;
}
#nav ul li#contact:hover, #nav ul li#contact.sfhover {
	background:url(images/nav.gif) -188px -242px no-repeat;
}
/* -------------------------- ACTIVE STATES------------------------------------ */

#home-page #nav ul li#home {
	background:url(images/nav.gif) -188px -18px no-repeat;
}
#news-page #nav ul li#news {
	background:url(images/nav.gif) -188px -50px no-repeat;
}
#artist-page #nav ul li#theartist {
	background:url(images/nav.gif) -188px -82px no-repeat;
}
#studio-page #nav ul li#thestudio {
	background:url(images/nav.gif) -188px -114px no-repeat;
}
#gallery-page #nav ul li#thegallery {
	background:url(images/nav.gif) -188px -146px no-repeat;
}
#exhibitions-page #nav ul li#exhibitions {
	background:url(images/nav.gif) -188px -178px no-repeat;
}
#links-page #nav ul li#links {
	background:url(images/nav.gif) -188px -210px no-repeat;
}
#contact-page #nav ul li#contact {
	background:url(images/nav.gif) -188px -242px no-repeat;
}