/* Edit the styles as you see fit */

/* START centering CSS */
body {
text-align:center; /* Required for pesky IE */
}
#wrapper {
margin-left:auto;
margin-right:auto;
width:1065px;/* Change value to suit*/
text-align:left; /* Overrides the previously set center alignment that older IE versions reqd */
}
/* END centering size CSS */
#body {
	width: 925px;  /* 1065 - 70 - 70 */
	padding-left:70px;
	padding-right:70px;
	padding-top:30px;
}
#logo {
	background-repeat:no-repeat;
	height:80px;
	width:500px;	
}
#content {
	width:100%;
	position:relative;

}
#content2{
}
#footer {
	width:100%;
	height:280px;
}
#navigation {
	width:300px;
	float:left;
	padding-left:40px;
	margin-top:40px;
}
#rightfooter {
	float:right;
	height:100px;
	vertical-align:bottom;
	text-align:right;
}
#contact {
	position:relative;
	top:44px;
}
#design {
	position:relative;
	top:280px;
	display:none;

}

/* Home ******************************************/
body.home #content {
	height:470px;
	padding-top:30px;
}
body.home #content #image{
	float:left;
	padding-left:40px;
	padding-right:24px;
	width:160px; /* need this for IE6 */
}
body.home #content #image img{
	width: 160px;
	height: 106px;
}
body.home #content #caption{
	height: 30px;
	text-align:center;
	margin-top:10px;
	text-transform:lowercase;
	color:#FFFFFF;
}
body.home #content a:hover #caption{
	color:#000000;
}
body.home #content2 {
	display:none;
}
body.home #design {
	display:block
}

/* Gallery ******************************************/
body.gallery #content {
	height:150px;
	padding-top:30px;
}
body.gallery #content #image{
	float:left;
	padding-left:40px;
	padding-right:24px;
}
body.gallery #content #image img{
	width: 160px;
	height:106px;
}
body.gallery #content2 {
	margin-left:40px;
	margin-right:40px;
	margin-top:40px;
	}

/* Image ******************************************/
body.image #content {
	text-align:right;
	height:auto;
	padding-top:30px;
}
body.image #content  #caption{
	text-align:left;
	float:left;
	width:300px;
	padding-left:40px;	
}
body.image #content img{
	height:333px;
	margin-right:40px;
	margin-bottom:20px;
}
body.image #content2 {
	display:none;
}

/* PrevNext ******************************************/
#content  #prevnext{
	position:absolute
}
body.image #content  #prevnext{
	left:40px;
	top:340px;
}
body.films #content  #prevnext{
	left:30px;
	top:140px;
}
#prevnext span{
	padding:2px 6px 2px 6px;
	color:#999999;
	font-size:1.2em;
	margin-right:10px;
	font-weight:bold;
}
#prevnext span a{
	color:#000000;
	font-weight:bold;
}

/* Exhibition ******************************************/
body.exhibition #content {
	height:480px;
}
body.exhibition #content img{
	width: 854px;
	padding-left:40px;
}
body.exhibition #content h3 a.left{
	float:left;
	padding-left:40px;
}
body.exhibition #content h3 a.right{
	float:right;
	padding-right:40px;
}

body.exhibitionimages #content {
	height:960px;
}
body.exhibitionimages #content2 {
	display:none;
}
body.exhibitionimages #content #image img{
	height:106px;
	width: auto;
}
body.exhibitionimages #content #image {
	width: 160px;
	margin-bottom:30px;
	text-align:center;
}
/* Slideshow ******************************************/
body.slideshow #content {
	height:400px;
	text-align: center; /*IE method of centering a relative div*/
	margin: 0 auto;/*Proper way to center a relative div*/
	padding-top:40px;
}
body.slideshow #content2 {
	display:none;
}
body.slideshow #prevnext span{
	display:none;
}
#master0{
	width:800px;
	text-align: center; /*IE method of centering a relative div*/
	margin: 0 auto;/*Proper way to center a relative div*/
}
body.slideshow #master0 img{
	height:333px;
}
/* Film and Television ******************************************/
body.films #content #image{
	float:left;
	padding-left:30px;
	padding-right:20px;
}
body.films #content #image img{
	width: 130px;
	height:87px;
}
body.film div.object {
	margin-right:40px;
	margin-bottom:40px;
}
body.film #content{
	height:370px;
}
body.film object.part1 {
	float:right;
}
body.film object.part2 {
	float:right;
}
body.film object.part3 {
	float:right;
}
body.twoparts #content{
	height: 760px;
}
body.threeparts #content{
	height: 1200px;
}
body.sevenparts #content{
	height: 2680px;
}
p.duration{
	font-size:0.85em;
}
body.image #content img.caption{
	height:12px;	/* set explicitly for IE6 pants  */
	width:auto;
}

/* TextOnly ******************************************/
body.textonly #content {
	padding-top:20px;
	padding-bottom:20px;
	}
body.textonly #content p{
	padding-left:40px;
	padding-right:40px;
	}

/* Contact ******************************************/
body.contact #content {
	border:none;
}
body.contact #content2 {
	display:none;
}
body.contact iframe.contactframe{
	border:0;
	height:345px;	
}
body.contact  #contact{
	display:none;
}

/* Print Sales ******************************************/
body.printsales #content h3 {
	padding-top:60px;
}
body.printsales #content h3 a.left{
	float:left;
	padding-left:0px;
}
body.printsales #content h3 a.right{
	float:right;
	padding-right:0px;
}
body.printsales #prevnext{
	display:none;
}

/* Test  
#body {background-color:#FF0000}
#logo {background-color:#00FF00}
#content {background-color:#0000FF}
#footer {background-color:#FFFF00}
#navigation {background-color:#FF00FF}
#contact {background-color:#00FFFF}
#design {background-color:#CCCCCC}
#rightfooter {background-color:#00CCCC}  
*/