#both {
	clear: both;
}


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

body {
	background: white;
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
}

#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;
    text-align: 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: 32px;
}


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

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

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

#evouchersgallery {
	background-color: #cdd;
	width: 100%;
	height: 300px;
	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-left: 0px;
	margin-right: 8px;
	background-color: white;
	margin-bottom: 32px;
	border: 1px solid #999;
}

#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;
}

#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;
}

#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;	
}



/* Without the following "meta" thumb holder, either the float or the margin seems to mess up the centering */
div.mtholder {
	float: left;
	margin: 24px;
	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 {
	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: 4px;
	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;
	padding: 24px;
	margin: 64px 0px 64px 0px;
}

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

form#contactform fieldset {
	background: url(images/paintings/painting2l.jpg) no-repeat 360px center;
	border: 4px solid #fff;
}

#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;
}

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

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