#both {
	clear: both;
}


.title {
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
}

body {
	background: white;
	margin: 0;
	padding: 0;
	height: auto;
	text-align: left;
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
}

#holder {
	width: 780px;
	height: auto;
	background: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

#titletext {
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
	float: left;
}

h1 {
	font: 36px/1 "Myriad Pro", Helvetica, sans-serif;
	color: #4096ee;
	padding: 0;
	margin: 0;
}

h2 {
	font: 16px/1 "Myriad Pro", Helvetica, sans-serif;
	color: #45a6ff;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* old lilac was #9b98ff */

#header {
	width: 780px;
	height: 72px;
	background-color: white;
}


#pagebody {
	width: 780px;
	margin: 0;
	padding: 0;
	margin-top: 32px;
	margin-bottom: 32px;
	background-color: white;
}

#bigpicture {
	float: left;
	width: 256px;
	display: inline;
	padding: 16px 16px 16px 16px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: center;
	background-color: white;
	border: 1px solid #999;
	margin-top: 0px;
}


/* Gallery */
#gallery {
	background-color: #dde;
	width: 100%;
	height: 650px;
}

#homegallery {
	background-color: #ccc;
	width: 100%;
	height: 390px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 32px 0px;
}

#commissionsgallery {
	background-color: #ccd;
	width: 100%;
	height: 332px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 32px 0px;
}

#evouchersgallery {
	background-color: #cdd;
	width: 100%;
	height: 332px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 32px 0px;
}

#bloggallery {
	background-color: #e8e8e8;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 32px 0px;
}


/* Home Page Text */
#hometext {
	width: 460px;
	float: right;
	display: inline;
	margin-top: 0px; /* 29 */
	margin-left: 0px;
	margin-right: 8px;
	background-color: white;
	margin-bottom: 32px;
	border: 1px solid #999;
	padding-bottom: 16px;
}

#hometext p {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
	color: #666;
}

#hometext h2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	margin-right: 8px;
	color: #4096ee;
	font: bold 16px/1 "Myriad Pro", Helvetica, san-serif;
}

/* Commissions text */
#commissionstext {
	width: 460px;
	float: left;
	display: inline;
	margin: 60px 8px 32px 0px;
	background-color: white;
	border: 1px solid #999;
	padding-bottom: 16px;
}

#commissionstext p {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
	color: #666;
}

#commissionstext h2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	margin-right: 8px;
	color: #4096ee;
	font: bold 16px/1 "Myriad Pro", Helvetica, san-serif;
}

/* eVouchers text */
#evoucherstext {
	width: 460px;
	float: left;
	display: inline;
	margin: 64px 8px 32px 0px;
	background-color: white;
	border: 1px solid #999;
	padding-bottom: 16px;
}

#evoucherstext p {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
	color: #666;
}

#evoucherstext h2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	margin-right: 8px;
	color: #4096ee;
	font: bold 16px/1 "Myriad Pro", Helvetica, san-serif;
}


/* Blog text */
#blogtext {
	width: 90%;
	margin: 16px auto 16px auto;
	background-color: #fcfcfc;
	border: 4px solid white;
}

#blogtext p {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
	color: #666;
}

#blogtext h2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	margin-right: 8px;
	color: #4096ee;
	font: bold 16px/1 "Myriad Pro", Helvetica, san-serif;
}

#blogtext h4 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	margin-right: 8px;
	color: #4096ee;
	font: bold 12px/1 "Myriad Pro", Helvetica, san-serif;
}

div.spacer {
	float:left;
	width:24px;
	height:160px;
	margin-top:24px;
	margin-bottom:24px;
}

/* Without the following "meta" thumb holder, either the float or the margin seems to mess up the centering */
div.mtholder {
	float: left;
	margin: 0px;
	margin-top: 24px;
	margin-bottom: 24px;
	width: 146px;
	height: 160px;
	background: #777;
	color: white;
	font: 12px/1.2 "Myriad Pro", Helvetica, san-serif;
	text-align: center;
}

/* Stu Nichols' solution for centering a thumbnail within a div, both horizontally and vertically. */
/* For non-IE browsers */
div.tholder {
	padding: 0px;
	margin: 0px;
	width: 144px;
	height:144px;
	background: white;
	border: 1px solid #999;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

div.tholder img {
	margin:0 auto;
	border:1px solid #aaa;
}


/* Footer */
#footer {
	clear: both;
	float: left;
	width:100%;
	height:20px;
	margin:0px 0px 12px 0px;
	padding:0;
	border-top: 1px solid #ccc;
	background-color: white;
}

#footer ul {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 10px;
	color: #888;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	list-style:none;
/*	margin-top:0.7em;*/
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
}

#footer li {
	display:inline;
	border-right: 1px solid #ccc;
	padding:.3em 2%;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer a:visited {
	color: #ccc;
}

#footer a:active, #footer a:hover {
	color: black;
	text-decoration: underline;
}


/** Navigation **/

#nav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 21px;
	background-color: #E06090;
	float: left;
	color: white;
}


ul#nav {
	margin: 0;
	padding: 0;
   	list-style:none;
	text-align:center;
	background-color: #4096ee;
	width:100%;
   	height:21px;
	background: url(images/buttonstripe.gif) repeat-x;
}


#nav li {
	margin: 0;
	padding: 0;
	list-style:none;
   	border-right:1px inset #888888;
    width:110px;
    height:21px;
    float:left;
	display:inline;
    text-align:center;
	color:white;
	background-color: #4096ee;
	background: url(images/buttonstripe.gif) repeat-x;
}

#nav a {
	margin: 3px;
	padding: 0;
    display:block;
	text-decoration:none;
	color: #e8e8e8;
	background:transparent;
	font: 14px/1 "Myriad Pro", Helvetica, sans-serif;
}

#nav a:focus, #nav a:hover, #nav a:active {
	color: #ffffff;
	text-decoration:none;
}

ul#nav li#active {
	margin: 0;
	padding: 0;
	font: 14px/1.5 "Myriad Pro", Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;
	background: #9c33ff url(images/selectedbuttonstripe.gif) repeat-x;
}

ul#nav li#bookend {
	list-style:none;
	border-left:0px;
	margin-top:0px;
	font:normal 80% "Myriad Pro", Helvetica, sans-serif;
	width:160px;
	height:21px;
	text-decoration:none;
	float:right;
	text-align:center;
	background: transparent;
	color:#eeeeee;
	background:#dddddd url(images/selectedbuttonstripe.gif) repeat-x left top;;
}

#contactform {
	background-color: #eeeef4;
	margin:0;
	margin-bottom:64px;
	padding: 24px;
}

#contactform label {
	font: normal 12px "Myriad Pro", Helvetica, sans-serif;
	color: #555;
}

form#contactform fieldset {
	/* background: url(images/paintings/painting--010.jpg) no-repeat 588px center;*/
	border: 4px solid #fff;
	padding: 12px;
}

#contactform legend {
	height: 21px;
	padding-left: 8px;
	padding-right: 8px;
	font: 14px/1.7 "Myriad Pro", Helvetica, sans-serif;
	background:#4096ee url(images/selectedbuttonstripe.gif) repeat-x left top;
	border: 4px solid #fff;
}

#contactform textarea {
	width: 400px;
	font: normal 12px "Myriad Pro", Helvetica, sans-serif;
}

#contactform input {
	font: normal 12px "Myriad Pro", Helvetica, sans-serif;
}

form#contactform #button1 {
	color: white;
	background-color: #4096ee;
	cursor:pointer;
	width:96px;
	padding:0;
	padding-right:0.5em;
	margin:0;
	margin-left:144px;
}

form#contactform #email {
	margin: 0;
	margin-left: 8px;
	color: #555;
	width: 280px;
}

/* Payment Complete Text */
#paymenttext {
	margin-top: 62px;
	padding:16px;
	background-color: white;
	margin-bottom: 32px;
	border: 1px solid #999;
}
#checkout {
	font: 12px/1 "Myriad Pro", Helvetica, san-serif;
	float:right;
	background: url('images/basket.gif') no-repeat left top;
	padding-left:32px;
	height:20px;
	padding-top:4px;
	font-weight:bold;
	color:#4096ee;
}
th { font-weight:bold; }
#afterh2 { font-size: 0; line-height: 0; }
#divimage, #divwait {
	border:5px solid #444444;
	padding:5px;
	padding-top:12px;
	position:absolute;
	left:0;
	top:0;
	background-color:White;
	layer-background-color:White;
	height:500px;
	visibility:hidden;
	z-index:2002;
	overflow:hidden;
	font: 13px/1 "Myriad Pro", Helvetica, san-serif;
	line-height: 20px;
}
#screen {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000;
	layer-background-color:#000;
	height:100%;
	width:100%;
	visibility:hidden;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	z-index:2001;
}
* html #screen { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html #divimage { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
.small td {
	font-size: 11px;
}
#chosen {
	float: right;
	width: 160px;
	text-align:center;
	background-color:#e4e4e4;
	padding:10px;
	border:1px solid White;
	font: normal 12px "Myriad Pro", Helvetica, sans-serif;
}
.checkout {
	margin-top: 10px;
	padding: 10px;
	padding-top:0;
	text-align:justify;
	background-color:#a8cdff;
	border:1px solid Blue;
	color:Black;
	font: 13px/1 "Myriad Pro", Helvetica, san-serif;
}
.checkoutheader {
	margin-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 4px;
	text-align:center;
	font-weight:bold;
	background-color:#4094ed;
	border-bottom:1px solid Blue;
}
form#contactform #button1 {
	padding: 4px 8px 4px 8px;
	font-weight:bold;
}
span.sold {
	text-align:center;
	color:#880000;
	font-weight:bold;
	line-height:16px;
	height:16px;
}