@charset "utf-8";
body {
	margin-top: 35px;
	background-color: #333333;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
	white-space: normal;
}
#contact h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: normal;
}
#contact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	line-height: 130%;
}
#contact a {
	color: #666666;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.creditsfoot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
.creditsfoot a {
	color: #0099CC;
	text-decoration: none;
}
.gallerymainholder {
	vertical-align: middle;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 45px;
}
.gallerymainimgtd {
/*	height: 455px; ********* ENABLE THIS TO HAVE GALLERY (AND CLIENT GALLERY CAPTION IN A FIXED POINT */
	background-color: #2E2E2E;
}
.gallerythumbvholder {
	vertical-align: middle;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 45px;
}
#homecaption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8.5pt;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.homemain {
	vertical-align: middle;
	padding-top: 45px;
	text-align: center;
	padding-bottom: 45px;
}
.homemaintext {
	vertical-align: middle;
	padding-top: 45px;
	text-align: left;
	padding-bottom: 45px;
}
#mainimgholder {
	height: 480px;
	width: 455px;
	vertical-align: middle;
	text-align: center;
}
#maintableholder #maintable .gallerymainholder #clientmainimgholder .gallerymainimgtd img {
	border: 1px solid #000000;
}

#mainimgholder img {
	border: 1px solid #666666;
}
.mainmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	background-color: #282828;
	padding-top: 3px;
	padding-bottom: 3px;
}
.mainmenu h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	margin-bottom:0;
}
#maintable {
	border: 1px solid #999999;
}
#menulist {
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	padding-bottom: 3px;
	padding-top: 3px;
}
#menulist li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#menulist a:link, #menulist a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
#menulist a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
#maintableholder {
	vertical-align: middle;
}
#thumbcontainer {
	height: 386px;
	width: 150px;
	overflow: auto;
	scrollbar-face-color: #333333;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #000000;
	vertical-align: top;
}
#thumbcontainer table {
	background-color: #000000;
}
#thumbgallerylist table {
	background-color: #000000;
}
.smalllink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	padding-top: 5px;
	padding-left: 15px;
}
.smalllink a:link, .smalllink a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
.smalllink a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.nextprev {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
.nextprev a:link, .nextprev a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.nextprev a:hover {
	text-decoration: none;
	color: #666666;
}
.texttable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	border: 1px solid #F0F0F0;
}
#textcontent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: normal;
}
#textcontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #E8E8E8;
	line-height: 135%;
}
#textcontent a {
	color: #FFFFFF;
}
#textcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #ccbb44;
	font-weight: bold;
}
#textcontent h2 a { text-decoration: none; color: #ccbb44; }
#textcontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ccbb44;
	font-weight: bold;
}
#textcontent h3 a { text-decoration: none; color: #ccbb44; }

#textcontent span.highlight { color: #ccbb44; }

#headright h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #CCCCCC;
	text-align: right;
	margin: 0px;
}
#headright2 .clientlogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#headright {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#headright2 .clientlogin .loginfield,
#headright2 #headsearch .searchbox .loginfield {
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000000;
	background-color: #CCCCCC;
}
#headright2 .clientlogin .loginbutton {
	border: 1px solid #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	background-color: #333333;
}
#headsearch .searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#headsearch .searchbox .loginfield {
	border: 1px solid #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	background-color: #999999;
}
#headsearch .searchbox .loginbutton {
	border: 1px solid #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	background-color: #333333;
}
#headright a {
	color: #CCCCCC;
	text-decoration: none;
}
#headright h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #CCCCCC;
	text-align: right;
	margin: 0px;
}
.loginerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin: 0px;
}
#headright2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
}
#headright2 a {
	color: #999999;
}
#clientthumbcontainer table {
	background-color: #666666;
}
.clientimagethumbholder {
	text-align: center;
	vertical-align: middle;
	width: 150px;
}
.clientthumbcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#clientthumbcontainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
}
#maintableholder #maintable .gallerymainholder #clientthumbcontainer .clientimagethumbholder img {
	border: 1px solid #000000;
}

#clientthumbcontainer a:link, #clientthumbcontainer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	text-decoration:none;
}
#clientthumbcontainer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #333333;
	text-decoration:underline;
}
#maintableholder #maintable .clientgallerymainholder #clientmainimgholder .gallerymainimgtd img {
	border: 1px solid #000000;
}
#clientmainimgholder {
/*	height: 550px; Was too small for Rob's images which are 500px. Had words overlapping 
	width: 550px;*/
	height: 650px;
	width: 550px;
	vertical-align: middle;
	text-align: center;
}
.clientgallerymainholder {
	vertical-align: middle;
	padding-top: 45px;
	text-align: center;
	padding-bottom: 45px;
}
#maintableholder #maintable .clientgallerymainholder p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
}
#maintableholder #maintable .clientgallerymainholder a:link, #maintableholder #maintable .clientgallerymainholder a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCCCCC;
	text-decoration: none;
}
#maintableholder #maintable .clientgallerymainholder a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	text-decoration: underline;
}
#seolinks {
	text-align: center;
}
#seolinks h1 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 120%;
}
#seolinks h2 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 150%;
	color: #666666;
}
#seolinks a:link, 
#seolinks a:visited {
	color: #999999;
	text-decoration: none;
}
#seolinks a:hover {
	color: #999999;
	text-decoration: underline;
}
#seolinks li {
	display: inline;
	list-style-type: none;
	padding-left: 2px;
	padding-right: 2px;	
}
.gallerycaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCCCCC;
	padding-bottom: 0px;
	padding-top: 20px;
	padding-left: 100px;
}
.gallerylistmainholder {
	vertical-align: middle;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 45px;
	padding-left: 45px;
}
#textcontent .textsideimagetd {
	
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}
#maintableholder #maintable .homemaintext #textcontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	list-style-type: square;
}
#textcontent #formholder td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 5px;
	color: #FFFFFF;
}
#textcontent #formholder .formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #FFFFCC;
}
#textcontent #formholder .formbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #FF3300;
	border: 1px solid #333333;
	font-weight: bold;
}
#textcontent #formholder .smalltext {
	font-size: 8.5pt;
	color: #333333;
}#textcontent #formholder .formerror {
	font-weight: bold;
	color: #CC0000;
}

fieldset { border: solid 0px transparent; margin: 0px; padding: 0px; }

.formbuilder { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.formbuilder .field { clear: both; padding: 10px 0px 0px 0px; }
.formbuilder .label { float: left; width: 200px; color: white; }
.formbuilder .input { float: left; width: 250px; }

#clientthumbcontainer a.basketadd { color: white; }
#clientthumbcontainer a.basketremove { color: black; display: none; }
#clientthumbcontainer .inbasket a.basketadd { display: none; }
#clientthumbcontainer .inbasket a.basketremove { display: inline; }
#clientthumbcontainer .inbasket { background: #cccccc; }

#proofdisplaytable a.basketremove { display: none; }
#proofdisplaytable.inbasket a.basketadd { display: none; }
#proofdisplaytable.inbasket a.basketremove { display: inline; }
#proofdisplaytable.inbasket .gallerymainimgtd { background: #cccccc; }
#proofdisplaytable td.basket { border: solid #cccccc 1px; padding: 5px; }
#proofdisplaytable td.basket a { color: black; font-weight: bold; font-size: 14pt; }

.pagetitle { background: #cccccc; margin: 10px 0px 0px 0px; border-top: solid white 1px; border-bottom: solid white 1px; font-family: Arial, Helvetica, sans-serif; height: 30px; }
.pagetitle a { color: black; margin: 0px 5px 0px 5px; font-size: 9pt; }
.pagetitle a.order { font-weight: bold; }
.pagetitle .title { margin: 0px 10px 0px 10px; float: left; width: 200px; height: 30px; line-height: 30px; font-size: 15pt; }
.pagetitle .links { margin: 0px; padding: 0px; float: left; width: 600px; text-align: right; height: 30px; line-height: 30px; font-size: 9pt; }

.confirmorder { color: white; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.confirmorder a { margin: 0px 0px 0px 20px; }
.confirmorder table { color: #cccccc; }
.confirmorder td, .confirmorder th { padding: 2px 5px 2px 5px; vertical-align: top; }
.confirmorder .items { border-top: solid #cccccc 1px; }
.confirmorder .items td.item { border-bottom: solid #cccccc 1px; padding: 5px; }
.confirmorder .items td.thumbnail { text-align: center; vertical-align: middle; }
.confirmorder .items .options th { padding: 2px 10px 2px 10px; text-align: left; width: 20%; }
.confirmorder .items .options td { padding: 2px 10px 2px 10px; text-align: left; width: 30%; }

.workshops td,
.publications td { vertical-align: top; }
.workshops img,
.publications img { margin: 0px 0px 0px 10px; } 
.workshops img,
.publications img {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.publications img {
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.workshops p,
.publications p { margin: 0px; }
#maintableholder #maintable .homemaintext #textcontent .publications h2 { font-size: 9pt; }

#maintableholder #maintable .homemaintext #textcontent .workshops .booked {
	color: #FFFFFF;
}
#newsindex img {
	border: 1px solid #999999;
	margin-right: 10px;
	margin-bottom: 10px;
}
#newsindex .newstitle a {
	color: #FFCC33;
	text-decoration: none;
}
#maintableholder #maintable .homemaintext #textcontent .workshops .remaining {
	font-size: 8.5pt;
	color: #FFFFFF;	
}