/********** CSS Reset **********/
* {
margin:0;
padding:0;
border:none;
font-family:Verdana, Arial;
}

div#clear {
clear:both; 
}
/*****************
Website Styles 
******************/
body {
background: url(images/bgrnd.jpg) repeat-x;
}

p{
	margin:0 0 9px 0;
	font-size:12px;
	line-height:145%;
	color:#202020;
}
h3 {
	margin:0 0 11px 0;
}
h5 {
	width:10px 0 0 20px;
	
}

a {
	font-size:13px;
}
#description-right {
	float:right;
	width:495px;
	height:262px; 
	margin:60px 0px 0px 0px;
	position:relative;
	overflow:hidden;
}
#description-right a{
	margin:0 0 0 6px;
}
#description-right-about {
	float:right;
	width:476px;
	height:262px;
	margin:44px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	background:url(images/box-bg.jpg) no-repeat;
}
#description-right-about a{
	margin:0 0 0 6px;
}
#description-right-about h3{
	margin:8px 0px 0 10px;
}
#description-right-about img{
	margin:8px 0px 0 78px;
}
#description-right-about p{
	margin:8px 0px 0 10px;
}

/*****************
Rotation Bars
******************/
#gallery-display{
	float:right;
	width:460px;
	height:262px; 
	margin:24px 10px 0px 0px;
	position:relative;
	overflow:hidden;
	background:url(images/preview-box.gif) no-repeat;
	/* -----background image for rotaion is images/rotate-bg.gif)------*/
}
#gallery-display .inner{
	float:right;
	margin:22px 50px 0px 0px;
}
/* ---This is the (background)---*/
#rotation {
	float:right;
	width:460px;
	height:262px; 
	margin:0px 0px 0px 0px;
	position:relative;
	background:url(images/preview-box.gif) no-repeat;
	
}
/* ---This is the (Prev and Next) button height---*/
#rotation .inner{
	float:right;
	width:460px;
	height:150px; 
	margin:0px 0px 0px 0px;
	position:relative;
}
#rotation .button-container{
	width:180px;
	height:144px;
	margin:60px 0 0 0;
	background:url(images/btn-bg.gif) no-repeat;
}
#rotation-sub {
	float:right;
	width:460px;
	height:262px; 
	margin:24px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	background:url(images/preview-box.gif) no-repeat;
	/* -----background image for rotaion is images/rotate-bg.gif)------*/
}
#slider {
	float:right;
	width:100px;
	height:200px;
	margin:30px 40px 10px 20px;
}
#slider ul, #slider li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#slider li { 
	width:400px;
	height:200px;
	overflow:hidden;
}
#slider li img {
	float:right;
	margin-left:0px;
}
#slider h3 {
	display:block;
	padding-top:5px;	
}
#slider li h3 a {
	color:#cccccc;
	font-size:22px;
	line-height:90%;
	font-family:Tahoma;
	text-decoration:none;
	padding-top:10px;
}
#slider li p {
	color:#cccccc;
	font-size:13px;
	padding-right:0px;
	margin-top:10px;
}
#slider li p.slider-more {
	float:left;
	padding-right:40px;
	margin-top:0;
}
#slider li p.slider-more a {
	color:#cccccc;
}
#slider li p.slider-more a span{
	font-weight:bold;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:119px;
	height:35px;
	position:absolute;
	left:20px;
	bottom:10px;
}
#nextBtn{ 
	left:53px;
}
#prevBtn{ 
	left:0px;
}
#nextBtn a{
	display:block;
	width:35px;
	height:35px;
	color:#390404;
	background:url(images/arrow-next.png) no-repeat;	
}
#prevBtn a{  
	display:block;
	width:53px;
	height:35px;
	color:#390404;
	background: url(images/arrow-prev.png) no-repeat;	
}
#prevBtn a:hover{
	color:#C79A19;
	background:url(images/arrow-prev-hover.png) no-repeat;	
}
#nextBtn a:hover{
	color:#C79A19;
	background:url(images/arrow-next-hover.png) no-repeat;	
}

/***************** 
Content Styles 
******************/
div#container {
	float:center;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
div#content{
	float:left;
	width:960px;
	height:300px;
	font-size:13px;
	background: url(images/main-content.jpg) no-repeat;
}
div#content-main{
	float:left;
	width:960px;
	height:300px;
	font-size:13px;
	background: url(images/main-content.jpg) no-repeat;
}
div#content-sub{
	float:left;
	width:960px;
	height:300px;
	font-size:13px;
	background: url(images/main-content-sub.jpg) no-repeat;
}
div#content-sub-left{
	float:left;
	width:960px;
	height:300px;
	font-size:13px;
	background: url(images/main-content-sub-left.jpg) no-repeat;
}
div#content div.content-inner{
	float:right;
	width:460;
	margin:24px 10px 0px 0;
}
div#content div.content-gallery{
	float:right;
	width:460;
	margin:34px 10px 0 0;
	background:url(images/preview-box3.gif) no-repeat;
}
div#content div.content-slider{
	float:left;
	width:480;
	margin:32px 0px 0px 10px;
}
div#box01{
	float:right;
	width:300px;
	margin:10px 0 0 0;
	color:#000000;
	background:#cccccc;
}
div#heading{
	float:center; 
	width:960px;
	height:119px;
	margin:0px 0px 0px 0px;
	background:url(images/heading.jpg) no-repeat;
}

div#info {
	float:right;
	width:940px;
	margin:40px 20px 0px 0px;
	color:#cccccc;
	text-align:right;
}
div#info h2{
	margin:0 0 6px 0;
}
div#preview{
	float:left;
	width:460px;
	height:262px;
	background:url(images/preview-box.jpg) no-repeat;
}
.box01{
	float:right;
	width:730px;
	height:262px;
	margin:10px 20px 0 0;
	color:#000000;
	background:#cccccc url(images/box01.jpg);
}
div#preview p{
	margin:10px 20px 10px 20px;
	color:#cccccc;
}

/* -----Sub pages preview box for gallery images------*/
/* -----Used on:
---------------impressionism.php
---------------abstract-visionary.php
---------------pen-ink.php
---------------auction.php
------*/
#gallery {
	float:right;
	width:521px;
	height:262px; 
	margin:0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#39040A;	
	border:#39040A solid 5px;
	/*--background:url(images/preview-gray.gif) no-repeat;	*/
}
#gallery-inner {
	float:right;
	width:460px;
	margin:10px 40px 0px 0px;
	height:300px;
	font-size:9px;
}
#gallery-inner a{
	font-size:11px;
}
#gallery-inner .hr{
	float:left;
	width:100%;
	height:2px;
	margin:10px 0 10px 0;
	background:#cccccc;
}

/* -----Sub pages preview box (below)------*/
/* -----Used on:
---------------about-us.php
---------------purchase.php
---------------contact.php
---------------newsletter.php
------*/
#contact-form {
	width:320px;
	margin:0 0 0 20px;
	
	color:#333333;
	text-align:left;
	font-size:13px;
}
#contact-form .formfield {
	background:#eeeeee;
	border:#C79A19 solid 1px;
	font-size:13px;
}

#display {
	float:right;
	width:521px;
	/*width: 730px;*/ 
	height:262px; 
	margin:0px 20px 0px 0px;
	position:relative;
	overflow:hidden;
	background:#ffffff;
	border:#cccccc solid 2px ;
	/*--background:url(images/preview-gray.gif) no-repeat;  --  background:url(images/display-bg.jpg) no-repeat;	*/

}

#display-inner {
	float:right;
	width:460px;
	margin:10px 40px 0px 0px;
	height:200px;
	font-size:9px;
}
#display-inner a{
	font-size:11px;
}
#display-inner .hr{
	float:left;
	width:100%;
	height:2px;
	margin:10px 0 10px 0;
	background:#cccccc;
}
/* -----Comes from Rotation and Slider ID------*/
#right-column {
	float:right;
	width:460px;
	/*width: 460px;*/ 
	height:262px; 
	margin:0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	background:url(images/preview-gray.gif) no-repeat;
}
/* -----Without Preview------*/

#float-right{
	float:right;
	width:430px;
	/*width: 460px; background:#;e0e0e0*/ 
	height:262px; 
	margin:0px 20px 0px 0px;
	position:relative;
	overflow:hidden;
}
#float-right-inner{
	float:right;
	width:100px;
	margin:30px 40px 0px 0px;
	height:200px;
}
/*********************
	Top Navigation 
*********************/
div#topnav {
	float:right;
	padding:12px 23px 0px 23px;
	font-size:14px;
	font-weight:bold;	
}
div#topnav ul {
	margin:0 0 0 0;
	padding:14px 0 0 0;
}
div#topnav  ul li{
	margin:0 0 0 0;
}
div#topnav li.gal1{
	display:inline;
	height:36px;
	padding:0 0 0 0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(images/btn-bg.jpg) no-repeat;
}
div#topnav li.gal2{
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/btn-bg.jpg) no-repeat;
}
div#topnav li.gal3 {
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/btn-bg.jpg) no-repeat;
}
div#topnav li.gal4{
	display:inline;
	width:200px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/btn-bg.jpg) no-repeat;
}
div#topnav li a{
	display:inline;
	text-decoration:none;
	color:#ffffff;
	padding:12px 23px 0px 23px;
	/*--background:url(images/btn-bg.jpg) no-repeat;--*/
}
div#topnav li a:hover {
	
	text-decoration:underline;
	color:#cccccc;
	padding:12px 23px 0px 23px;
	background:url(images/btn-over.jpg) no-repeat;
	/*--background:url(images/btn-over.jpg) no-repeat;--*/
}

/**********************
	Left Navigation - Home Page
*********************/
div#left-column{
	float:left;
	width:465px;
	height:300px;
	margin:2px 0px 0 20px;
	font-size:16px;
	line-height:145%;
}
div#left-column ul{
	list-style:none;
}
div#left-column a:hover{
	font-size:13px;
	
}
div#left-column a{
	margin:0;
	font-size:13px;
}
div#left-column h3{
	font-size:22px;
	color:#C79A19;
	/*--A89A53--*/
}
div#left-column h4{
	width:320px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	/*--A89A53--*/
}
div#left-column p{
	width:340px;
	margin:0;
}
div#left-column div.inner{
	float:left;
	width:200px;
	height:160px;
	margin:0;
}

div#left-column-nav{
	float:left;
	width: 150px;
	height:320px;
	margin:30px 0 0 30px ;
	background: url(images/menubg.jpg) no-repeat
}
div#left-column-cont{
	float:left;
	margin-top:30px;
}
#left-column li.home {
	width:60px;
	display:block;
}
div#left-column li.about {
	width:60px;
	display:block;
}
div#left-column li.purchasing {
	width:60px;
	display:block;
}
div#left-column li.contact {
	width:60px;
	display:block;
}
div#left-column li.mailing {
	width:60px;
	display:block;
}
/**********************
	Left Navigation - Sub Pages
*********************/
div#left-column-sub{
	float:left;
	width:370px;
	height:320px;
	padding:0px 0px 0 0;
	margin:2px 0px 0 20px;
	font-size:16px;
	line-height:145%;
}
div#left-column-sub ul{
	list-style:none;
}
div#left-column-sub a:hover{
	width:465px;
	font-size:13px;
}
div#left-column-sub a{
	width:465px;
	margin:0;
	font-size:13px;
}
div#left-column-sub h3{
	font-size:22px;
	margin:22px 0 0 6px;
	color:#C79A19;
}
div#left-column-sub h4{
	font-size:15px;
	margin:6px 0 0 20px;
}
div#left-column-sub h5{
	font-size:16px;
	margin:6px 0 0 20px;
	background:#681919;
	font-size:15px;
	margin:6px 0 0 20px;
}
div#left-column-sub p{
	width:340px;
	margin:6px 0 0 0px;
}
div#left-column-sub .inner {
	float:left;
	margin:8px 10px 0 6px;
}
div#left-column-sub .inner h4{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	margin:10px 0 0 0;
}

div#left-column-sub .inner  img {
	border:0px solid #420107;
	margin:0px 0 0 2px;
}
div#left-column-sub .inner ul li {
	margin-top:10px;
}

div#left-column-sub-cont{
	float:left;
	margin-top:30px;
}
#left-column-sub li.home {
	width:60px;
	display:block;
}
div#left-column-sub li.about {
	width:60px;
	display:block;
}
div#left-column-sub li.purchasing {
	width:60px;
	display:block;
}
div#left-column-sub li.contact {
	width:60px;
	display:block;
}
div#left-column-sub li.mailing {
	width:60px;
	display:block;
}

/************************
	Bottom Row 
************************/
div#bottom-row{
	float:left; 
	width:960px;
	background:url(images/bottom-row-bg.jpg) no-repeat;
}
div#bottom-row h4{
	margin:0 0 0 30px;
}

/************************
	Bottom Row Styles
************************/
div#bottom-row-cont{
	width:960px;
	margin:5px 0px 0px 0px;
}
div#bottom-row-cont ul li{
	list-style-type:none;
	margin:0 0 0 10px;
	text-align:left;
	font-size:13px;
}
div#bottom-row-cont p{
	font-size:13px;
	margin:0 0 6px 26px;
}
div#bottom-row-cont h5{
	font-size:18px;
	margin:0 0 0px 26px;
	color:#681919;
}
div#bottom-row-cont .gallery {
	float:left;
	width:940;
	height:120px; 
	margin:0px 0px 10px 30px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:url(images/) no-repeat;	
}
div#bottom-row-cont .gallery img {
	width:220px;
}

div#bottom-row-cont .gallery-penink-v {
	float:left;
	width:960;
	height:172px; 
	margin:0px 0px 10px 24px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:url(images/) no-repeat;
}
div#bottom-row-cont .gallery-penink-v img {
	width:123px;
	height:170px;
	border:#39040A solid 1px;
}
div#bottom-row-cont .gallery-penink-h {
	float:left;
	width:940;
	height:162px; 
	margin:0px 0px 10px 24px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:url(images/) no-repeat;	
}
div#bottom-row-cont .gallery-penink-h img {
	width:220px;
	border:#39040A solid 1px;
}
div#bottom-row-cont .bucket-01 {
	float:left;
	width:210px;
	height:366px;
	margin:0 0 0 0;
	background:#DFDFDF;
	border-left:#ffffff solid 2px;
}
div#bottom-row-cont div.left {
	float:left;
	Width:460px;
	padding-right:20px;
	margin:0 0 10px 0;
	color:#202020;
	border-right:#cccccc solid 2px ;
}
div#bottom-row-cont  div.right {
	float:left;
	Width:420px;
	margin:0 10px 10px 0px;
	color:#202020;
}
div#bottom-row-cont div.hr {
	width:100%;
	height:10px;
	border-top:#cccccc solid 2px ;
}
div#bottom-row-cont h3 {
	margin:0px 0px 10px 10px;
	font-size:16px;
	color:#202020;
}
/************************
	Bottom Row Buckets
************************/
div#bottom-row-cont .bucket-02 {
	float:left;
	width:210px;
	height:366px;
	margin:0 0 0 0;
	background:#DFDFDF;
	border-left:#ffffff solid 2px;
}
div#bottom-row-cont div.bucket-03 {
	float:left;
	width:200px;
	height:366px;
	margin:0 10px 0px 0px;
	background:#DFDFDF;
	border-left:#ffffff solid 2px;
}
div#bottom-row-cont div.bucket-samples {
	float:left;
	width:303px;
	height:366px;
	margin:0 0 0 10px;
	background:#ffffff;
}
div#bottom-row-cont div.bucket-samples p{
	float:left;
	width:268px;
	margin:0 0 0 15px;
}
div#bottom-row-cont div.bucket-samples h3{
	margin:0 0 14px 15px;
}
div#bottom-row-cont div.bucket-samples h5{
	float:left;
	margin:0 0 14px 15px;
	font-size:16px;
	color:#681919;
}
div#bottom-row-cont .bucket-samples img {
	float:left;
	margin:0 0 0 10px;
}
div#bottom-row-cont div.bucket-samples-int{
	float:left;
	height:146px;
	margin:0 0px 0 6px;
	background:#D8D8D8;
	border-top:2px solid #666666;
}
/************************
	Footer 
************************/
div#footer{
	float: left; 
	width: 100%;
	height:100px;
	font-size:13px;
	margin: 0px 0px 0px 0px;
	border-top:#333333 solid 1px;
	background: #9A9E9F;/*CF9800/01253D*/
}
div#footer-cont{
	float:center;
	width:960px;
	text-align:center;
	margin:10px auto 10px auto;
	color#fff;
}
div#footer-cont ul{
	list-style-type:none;
	margin:10px 0px 10px 0px;
	text-align:center;
}
div#footer-cont li{
	display:inline;
	padding:0px 10px 10px 0px;
}
div#footer-cont p {
	color:#666666;
}
div#footer-cont a {
	font-size:13px;
}
/************************
	Link Styles 
************************/

a:link{text-decoration:underline;color:#01263c;}
a:visited{text-decoration:underline;color:#01263c;}
a:hover{text-decoration:underline;color:#990002;}
a:active{text-decoration:underline;color:#990002;}

#left-column a:link{text-decoration:underline;color:#5F0B0B;}
#left-column a:visited{text-decoration:underline;color:#5F0B0B;}
#left-column a:hover{text-decoration:underline;color:#C79A19;}
#left-column a:active{text-decoration:underline;color:#C79A19;}

#footer-cont a:link{text-decoration:underline;color:#eeeeee;}
#footer-cont a:visited{text-decoration:underline;color:#eeeeee;}
#footer-cont a:hover{text-decoration:underline;color:#ffffff;}
#footer-cont a:active{text-decoration:underline;color:#eeeeee;}