@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 1;
	font-size: 100%;
}
img {
	border: none;
}
/*--- header carries the gradient headerinner is header content and centered---*/
#header {
	border-bottom: 3px solid #333;
	padding: 0;
	background: #CCC url('../images/headgrad.gif') repeat-x bottom left;
}
#headinner  {
	margin: 0 auto;
	width: 56.25em;
	height: 11.25em;
	background: transparent url('../images/HeaderWaterMarkLg.gif') no-repeat bottom center;
	min-width: 900px;
	min-height: 180px
}
#header #headinner h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.2em;
	color: #006;
	text-align: right;
	padding-right: 5.5em;
	padding-top: 1em;
}
#header #headinner h2 {
	color: #fff;
	text-align: right;
	font-size: 2em;
	font-style: normal;
	padding:0.438em 1.938em 0.438em 0;
}
#headinner img {
	float: left;
	padding-top: 2.5em;
	min-height: 140px;
	min-width: 178px;
}
#HorMenu {
	width: 37.5em;
	padding-left: 18.75em;
	float: right;
	min-width: 600px;
}
/*--- #wrapper contains everything between header and footer and main content area---*/

#wrapper {
	width: 56.25em;
	margin: 0 auto;
	min-width: 900px;
}
/*--- the side panel ---*/
#leftside{
	width: 11.25em;
	float: left;
	margin: 2em 0 3.75em 0;
	min-width: 180px;
}
#leftside h4 {
	padding: 0.375em 0 6px 15px;
	color: #fff;
	background-color: #006;
	}
/*style the image in the side panel*/
#sideimage {
	text-align: center;
}
#sideimage #portrait {
	border: 1px solid #666;
	margin: 20px 2.13em;
	margin: 1.75em auto 15px;
}
#leftside p, p, #leftside li{
	padding: 6px 12px 0 12px;
	color: #333;
	line-height: 1.35;
	font-size: 0.75em;
}
/*1st paragraph in side panel*/
#leftside .first , #main .first{
	margin-top: 20px;
	line-height: 1.5;
	padding: 6px 12px 0 12px;
	color: #333;
	}
/*emphasised text in the side panel*/
#leftside p em {
	line-height: 1.5;
}
#wrapper #leftside ul li {
	list-style: none;
	margin: 0px;
	padding-left: 7px;
	font-size: 0.7em;
}
#wrapper #leftside h3 {
	font-weight: normal;
	margin-top: 6px;
	margin-left: 7px;
}
#wrapper #leftside h5 {
	font-weight: normal;
	margin: 26px 9px 7px;
	font-size: 14px;
}
/*style the share button*/
#sharetext {
	text-align: center
}
#leftside #sharetext a img{
	margin: 25px auto 0 auto;
}
#leftside #sharetext p {
	font-size: .6em;
	color:#666;
	text-align: center;
	padding-bottom:  12px;
}
/*---Styles for text links in sidebar #leftside and in text in #main---*/

#leftside p a:link, #main p a:link {
	text-decoration: underline;
	color: #666;
	}
#leftside p a:active, #main p a:active {
	text-decoration: none;
	}
#leftside p a:hover, #main p a:hover {
	text-decoration: underline overline;
	color: #FFF;
	background: #006;
	}
#leftside p a:visited, #main p a:visited {
	text-decoration: underline;
	color: #666;
	}

/* The white border sets up the color change on the hover for the
gallery images*/
.gallery img {
	margin: 13px;
	width: 150px;
	height: 145px;
	border: solid 2px #FFF;

}
/* The hover effect on the gallery thumbs*/
#wrapper .gallery a:hover img{
	border: solid 2px #999;
}

/*---#main is the main content <div>---*/

#main {
	width:36em;
	float: left;
	margin: 5em 0 0 5em;
	min-width:560px;
	padding-bottom: 4.75em;
	padding-left: 40px;
}

#wrapper #main h4 {
	color: #006;
	font: 1.655em Arial, Helvetica, sans-serif;
	margin: 12px 0 6px -5px;
}
/*to add the pastel coloured bacground to selected pages*/
#main_bgr_img #main {
	background: url(../images/list-side03.gif) no-repeat left top;
}
#frontimagetext {
	font-size: .6em;
	color:#666;
	text-align: right;
	padding: 40px 60px 0 0;
}
/*styles the embossed image that appears on contact, error, thanks, & 400 page*/
.embossimg {
	background: url(../images/logochoke.gif) no-repeat 95% 95%;
	min-height: 340px;
}
/*To style the "Page Up" text at the bottom of longer text pages */
#pageup {
	clear: both;
	font-size: 0.75em;
	margin-top: 10px;
}
/*--- Footer styles ---*/
#footer {
	clear: both;
	border-top: 2px solid #333;
	background: #CCC url(../images/footergrad.gif) repeat-x left top;
	height: 57em;
}
#footinner  {
	width: 56.25em;
	min-width: 900px;
	margin: 0 auto;
	background: url(../images/FooterWaterMarkLg.gif) no-repeat center top;
	height: 75%;
	text-align: center;
	padding-top: 20px;
	color:#EEE;
}
/* Strip of images at bottom of page*/
#thumbwrapper {
	clear: both;
	margin-bottom: 20px;
	/*clear: both;*/
}
#thumbwrapper a img{
	border: 1px solid #999;
}
.frontthumb {
	float: left;
	width: 6.8em;
	min-width: 112px;
}
.front
/*fallback navigation at bottom of page*/
#footnotenav  {
	display: inline;
	list-style: none;
}
#footnotenav li{
	display: inline;
}
#footinner p {
	color:#F2F2F2;
	font-size:0.675em;
	text-align: right;
	padding-top: 20px;
}

a.footnote {
	font-size: .7em;
	color: #FFF;
}
a:link.footnote {
	color: #FFF;
}

a:visited.footnote  {
	text-decoration: none;
	color: #fff;
	}
a:hover.footnote {
	color: #006;
}
a:active.footnote {
	text-decoration: none;
	color: #fff;
}

/*--- A few rules specific to the commmissions.php page---*/

#wrapper .commissioning p { /*To Style the paragraphs in the commission page*/
	padding-bottom: 5px;
}
.commissioning .mainimgright {
	float: right;
	padding: 10px 4px 22px 20px;
}
.commissioning .mainimgleft {
	float:left;
	padding: 10px 20px 22px 4px;
}
#main_bgr_img #wrapper #main .mainimgright p,
#main_bgr_img #wrapper #main .mainimgleft p {
	font-size: 0.6em;
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 12px 0px 0px;
}
/* adds a white border to image and changes its
color on hover*/
#main_bgr_img #wrapper #main .mainimgright a img,
#main_bgr_img #wrapper #main .mainimgleft a img{
	border: solid 2px #FFF;
	
}
#main_bgr_img #wrapper #main .mainimgright a:hover img,
#main_bgr_img #wrapper #main .mainimgleft a:hover img { 
	border: solid 2px #999;
}

/*--- A few rules specific to the cv.php page---*/

#main #cvlist, #main #cvlist ul {
	list-style: none;
	padding: 16px 0px 25px 0px;	
}
#wrapper #main #cvlist .cvsub {
	font-size: 1.5em;
	color: #006;
	margin-left: 10px;
}
#wrapper #main #cvlist .cvsub ul li {
	color: #333;
	font-size:0.5em;
	font-weight:normal;
	line-height:1.75;
	padding-left: 15px;
}
/*Style the emphasis in the price page for orange spot/diamond
and slightly larger font size in the price page*/

#wrapper #main p em, #leftside li em {
	font-size: 14px;
	color: #F93;
	font-style: normal;
}
#wrapper #main p em.priceemphasis, #leftside li em.priceemphasis {
	font-size: 12px; 
	color: #F93; 
	font-style: normal;
	font-weight: bold;
	border: 1px solid #F93;
	margin-right: 6px;
    padding: 0 3px;
}
#main_bgr_img #wrapper #main .pull {
	width: 30em;
	float: left;
	margin: 20px 0;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
}
#main_bgr_img #wrapper #main .pull em {
	color: #006;
	font: italic normal 1.75em Georgia, "Times New Roman", Times, serif;
}
#wrapper #leftside #key ul {
	border: thin solid #CCC;
	padding-bottom: 5px;
}
/*For the Gallery Key in the sidebar*/

#key {
	width: 11.25em;
}
#key h5 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 4px 0;
}
dl {
	padding: 7px 7px 10px 7px;
	float: left;
	font-size: 0.75em;
}
dt {
	float: left;
	text-align: center;
	color: #666;
	line-height: 13px;
	width: 3.2em;
}
dt span {
	font-size: 1.15em;
	float: left;
	border: 1px solid #F93;
	display: inline;
	margin: 0 4px 0 0;
	font-weight: bold;
	color: #F93;
	padding: 1px 4px;
}
dd {
	float: left;
	width: 10em;
	margin: 0 0 6px 4px;
	color: #333;
	line-height: 13px;
}