* {
border: 0px solid green;
padding:0;
margin:0;
}


html {
background-color:#fff;
background-color:#f2f6d7;

/*fix ie horizontal scroll bar problem!!!!!!!!!!!!!!!!!!!!!!*/
overflow-x: hidden;

}

body {
	background-color:#f2f6d7;
	text-align: left;
	line-height:1.2em;
	word-spacing: -0.05em;

	color:#445149;
	
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	background-image: url(../images/css/body-head-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;

				font: 12px/1.5 verdana, arial, helvetica, sans-serif;
				

	
}

html>body {
    height: auto;
	}
	


/* standard helper classes */

.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;

}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}


* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


.inline { display: inline; }
.hidden { display: none; }

#banner:after,
#banner-inner:after,
#content-twocol-right:after,
#main-inner:after,
#links-inner:after,
#lowrow:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#banner-inner,
#content-twocol-right,
#lowrow-inner,
.asset-body {
    height: 1%;
}





/****************text**************/
p{margin: 0px 0px 20px 0px;padding: 0px;}

h1{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 140% 
; margin:0px 0px 15px 0px; 
padding:0px; 
}

h2{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 130%; 
margin:0px 0px 10px 0px; 
padding:0px;
/*color: #E5E1D2;*/
}

h3{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 140%; 
margin:0px 0px 10px 0px; 
padding:0px; 

}


h4{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 140%; 
margin:0px 0px 5px 0px; 
padding:0px; 
}

.h4-clear {
font-weight:bold;
font-size: 120%;
clear:both;
margin: 0px 20px 20px 0px;
padding:0px;
width: 600px;
display:block;
border-bottom: 1px solid #CCCCCC; 
font-family:Arial, Helvetica, sans-serif;
}


h5{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 140%; 
margin:0px 0px 5px 0px; 
padding:0px; 
}

h6{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 110%; 
margin:0px 0px 5px 0px; 
padding:0px; 
}

:link,:visited {    text-decoration: none;	}

a:link { color:#475C8D;  }     /* unvisited link */
a:visited { color:#475C8D;  }  /* visited link */
a:hover { color:#003366 ; }   /* mouse over link */
a:active { color:#475C8D ;}   /* selected link */
a img,:link img,:visited img {    border: none; }


a.h4-link, a.h4-link:link, a.h4-link:visited, a.h4-link:hover, a.h4-link:active {
font-family:Arial, Helvetica, sans-serif;
font-size:140%; 
font-weight:500; 
text-transform:lowercase; 
text-decoration:none; 
}

table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 


hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}

address {
    font-style: normal;
    display: inline;
}


p.form-error { display:table; background-color:#FDDAAA; padding: 20px;}
p.form-succ { display:table; background-color:#FAF59A;padding: 20px;}



/*forms*/
input { 	
font-family:Arial, Helvetica, sans-serif; /* center on ie */
border: 1px solid #ccc ;
}

textarea {
font-size: 100%;
color: #756C62;
font-family:Arial, Helvetica, sans-serif;
}

fieldset {
margin: 0px;
padding: 20px;
border: 1px solid #67BD42;
}

legend {
font-family:Arial, Helvetica, sans-serif;
font-size: 120%;
color: #67BD42;
font-weight: bold;
margin: 0px 20px;
}

.required {color: #F2362D;font-weight: bold;}

body#admin form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 160px; 
padding: 0; 
margin: 10px 0px; /* set top margin same as form input - textarea etc. elements */
text-align: left; 
clear: left;
}

.form-text { display:inline; margin-top: 20px;}
.form-image { margin: 10px 0 0 0;}
.form-picture { margin: 10px 0 0 0; clear:right;}
body#admin form input, select, textarea{ 
border: 1px solid #cccccc;
margin: 10px 0px;
width: 380px;
overflow: auto;
}

body#admin form input#submit {
border-style: outset;
margin: 20px 0 0 0;
float: left;
width: 140px;
padding: 0;
}

body#admin form input#radio {
width: 15px;
margin: 10px 0 0;
border: 0px solid #cccccc;
}

.contactform input,textarea,select {
border: 1px solid #cccccc; 
margin: 10px 0px;
padding:0px;
}

#contact_send_button input {
border : 0px ;
width : 48px ;
height: 26px;
margin: 3px 0px 0px 0px ;
padding:0px;
}

body#admin #login-form {
float: left;
background-color:#669DD5;
padding: 20px 20px;
margin:20px 0px;
}

body#admin #login-form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 75px; 
padding: 0; 
margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left; 
clear:left;
} 

body#admin #login-form input{ 
border: 1px solid #cccccc;
margin: 10px 0 0; 
width: 100px;
padding:0px;
}

body#admin #login-form input#submit {
border-style: outset;
margin: 20px 0 0 0px;
width:100px;
padding:0px;
}

#login-details {
width:400px;
float : right;
padding: 20px 0px;
}


img.p-more { 
background-color:#759FD3; 
margin:0px 10px;
border:0px solid red;
}


/***********structure**********/

#container {
/*position: relative;*/
margin: 0 auto; 

text-align: left;
padding: 0px;


	

}

html>body #container {  
height: auto;
border: 0px solid black;

}

#container-inner { 
margin: 0 auto; /* center on everything else */
position: static; 
width: 900px; 
background-color:#f2f6d7;
border: 0px solid black;
}
html>body #container {  
height: auto;

}

#content-twocol-right {
position: relative;
width: 100%;
margin: 0px;
padding:0px;
background-color:#f2f6d7;
}


body#admin #content-twocol-right {
background-color:#fff;
}


#content-onecol {
position: relative;
width: 100%;
margin:0px;
padding:0px;
background-color:#f2f6d7;
}
#content-onecol-inner {
	position: static;
	padding:0px;
	margin:30px 20px 20px 20px;

}


#main,#news-intro,#info-intro,#cont-intro,#scroll-tab,#links {
display: inline;  /*ie win bugfix*/ 
position: relative;
float: left;
min-height: 1px;
}


#main {
width:700px;
margin:0px;

padding:0px;
background-color:#f2f6d7;

}
#main-inner {
margin:30px 20px 20px 20px;
border-right:1px dotted #ccc;
padding:0px 20px 0px 0px;
}


/******************banner*****************/
#banner { 
/*position: relative;*/ 
height: 90px;
background-color:#354C6E;
}
#banner-inner { 
padding: 0px 15px;
margin: 0px;
}

.logo {
line-height:4; 
float:left;
display:block;
margin:0px;
padding:0px;
}
.logo img {
float: left;
margin: 0px;
border:0px solid red;
padding:0px;
}


.login {
position: absolute;
top:10px;
right: 30px;
width: 45px;
padding-top: 28px; /* height of the replacement image */
height: 0px;
overflow: hidden;
background-image: url('../images/login.gif');
background-repeat: no-repeat;

}	
.logout {
position: absolute;
top:10px;
right: 30px;
width: 45px;
padding-top: 28px; /* height of the replacement image */
height: 0px;
overflow: hidden;
background-image: url('../images/logout.gif');
background-repeat: no-repeat;
}


.login a, .logout a {
color:#576B91;
margin:0px;
padding:0px;
background:none;
padding-top: 28px; /* height of the replacement image */
height: 0px;
overflow: hidden;
width: 45px;
letter-spacing:5px;
}

ul#topnav {
display: inline;
position:relative;
top:65px;
left:138px;
margin:0px;
padding:0px;
}

ul#topnav li {
display: inline;
list-style-type: none;
padding:0;
margin:0;

}
ul#topnav li a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:120%;
text-decoration:none;
padding:5px 20px;
background-color:#EEEEEE;
background-color:#dce1bb;
margin:0px;
}
ul#topnav li a:hover {
background-color:#eef2d6;
}

body#home li#t-home a, 

body#inventory li#t-inventory a,
body#medium li#t-inventory a, 
body#artist li#t-inventory a,
body#biog li#t-inventory a,
body#artwork li#t-inventory a,

body#about li#t-order a,

body#contact li#t-contact a,

body.main-index li#t-news a,
body.individual-entry-archive li#t-news a,
body.category-archive li#t-news a, 
body.comment-preview li#t-news a 
{
color: #2B443A;
background-color:#fff;
background-color:#f2f6d7;
padding:5px 20px 6px 20px;
}

ul#topnav li#t-exit {
background-color:#354C6E;
}

ul#topnav li#t-exit a {
	color: white;
	padding: 3px 20px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style:dotted;
	border-top-color: white;
	border-right-color: white;
	border-left-color: white;
	background-color:#354C6E;
}

ul#topnav li#t-exit a:hover { 
color: red;
}

/************right column ***************/

#links {
margin:0px;
padding:0px;
width: 190px;
}






.pricelist{
	padding: 20px 10px 20px 37px;
	margin:37px 20px 0px 20px;
	cursor:pointer;
	background-color:#CBC78B;
	background-image: url(../images/css/pdf-logo.gif.gif);
	background-repeat: no-repeat;
	background-position: 15px 20px;
	}
	.pricelist:hover {
	background-color:#BDBA99;
}

.pricelist a{
	text-decoration:none;
	font-weight:bold;
	font-size:100%;

}

#links-inner {
padding: 0px;
margin:30px 0px 20px 20px;
}
ul#links-list {
list-style:none;
margin:0px;
padding: 0px;
}
ul#links-list li {
padding: 0px;
margin:0px 0px 20px 0px;
}
ul#links-list li a {
padding: 0px;
margin:10px 0px 10px 0px;
}

/*admin links*/
ul#admin-list {
list-style:none;
margin:0px;
padding: 0px;
}
ul#admin-list li {
padding: 0px;
margin:0px 0px 20px 0px;
}
ul#admin-list li a {
padding: 0px;
margin:10px 0px 10px 0px;
}


/*****lowrow*********/
#lowrow {
position: relative;
width: 100%;
background-color:#CBC78B;
margin:0px;
padding:0px;

}

#lowrow-inner {
margin: auto; 
width: 900px;
text-align:left;
}

#lowrow-inner p {
padding: 15px 20px 0 17px;
}






/********home page************/

body#home {
background-image:none;
}

#splash {
	position: relative; /* Needed for Safari */
	margin: 50px auto; /* Takes care of horizontal alignment in standards compliant browsers */
	text-align: left;
	width: 800px;
	height: 594px;
	

}


/**********inventory paage***************/

.invent-intro1 {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 300px;
float:left;
}
.invent-intro1 .invent-intro-inner {
margin: 0px 30px 30px 0px;
padding: 0px;
background-color:#eef2d6;
background: url(../images/css/oilsfaint.gif) 50% 50% no-repeat;
cursor:pointer;
}
.invent-intro1 .invent-intro-inner:hover {
background: url(../images/css/oils.gif) 50% 50% no-repeat;
}


.invent-intro2 {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 300px;
float:left;
}
.invent-intro2 .invent-intro-inner {
margin: 0px 30px 30px 0px;
padding: 0px;
background-color:#eef2d6;
background: url(../images/css/gouachefaint.gif) 50% 50% no-repeat;
cursor:pointer;
}
.invent-intro2 .invent-intro-inner:hover {
background: url(../images/css/gouache.gif) 50% 50% no-repeat;
}




a.medium-name ,
a.medium-name:link, a.medium-name:visited, a.medium-name:hover, a.medium-name:active{
padding: 20px;
margin: 0px 0px 0px 0px;
display:block; 
font-size: 230%;
font-weight:bold;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color: #204B93;
}


.invent-intro p {
margin: 0px;
padding: 0px 0px 10px 0px;
display:block;

}




/**********medium page ***********/

.medium-intro {
width: 600px;
padding:0px 0px 10px 0px;
margin: 0px 0px 30px 0px;
border-bottom: 1px solid #ccc;
}
.medium-intro p{
padding:0px;
margin: 0px;
}
.artist-intro-block {
width:300px;
height: 130px;
margin: 0px;
padding:0px;
border:0px solid #999;
float:left;
}
.artist-intro-block-inner {
margin: 0px 20px 20px 0px;
padding:10px;
height: auto;
cursor:pointer;
background-color:#eef2d6;
}
.artist-intro-block-inner:hover {
background-color:#EEEEEE;
}

.artist-intro-block img.artist-icon {
float:left;
margin: 0px 10px 0px 0px;
padding: 2px;
border:1px solid #CFCFCF;
background-color:white;

}


a.artist-name:link, a.artist-name:visited, a.artist-name:hover, a.artist-name:active  {
font-weight:bold;
padding: 0px;
margin: 0px 0px 10px 0px ;
}

.artist-intro-block  p {
margin: 0px;
padding: 0px;
height: 69px;
display:block;
overflow:hidden;
font-size:90%;
}


/*************artist-page***************/

#artist-intro {
text-align:left;
width: 600px;
display:block;
border-bottom: 1px solid #CCCCCC;
padding:0px 0px 10px 0px;
margin: 0px 0px 30px 0px;
}
#artist-intro p{
padding:0px;
margin: 0px;
}
#artist-intro h4 {
font-family:Arial, Helvetica, sans-serif;
}

img.artist-snap {
float:left;
margin: 0px 10px 0px 0px;
padding:0px;
}

.artists-artwork-wrapper{/*artworks*/
padding:0px;
margin:0px;
float:left;
width: 400px;
min-height: 195px;

}

.artists-artwork{
border:0px solid #cccccc;
margin:0px 20px 20px 0px;
padding: 10px;
display:block;
cursor:pointer;
height: 155px;
background-color:#eef2d6;

}

.artists-artwork:hover {
background-color:#e6eacd;
}

.thumb-box{
}

img.thumb{
float:left;
margin: 0px 10px 0px 0px;
padding: 3px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
display:block;
background-color:white;
}

a.artwork-name:link, a.artwork-name:visited, a.artwork-name:hover, a.artwork-name:active {
display:block;
font-weight:bold;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 10px;
}


.artists-artwork p {
/*width: 200px;*/
margin: 0px;
padding: 0px;
font-size:90%;
}


div.figures {
margin:0px 0px 0px 0px;
display:inline-block;
/*clear:left;*/
font-size:90%;
}
div.figures-down {
margin:0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
display:inline-block;
clear:left;
font-size:90%;
}

div.figures-up {
margin:10px 0px 0px 0px;
display:inline-block;
font-size:90%;
}


/********artwork-page*********/

#artwork-cont {
border: 0px solid black;
margin:0px;
padding:0px;
}

#artwork-cont img {
border-top: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
border-bottom: 2px solid #666666;
border-right: 2px solid #666666;
margin:10px 0px;
padding:5px;
display:block;
}
.h4-artwork-name {
clear:left;
font-size:120%;
font-weight:bold;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color: #445149;
}

#artwork-cont p {
margin:0px;
padding:0px;
width: 650px;
}

.price-size {
color: #77846F;
margin: 10px 20px 10px 0px;
padding:0px 20px 0px 0px;
clear:left;
display:inline-block;
}

.pad-more-back {
float: left;
margin: 10px 0px 0px 0px;
padding:0px;
}



/*contact form*/
.contactform {
width:310px;
margin : 0px;
float:left;
padding:0px;
}

.contactform input,textarea,select {
color: #000000; 
border: 1px solid #cccccc; 
margin:0px 0px 20px 0px;
padding:0px;
}


#contact_send_button{
border : 2px solid #4A4A4A;
width : 58px ;
margin: 20px 0px 0px 0px ;
padding:0px;
clear:both;
font-weight:bold;
color:#4A4A4A;
}

input#captcha_input {
color: #000000; 
border: 1px solid #cccccc; 
margin:0px 0px 0px 0px;
padding:0px;
}





.DodosMailError {
padding: 0px;
margin:0px;
}

.DodosMailErrorHighLight {
color:#FF99CC;
font-weight: bold;
margin:0px;
padding:0px;
}


#contact-details {
float: right;
border: 0px solid black;
margin:0px;
padding:10px 150px 0 0 ;
}


.map {
margin:0px;
padding:0px;
}


p#address {
margin:0px 0px 20px 6px;
padding:0px;
}

span.def {
width: 120px;
margin:10px 0px 0px 0px;
padding:0px;
clear:left;

}

p.address a:link, p.address a:visited, p.address a:link:hover, p.address a:link:active {
font-size:12px;
font-weight:400;
margin:0px;
padding:0px;
}



/**********edit pages************/

body#admin, body#admin #main {
background-color:#fff;
}


.admin-user {

right: 60px;
margin: 0px;
text-align:right;
font-weight:bold;
}

.tiny {
color:#999999;
}

.stat-block {
float: left;
width: 250px;
padding: 0px 20px 20px 0px;
margin: 20px 20px 0px 0px;
}

span.status-num {
font-family:Arial, Helvetica, sans-serif;
font-size: 150%; 
margin:0px 0px 0px 0px; 
padding:0px;
color:#1FDE6B; 
}

.block-border {
background-color:#E6EDD7;
padding: 4px;
clear:both;
}
.block-border-inner {
margin: 0px;
padding: 4px;
background-color:#ffffff;
}

table.check-table {
background-color:#FFFFFF;
width: 100%;
border-collapse: collapse;
text-align:left;
margin:0px;
padding:0px;
border-bottom: 1px solid #ccc;
}


tr.check-table-header {
background-color:#67BD42;
color:white;
text-align:	left;	
margin:0px;
padding:0px;
border-bottom: 1px solid #ccc;
}
tr.check-table-header td {
padding: 2px 3px;
margin:0px;
}
table.check-table a {
margin:0px;
padding:0px;
}
tr.check-table-row-odd, tr.check-table-row-even  {
color:#333333;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
vertical-align:top;
}

tr.check-table-row-odd {
background-color:#F5FADE;
}
tr.check-table-row-odd:hover {
background-color:#EFF5D4;
}
tr.check-table-row-even {
background-color:#FFFFFF;
}

tr.check-table-row-even:hover {
background-color:#EFF5D4;
}
tr.check-table-row-even td, tr.check-table-row-odd td {
padding: 0px 3px;
margin:0px;
border-top: 1px solid #FFF;
}

tr.check-table-row-even td.limit-cell, tr.check-table-row-odd td.limit-cell {
width: 55%;
}
tr.check-table-row-even td.bold-cell, tr.check-table-row-odd td.bold-cell {
font-weignt:600;
}

.skip {
position:absolute;
right:35px;
padding: 0px 10px 10px 10px ;
margin:0px;
}

.skip-art {

clear: left;
padding: 0px 10px 10px 10px ;
margin:0px;
}

.skip-home {
padding: 0px 10px 10px 10px ;


}

img.admin-button {
/*position:absolute;*/
float:right;
right:31px;
top:28px;
padding: 0px 10px 10px 10px ;
margin:0px;
}


/************scrollbox on home page *********/
.scroll-header {
margin-left: 0px;
}

#databox {
position:relative;
overflow:hidden;
left:00px;
top:0px;
margin-bottom : 20px;
width:155px;height:250px;border:solid black 0px;
}
#databox-1 {
position: absolute;left:0px;top:0px;text-Align:left;
} 
#scrollboxY {
position:absolute;
overflow:hidden;
left:142px;
top:0px;
width:13px;
height:250px;
border:solid black 0px;
background-image: url(../images/scroll-bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#scrollboxY-1 { 
position:absolute;left:4px;top:0px;width:5px;height:30px;background-Color:#cccccc;border:solid black 0px;cursor:hand;cursor:pointer;
}
#databox .Img {  cursor:hand;  cursor:pointer;}  


/***scrollbox on inventory page ***/
#databox-invent {
position:relative;
overflow:hidden;
left:00px;
top:0px;
margin-bottom : 20px;
margin-top: 15px;
width:155px;height:270px;border:solid black 0px;
}
#databox-1-invent {
position: absolute;left:0px;top:0px;text-Align:left;
} 
#scrollboxY-invent {
position:absolute;overflow:hidden;left:142px;top:0px;width:13px;height:270px;border:solid black 0px;
background-image: url(../images/big-scroll-bg.gif);
background-repeat: no-repeat;
background-position: center bottom;}
#scrollboxY-1-invent { 
position:absolute;left:4px;top:0px;width:5px;height:30px;background-Color:#cccccc;border:solid black 0px;cursor:hand;cursor:pointer;
}
#databox-invent .Img {  cursor:hand;  cursor:pointer;}  


/**********random images on inventory page************/
table#random {
width: 130px;
vertical-align:middle;
}
td.marge {
border: 0px solid#475C8D;

}
table.grid-box {
/*opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;*/
}

table.grid-box:hover{
/*opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1;*/
}

table.grid-box tr td{
border: 0px solid#475C8D;
padding: 15px 0px;

text-align:center;
width: 150px;
overflow:hidden;
}

div.float {
float: left;
}

div.float p {
}

table.grid-box img {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
z-index:100;
vertical-align:middle;
}