@charset "utf-8";
/* CSS Document */

body,td,th {
	color: #EFECC1;
	font-size: 95%;
	margin: 0px;
	padding: 0px;
}
body {
	background: #0A0200 url(../images/sharedImageGraphics/bodyBackground.jpg) center top;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	color: #221111;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
p, ul, ol, dl {
	margin: 0px 20px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 0.6em;
}
h1 {
	color: #5B1311;
}
h2 {
	color: #643306;
	margin-left: 10px;
	font-variant: small-caps;
}
h3 {
	font-weight: normal;
	font-variant: small-caps;
	margin-left: 20px;
	color: #3F2003;
}
a:link, a:visited {
	color: #FFF9E8;
	text-decoration: none;
}
a:active {
	color: #FFECB3;
	text-decoration: none;
}
a:hover {
	color: #FFECB3;
	text-decoration: underline;
}
a img {
	border: 1px solid #660000;
}
a:visited img {
	border: 1px solid #660000;
}
a:hover img, a:active img {
	border: 1px solid #CAB77D;
}
/*-----class styles-------*/
.emphasis {
	font-weight: bold;
	font-style: italic;
	color: #800000;
	font-size: 115%;
}
.blue {
	color: #5871D3;
}
.red {
	color: #C60000;
}
.clear {
	clear: both;
}
#header h1 {
	color: #FFFFFF;
	text-indent: -9999px;
}
#header h2 {
	color: #FFFFFF;
	text-indent: -9999px;
}
/*--------Site wide styles---------*/
#wrapper {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
#header {
	position: relative;
	background: #221111 url(../images/sharedImageGraphics/header_background_5.jpg) left top;
	width: 100%;
	height: 150px;
	position: relative;
	border-right: 1px solid #1D090A;
	border-left: 1px solid #1D090A;
}
#header #logo {
	position: absolute;
	background: url(../images/sharedImageGraphics/logo_1.png) no-repeat left center;
	width: 106px;
	height: 90px;
	left: 89px;
	top: 23px;
	z-index: 2;
}
#header #logo a {
	width: 105px;
	height: 90px;
	display: block;
}
/*--------main nav styles---------*/
div#nav {
	margin: 0em 0em 0em 1em;
	padding: 0px;
	width: 850px;
	height: 25px;
	position: relative;
}
#nav, #nav ul {
	padding: 0;
	margin:0 0 0em;
	list-style: none;
	font-size: 95%;
	text-transform: none;
	font-style: italic;
}
#nav ul li {
	float:left;
	position: relative;
	width: 90px;
	color: #2D486C;
	margin-top: 0px;
	margin-bottom: 1em;
	display: block;
	height: 20px;
	padding-left: 5px;
}
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 9px;	
}
/*----main nav styles - images----*/
#nav span{
	position: absolute;
	/*	position: relative;*/
	top: 0;
	left: 0;
	height: 20px;
}
#navHome {
	width: 90px;
}

#navHome span {
	background: url(../images/sharedImageGraphics/btn_home_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}

#navHome a:link,
#navHome a:active,
#navHome a:visited,
#navHome a:hover {
	width: 90px;
}

#navHome a:hover span,
#navHome a.selected:link span,
#navHome a.selected:visited span,
#navHome a.selected:active span,
#navHome a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_home_sprite.gif) no-repeat 0px -20px;
}
/*----------about navigation button------*/
#navAbout {
	width: 90px;
}

#navAbout span {
	background: url(../images/sharedImageGraphics/btn_about_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}

#navAbout a:link,
#navAbout a:active,
#navAbout a:visited,
#navAbout a:hover {
	width: 90px;
}
/*-----this is the rollover state-------*/
#navAbout a:hover span,
#navAbout a.selected:link span,
#navAbout a.selected:visited span,
#navAbout a.selected:active span,
#navAbout a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_about_sprite.gif) no-repeat 0px -20px;
}
/*---potfolio------*/
#navPortfolio {
	width: 90px;
	position: relative;
}

#navPortfolio span {
	background: url(../images/sharedImageGraphics/btn_portfolio_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}

#navPortfolio a:link,
#navPortfolio a:active,
#navPortfolio a:visited,
#navPortfolio a:hover {
	width: 90px;
}

#navPortfolio a:hover span,
#navPortfolio a.selected:link span,
#navPortfolio a.selected:visited span,
#navPortfolio a.selected:active span,
#navPortfolio a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_portfolio_sprite.gif) no-repeat 0px -20px;
}
/*------gallery 1-------*/
#navGallery1 {
	width: 90px;
	position: absolute;
	left: -5px;	
}

#navGallery1 span {
	background: url(../images/sharedImageGraphics/btn_gallery1_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}

#navGallery1 a:link,
#navGallery1 a:active,
#navGallery1 a:visited,
#navGallery1 a:hover {
	width: 90px;
}

#navGallery1 a:hover span,
#navGallery1 a.selected:link span,
#navGallery1 a.selected:visited span,
#navGallery1 a.selected:active span,
#navGallery1 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery1_sprite.gif) no-repeat 0px -20px;
}
/*------Gallery 2----------*/
#navGallery2 {
	width: 90px;
	position: absolute;
	left: -5px;	
}

#navGallery2 span {
	background: url(../images/sharedImageGraphics/btn_gallery2_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}

#navGallery2 a:link,
#navGallery2 a:active,
#navGallery2 a:visited,
#navGallery2 a:hover {
	width: 90px;
}
#navGallery2 a:hover span,
#navGallery2 a.selected:link span,
#navGallery2 a.selected:visited span,
#navGallery2 a.selected:active span,
#navGallery2 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery2_sprite.gif) no-repeat 0px -20px;
}
/*-------Gallery 3----------*/
#navGallery3 {
	width: 90px;
	position: absolute;
	left: -5px;	
}

#navGallery3 span {
	background: url(../images/sharedImageGraphics/btn_gallery3_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navGallery3 a:link,
#navGallery3 a:active,
#navGallery3 a:visited,
#navGallery3 a:hover {
	width: 90px;
}
#navGallery3 a:hover span,
#navGallery3 a.selected:link span,
#navGallery3 a.selected:visited span,
#navGallery3 a.selected:active span,
#navGallery3 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery3_sprite.gif) no-repeat 0px -20px;
}

/*------purchase-------*/
#navPurchase {
	width: 110px;
}

#navPurchase span {
	background: url(../images/sharedImageGraphics/btn_purchase_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navPurchase a:link,
#navPurchase a:active,
#navPurchase a:visited,
#navPurchase a:hover {
	width: 90px;
}
#navPurchase a:hover span,
#navPurchase a.selected:link span,
#navPurchase a.selected:visited span,
#navPurchase a.selected:active span,
#navPurchase a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_purchase_sprite.gif) no-repeat 0px -20px;
}
/*----purchase gallery 1-------*/
#navpurchase1 {
	width: 90px;
	position: absolute;
	left: -5px;	
}
#navpurchase1 span {
	background: url(../images/sharedImageGraphics/btn_gallery1_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navpurchase1 a:link,
#navpurchase1 a:active,
#navpurchase1 a:visited,
#navpurchase1 a:hover {
	width: 90px;
}

#navpurchase1 a:hover span,
#navpurchase1 a.selected:link span,
#navpurchase1 a.selected:visited span,
#navpurchase1 a.selected:active span,
#navpurchase1 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery1_sprite.gif) no-repeat 0px -20px;
}
/*------purchase gallery 2--------*/
#navpurchase2 {
	width: 90px;
	position: absolute;
	left: -5px;	
}
#navpurchase2 span {
	background: url(../images/sharedImageGraphics/btn_gallery2_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navpurchase2 a:link,
#navpurchase2 a:active,
#navpurchase2 a:visited,
#navpurchase2 a:hover {
	width: 90px;
}
#navpurchase2 a:hover span,
#navpurchase2 a.selected:link span,
#navpurchase2 a.selected:visited span,
#navpurchase2 a.selected:active span,
#navpurchase2 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery2_sprite.gif) no-repeat 0px -20px;
}
/*------purchase gallery 3 navigation button*/
#navpurchase3 {
	width: 90px;
	position: absolute;
	left: -5px;	
}

#navpurchase3 span {
	background: url(../images/sharedImageGraphics/btn_gallery3_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navpurchase3 a:link,
#navpurchase3 a:active,
#navpurchase3 a:visited,
#navpurchase3 a:hover {
	width: 90px;
}
#navpurchase3 a:hover span,
#navpurchase3 a.selected:link span,
#navpurchase3 a.selected:visited span,
#navpurchase3 a.selected:active span,
#navpurchase3 a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_gallery3_sprite.gif) no-repeat 0px -20px;
}
/*----contact navigation button-------*/
#navContact {
	width: 90px;
}

#navContact span {
	background: url(../images/sharedImageGraphics/btn_contact_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navContact a:link,
#navContact a:active,
#navContact a:visited,
#navContact a:hover {
	width: 90px;
}
#navContact a:hover span,
#navContact a.selected:link span,
#navContact a.selected:visited span,
#navContact a.selected:active span,
#navContact a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_contact_sprite.gif) no-repeat 0px -20px;
}
/*-------links navigation button-------*/
#navLinks {
	width: 90px;
}
#navLinks span {
	background: url(../images/sharedImageGraphics/btn_links_sprite.gif) no-repeat 0px 0px;
	width: 90px;
}
#navLinks a:link,
#navLinks a:active,
#navLinks a:visited,
#navLinks a:hover {
	width: 90px;
}
#navLinks a:hover span,
#navLinks a.selected:link span,
#navLinks a.selected:visited span,
#navLinks a.selected:active span,
#navLinks a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_links_sprite.gif) no-repeat 0px -20px;
}
/*/*-------------------------------------------cart navigation button--------*/
#navCart {
	width: 90px;
}

#navCart span {
/*	background: url(../images/btn_cart_sprite.gif) no-repeat 0px 0px;*/
	width: 90px;
}
#navCart a:link,
#navCart a:active,
#navCart a:visited,
#navCart a:hover {
	width: 90px;
}
#navCart a:hover span,
#navCart a.selected:link span,
#navCart a.selected:visited span,
#navCart a.selected:active span,
#navCart a.selected:hover span {
	background: url(../images/sharedImageGraphics/btn_cart_sprite.gif) no-repeat 0px -20px;
}
#nav ul ul {
	display: none;
	position: absolute;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}
button.cartBtn {
	padding: 0px 0px 0px 0px;
	background: url(../images/sharedImageGraphics/btn_cart.gif) no-repeat;
	width: 90px;
	height: 20px;
	cursor:pointer;
	border: none;
}
button.cartBtn {
	width: 90px;
}

button.cartBtn {
/*	background: url(../images/btn_cart_sprite.gif) no-repeat 0px 0px;*/
	width: 90px;
}
button.cartBtn a:link,
button.cartBtn a:active,
button.cartBtn a:visited,
button.cartBtn a:hover {
	width: 90px;
}

button.cartBtn:hover,
button.cartBtn selected:link,
button.cartBtn selected:visited,
button.cartBtn selected:active,
button.cartBtn selected:hover {
	background: url(../images/sharedImageGraphics/btn_cart_over.gif) no-repeat;
}
/*---------Purchase button --------------*/
 #descript_text #btn_form {
	margin-top: 1em;
	padding: 1em;
	padding-top: 0.5em;
	position: absolute;
	top: 290px;
}

/*---dropdown sub menu items a:links styles--------*/
#nav ul ul a:link, #nav ul ul a:visited {
	display: block;
	text-decoration: none;
	color: #E1C871;
}
#nav ul ul a:hover, #nav ul ul a:active {
	display: block;
	text-decoration: none;
	color: #F8F1DA;
}

/*----end dropdown sub menu item a:links styles---------*/
* html #nav a {
	width: 100%;
}
#clear {
	clear: both;
}
/************Test****************/
div#nav {
	margin: 0em 0em 0em 1em;
	padding: 0px;
	width:900px;
	height: 20px;
	position: relative;
}

#nav ul ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0px;
	z-index: 1;
}
#nav ul ul li {
	border-top: 0.5em solid #0A0200;
	border-right: 0 none;
	border-bottom: 1px solid #EEBB66;
	border-left: 0 none;
	font-size: 100%;
	background: #A21F17;
	padding: 0px;
	margin-top: 1px;
	margin-bottom: -1px;
	color: #F6EAC2;
}
#nav li:hover ul {

	display: block;
}
/*-----this affects the main window of content---containing all of the main content----------------------------------------------*/
#content_main {
	background: #75673E url(../images/sharedImageGraphics/contentBackground.jpg) no-repeat 325px 0px;
	padding: 0em 1em;
	border-right: 1px solid #1D090A;
	border-bottom: 1px solid #1D090A;
	border-left: 1px solid #1D090A;
	border-top: 1px solid #380903;
	position: relative;
}
/*---------(h2) page titles ----------*/
#content_main h2 {
	height: 40px;
	margin-left: 20px;
}
/*---------purchase col_l Description Styles --------------*/
#container #descript_text {
	position: absolute;
	width: 300px;
	left: 79px;
	top: 74px;
	z-index: 1;
	height: 29px;
}
#mainImage {
	position: relative;
}
#col_r {
	width: 40%;
	float: right;
}
#col_r  p   {
	color: #2A0000;
	text-align: justify;
	padding-top: 1em;
	font-weight: bold;
}
#col_l  {
	margin-right: 0em;
	float: left;
	width: 230px;
	padding: 1em;
	margin-left: 0em;
	margin-top: 1em;
}
#col_l h3 {
	background: #C0AA6E;
	color: #0F0802;
	padding: 0.3em 5em;
	margin-right: auto;
	margin-left: 3em;
}
#col_l  img {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: -0.5em;
}
/************These are my footer Styles**********************/
#footer {
	padding: 0.8em;
	text-align: center;
	background: #0A0200 url(../images/sharedImageGraphics/footer_background.jpg);
	height: 30px;
	clear: both;
}
#footer  p {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #F4E8C0;
}
/*--------these are my gallery images that are links----------*/
#col_r a:link, #col_r a:visited {
	color: #660000;	
	text-decoration: none;

}
#col_r a:hover, #col_r a:active {
	color: #F4E9C1;
}
/*------Drop shadow------*/
.home div#mainImage {
	background: url(../images/sharedImageGraphics/shadow.png) no-repeat bottom right;
	width: 377px;
	height: 475px;
	clear: right;
	float: left;
	position: relative;
}
.home  #mainImage img {
	margin: -12px 5px 15px -12px;

}
.home #container {
	width: 450px;
	height: 475px;
	padding-left: 380px;
	padding-top: 45px;
	padding-bottom: 20px;
	position: relative;
}
.home #content_main h2 {
	background: url(../images/homePage_images/index_pagetitle.png) no-repeat left top;
	text-indent: -9999px;
	height: 30px;
}

.home  #descript_text h3 {
	color: #BAC0EF;
	background:  url(../images/homePage_images/translucentgraphic.png) repeat-y left top;
	height: 24px;
}
.home  #descript_text h4 {
	font-weight: bold;
	color: #221111;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-bottom: 7px;
}
.home  #descript_text li {
	font-size: 85%;
	color: #E7DF9C;
}
.home  #descript_text p {
	color: #090303;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 7px;
}
/*-----------------About page specific styles-------------------------*/
.about  #mid h3 {
	text-transform: lowercase;
	font-variant: small-caps;
	color: #240400;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	
}
.about  #col_r {
	width: 400px;
	margin-right: 175px;
}
.about  #col_r p {
	margin: 10px 10px 0px;
	color: #FFBF00;
	font-size: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style: normal;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;

}
/*----------translucent background for about information-----*/
.about  #col_r #top {
	height: 25px;
	width: 400px;
	background: url(../images/about/translucent_top.png) no-repeat left top;
}
.about  #col_r #bot {
	background: url(../images/about/translucent_bot.png);
	height: 25px;
	width: 400px;
}
.about #col_r #mid {
	background: url(../images/about/translucent_mid.png) repeat-y left top;
	padding-right: 1em;
	padding-left: 1em;
}
.about  #content_main h2 {
	background: url(../images/about/about_page_title.png) no-repeat left top;
	text-indent: -9999px;
}

/*------purchase1 specific Styles----------*/

.purchase1 #container  {
	margin-bottom: 25px;
}
/*-----this is the main page title-------*/
.purchase1 #content_main h2 {
	background: url(../images/purchaseGallery_1/animaltiles_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
.purchase1  #content_main {
	background: #75673E url(../images/sharedImageGraphics/contentBackground.jpg) no-repeat 325px 0px;
}

/*-------This is where the description column right (col_l) for the purchase gallery is--------*/
.purchase1  #col_l, .purchase2  #col_l{
	width: 190px;
	float: left;
	padding: 2em 0em;
	margin: 0px 10px 10px;
	height: 400px;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: normal;
	border: 1px solid #75673E;
}
.purchase1  #col_l #top, .purchase2  #col_l #top {
	background: url(../images/purchaseGallery_1/col_l_graphic_top.png) no-repeat left top;
	height: 35px;
	width: 192px;
}
.purchase1  #col_l #mid, .purchase2  #col_l #mid {
	background: url(../images/purchaseGallery_1/col_l_graphic_mid.png) repeat-y left top;
	padding-right: 0.5em;
	padding-left: 0.5px;
}
.purchase1  #col_l #bot, .purchase2  #col_l #bot {
	background: url(../images/purchaseGallery_1/col_l_graphic_bot.png) no-repeat left top;
	height: 40px;
	width: 192px;
}

.purchase1  #col_l #mid p {
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #350000;
	font-size: 85%;
	text-align: center;

}
.purchase2  #col_l #mid p {
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #350000;
	text-align: center;
}

/*-------Think about combining these two, purchase 1 and purchase 2*/

/*---------Purchase gallery1 **main gallery**styles----------------*/
/*---These styles use the expanding translucent background---------*/

.purchase1  #col_r #galleryTop, .purchase2  #col_r #galleryTop {
	background: url(../images/purchaseGallery_1/translucent_top.png) no-repeat left top;
	height: 65px;
}

.purchase1 #col_r #gallerymain, .purchase2 #col_r #gallerymain {
	background: url(../images/purchaseGallery_1/translucent_mid.png) repeat-y left top;
	margin-left: 0px;
	padding: 0em 0em 0em 4em;
}

.purchase1 #gallerybot, .purchase2 #gallerybot {
	background: url(../images/purchaseGallery_1/translucent_bot.png) no-repeat left bottom;
	height: 65px;
	margin-bottom: 20px;
}
.purchase1  #col_r {
	width: 650px;
	margin: 0px;
	padding: 0em;
}
.purchase1 #col_r ul, .purchase2 #col_r ul  {
	margin: 0px;
	list-style: none;
	width: 800px;
	display: inline;
	padding: 0px;
}
.purchase1  #col_r #gallerymain li {
	padding-right: 2px;
	display: inline;
}
.purchase1  #col_r #gallerymain a {
	display: inline;
	margin: 0px;
}
.purchase1  #col_r #galleryTop h3 {
	font-variant: small-caps;
	text-indent: 5em;
	line-height: 65px;
	font-weight: bold;
	color: #2A0000;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.purchase2  #content_main h2 {
	background: url(../images/purchaseGallery2/stone_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
/*---------Purchase gallery2 specific **main gallery**styles----------------*/

.purchase2  #col_r {
	width: 650px;
	margin: 0px;
	padding: 0em;
}

.purchase2  #col_r #gallerymain li {
	padding-right: 2px;
	display: inline;
}
.purchase2  #col_r #gallerymain a {
	display: inline;
	margin: 0px;
}
/*--------- Garden Gryphon specific styles-------------*/
.gryphon #content_main h2 {
	background: url(../images/purchaseGallery_1/gryphon_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
.gryphon  #container {
	padding-left: 5em;
	width: 800px;
	position: relative;
}
/*--- mainImage is the Gryphon image itself **will be used for other purchase pages for specific items**--------*/
.gryphon #mainImage {
	position:absolute;
	visibility:visible;
	left:449px;
	top:76px;
	width:400px;
	height:300px;
	z-index:1;
}
.gryphon  div#mainImage {
	background: url(../images/sharedImageGraphics/shadow.png) no-repeat bottom right;
	width: 405px;
	height: 305px;
	clear: right;
	float: left;
	position: absolute;
	
}
.gryphon  #mainImage img {
	margin: -5px 5px 5px -5px;

}
.gryphon div#viewCart_btn {
	width: 200px;
	position: absolute;
	left: 739px;
	top: -4px;
	height: 5px;
	z-index: 1;
	left: 898px;
	top: -14px;
}
/*-----------This is the left column containing the Gryphon Sculpture description---------*/
.gryphon  #col_l {
	width: 380px;
	padding: 0px;
	overflow:auto;
}
/*-----------translucent background for the description------------------*/
.gryphon #col_l #top  {
	background: url(../images/purchaseGallery_1/descript_top.png) no-repeat left top;
	height: 45px;
}
.gryphon #col_l #mid {
	background: url(../images/purchaseGallery_1/descript_mid.png) repeat-y left top;
	padding: 1em 1em 0em 1.8em;
}
.gryphon #col_l #bot {
	background: url(../images/purchaseGallery_1/descript_bot.png) no-repeat left bottom;
	height: 45px;
}
.gryphon  form {
	margin: 0px;
	padding: 0px;
}
/*----------------------------------------------------garden Gryphon_working test styles----------------------------------------------*/
.gryphon_working #descript {
	width: 380px;
	margin-left: 6em;
}
.gryphon_working #descript #top {
	background: url(../images/purchaseGallery_1/descript_top.png) no-repeat left top;
	height: 52px;
}
.gryphon_working #descript #mid {
	background: url(../images/purchaseGallery_1/descript_mid.png) repeat-y left top;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.gryphon_working #descript #bot {
	background: url(../images/purchaseGallery_1/descript_bot.png) no-repeat left bottom;
	height: 52px;
}

.gryphon_working  #descript #mid p {
	margin: 0px;
	padding: 0px;
}
.gryphon_working #mainImage {
	position:absolute;
	visibility:visible;
	left:477px;
	top:195px;
	width:400px;
	height:300px;
	z-index:1;
}
/*--------------------end working test styles-------------------------------------*/
.gryphon #col_l #mid p {
	margin: 0px 2em 0px 0px;
	padding: 0px;
	line-height: 20px;
}
/*---------purchase Ascension page specific Styles--------------*/
.ascension  #container {
	width: 800px;
	position: relative;
	margin-left: 7em;
}
/*-----------This is the left column containing the Ascension description---------*/
.ascension  #col_l {
	width: 380px;
	margin-bottom: 4em;
	overflow:auto;
	
}
/*--------transparent background for the ascension sculpture description-----------*/
.ascension  #col_l #top {
	background: url(../images/purchaseGallery_1/descript_top.png) no-repeat left top;
	height: 52px;
	width: 380px;
}
.ascension  #col_l #mid {
	background: url(../images/purchaseGallery_1/descript_mid.png) repeat-y left top;
	width: 340px;
	padding: 1em 1.5em 0em 1em;
}
.ascension  #col_l #bot {
	background: url(../images/purchaseGallery_1/descript_bot.png) no-repeat left bottom;
	height: 52px;
	width: 380px;
}
/*-------end transparent background styles----------------------*/
.ascension  #col_l #mid p {
	margin: 0px;
	padding: 0px;
}

.ascension form {
	margin: 0px;
	padding: 0px;
}
.ascension  #content_main h2 {
	background: url(../images/purchaseGallery2/ascension/ascension_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
.ascension  #mainImage {
	position:absolute;
	visibility:visible;
	left:395px;
	top:10px;
	width:225px;
	height:300px;
	z-index:1;
}
.ascension  div#mainImage {
	background: url(../images/sharedImageGraphics/shadow.png) no-repeat bottom right;
	width: 260px;
	height: 505px;
	clear: right;
	float: left;
	
}
.ascension  #mainImage img {
	margin: -5px 5px 5px -5px;
}
/*------elephant tile page specific styles-----------------*/
.elephant_tile  #content_main h2 {
	background: url(../images/purchaseGallery_1/elephant_page_title.png)  no-repeat left top;
	text-indent: -9999px;
}
.elephant_tile  div#mainImage {
	background: url(../images/sharedImageGraphics/shadow.png) no-repeat bottom right;
	width: 305px;
	height: 305px;
	clear: right;
	float: left;
}
.elephant_tile  #mainImage img {
	margin: -5px 5px 5px -5px;
}
/*---------purchase elephant tile main image--------------*/
.elephant_tile #container {
	width: 800px;
	height: 525px;
	margin-left: 5em;
	position: relative;
}
.elephant_tile #mainImage {
	position:absolute;
	visibility:visible;
	left:372px;
	top:75px;
	width:300px;
	height:300px;
	z-index:1;
}
.elephant_tile  #container #descript_text a:link {
	color: #FFFF00;
}
/*-----------This is the left column containing the elephant tile description---------*/
.elephant_tile  #col_l {
	width: 380px;
	padding: 0px;
}
/*-----------translucent background for the description------------------*/
.elephant_tile #col_l #top {

	background: url(../images/purchaseGallery_1/descript_top.png) no-repeat  left top;
	width: 380px;
	height: 52px;
}

.elephant_tile #col_l #mid {
	background: url(../images/purchaseGallery_1/descript_mid.png) repeat-y left center;
	width: 350px;
	padding: 1em 1em 1em 2em;
}
.elephant_tile #col_l #bot {
	background: url(../images/purchaseGallery_1/descript_bot.png) no-repeat left bottom;
	height: 52px;
}
.elephant_tile  #col_l #mid p {
	margin: 0px 2em 0px 0px;
	padding: 0px;
	line-height: 20px;
}

.elephant_tile   form {
	margin: 0px;
	padding: 0px;
}
/*---------rhino_tile page specific styles-----------------*/
.rhino_tile #container {
	width: 800px;
	position: relative;
	margin-left: 5em;
	padding-bottom: 50px;
}
/*---------purchase rhino tile main image--------------*/
.rhino_tile #mainImage {
	position:absolute;
	visibility:visible;
	left:372px;
	top:75px;
	width:300px;
	height:300px;
	z-index:1;
}
/*-----------This is the left column containing the rhino tile description---------*/
.rhino_tile  #col_l {
	width: 380px;
	padding: 0px;
}
/*-----------translucent background for the description--------------------------*/
.rhino_tile  #col_l  #top {
	background: url(../images/purchaseGallery_1/descript_top.png) no-repeat left top;
	height: 52px;
}
.rhino_tile  #col_l #mid {
	background: url(../images/purchaseGallery_1/descript_mid.png) repeat-y left top;
	padding-right: 1.8em;
	padding-left: 1.8em;
}
.rhino_tile  #col_l #bot {
	background: url(../images/purchaseGallery_1/descript_bot.png) no-repeat left bottom;
	height: 52px;
}
.rhino_tile  #col_l #mid p {
	margin: 0px;
	padding: 0px;
}
/*------Drop shadow for the main image------*/
.rhino_tile  div#mainImage {
	background: url(../images/sharedImageGraphics/shadow.png) no-repeat bottom right;
	width: 305px;
	height: 305px;
	clear: right;
	float: left;
	
}
.rhino_tile  #content_main h2 {
	background: url(../images/purchaseGallery_1/rhino_page_title.png) no-repeat left top;
	text-indent: -9999px;
}

.rhino_tile  #mainImage img {
	margin: -5px 5px 5px -5px;
}
.rhino_tile form {
	margin: 0px;
	padding: 0px;
}
/*-------------Links page specific styles-----------------------*/
.links  #content_main h2 {
	background: url(../images/Links/links_page_title.png) no-repeat left top;
	text-indent: -9999px;
}

.links #col_r {
	width: 300px;
	margin: 0px;
	margin-right: 225px;
	overflow:auto;

}
/*-------these are the link Styles for the linked pages listed in my favorite links page------*/
.links   #col_r   h3   {
	color: #F5E3BD;
}
.links #col_r dd a:link, .links #col_r dd a:visited   {
	color: #FFBF00;
}
.links #wrapper #col_r a:hover, .links #wrapper #col_r a:active  {
	color: #EFECC1;
	text-decoration: underline;
}

/*---------these are the styles for the translucent box containing the links list-------------------------------*/

.links #col_r #galleryTop {
	background: url(../images/Links/translucent_top.png) no-repeat left top;
	width: 300px;
	height: 20px;
}
.links  #col_r #gallery_mid {
	background: url(../images/Links/translucent_mid.png) repeat-y left top;
	width: 300px;
}
.links  #col_r #gallery_bot {
	background:url(../images/Links/translucent_bot.png) no-repeat left top;
	width: 300px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}
/*-----------------Contact Specific Styles-------------------*/
.contact  #content_main h2 {
	background: url(../images/contact/contact_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
.contact  #col_l p {
	color: #F5E3BD;
	font-weight: bold;
}
.contact  div#col_l {
	width: 500px;
	background: url(../images/contact/translucent.png) no-repeat left top;
	height: 150px;
}
.contact    #content_main   #form1 {
	width: 650px;
}
.contact  #form1 fieldset {
	width: 650px;
}
.contact #formContent {
	width: 750px;
	margin-bottom: 25px;
}