@import url(mainnav.css);
@import url(pricelist.css);
/*css main file for Huel Pottery December 2006 version .50 Paul Huel */

/* Zero down margin and padding on all elements */

* {
	margin: 0;
	padding: 0;
	}	

body {
	text-align: center; /* hack for ie 5.5 and 6 for centering in
conjunction with maincontent text-align: left*/
	min-width: 800px;
	background:  #fff url(cssimages/bodybackground.png) repeat-x;
	color: #ffffff;
	/*font:90%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	}

/* begin main layout concept
==================================*/

#wrapper {
	width: 1000px ;
	margin: 10px auto;
	text-align: left; /* hack for centering for ie 5.x*/
	/*color: #ffffff;*/
	color:  rgb(40, 116, 128);
	/*background-color: rgb(0,0,0);*/
	/*background:  #fff url(cssimages/bodybackground.png) repeat-x;*/
	}
	
#sidebar {
	width: 200px ;
	min-height: 600px;
	padding-top: 20px;
	margin-top: 10px;
	/*margin-top: 100px;*/
	float: left ;
	/*color: #000000;*/
	background: #fff url(cssimages/column_backing.png) repeat-x ;
	/*background-color: #fff;*/
	}
	


#maincontent {
	width: 790px;
	float: right;
	margin-top: 10px;
	min-height: 600px;
	padding-top: 20px;
	/*text-align: justify;*/
	font:100%/1.8"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(cssimages/column_backing.png) repeat-x ;
	/*background-color: #fff;*/
	}

#footer {
	float:left;
	clear: both;
	width: 1000px;
	height: 73px;
	background:#fff;
	}




/* subNav
=======================*/

#subnav ul {
	margin: 0;
	padding: 0;
	/*float: left;*/
	list-style: none;
	font-size:100% !important;
	font-size:80%;
	
	
	}

#subnav ul li {
	
	display: block;
	color:#000;
	padding-left: 20px;
	
	}


#subnav ul a {
	padding: 0 1em;
	line-height: 1.8em;
	text-decoration: none;
	color: #1d339f;
	/*text-align: center;*/
	
	/*float: left;*/
	
	}

#subnav ul a:hover {
	background: #fed500 ; /*url(pics/menu-hover.png) repeat-x scroll 0% 50%;*/
	color: #940300 ; /*rgb(72, 91, 6);#333;*/
	}
/* end subNav
=======================*/


/*  sedondary content
=================================*/

/* default link behavior*/

a {
	color: #1d339f;
	text-decoration: none;
	}
	
a:hover {
	color:#940300;
	text-decoration: underline;

}

#maincontent img{
	float: left;
	padding: 20px 20px 0px 50px ;
	}

.leftcol h4, .rightcol h4 {
	position:relative;
	top:100px;}
.rightcol img{	
	float: right;
	padding-right: 40px;
	}


#twocolleft { float:left; 

	top:20px;
	padding-top:20px;
	width:380px;
	text-align: center;}

#twocolright {float: left; 
	top:20px;
	padding-top:20px;
	width:380px;
	text-align: center;}

p {margin-left:50px;
	margin-right: 50px;}

div .singlecol  {
	text-align: center;
	padding-top: 20px;}

.clear {
	clear: both;}


#maincontent p {
	padding-left: 20px;
	padding-right: 10px;
	text-indent:20px;
	color: #000 ; /*rgb(40, 184, 112);*/
	}
	
#maincontent p.imgtext {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 100px;
	font-style:italic;
	text-indent:20px;
	color: #000 ; /*rgb(40, 184, 112);*/
	}
#maincontent p span {
	text-decoration: underline;
	font-weight: bold;
	}


#footer p { padding: 25px;
	text-align: center;
	letter-spacing:2px;
	font-size: 70%;
	color: rgb(153, 153, 153);
	}
#footer a{color: #000;}
#vases .leftcol img, h4, #planters .leftcol img, h4 {padding-left: 150px;}

#vases .rightcol img, h4, #planters .rightcol img, h4 {padding-right: 150px;}

#biography .text {padding-left: 50px;
	padding-right: 50px;}
#biography .leftcol {padding-left:75px;}

#maincontent img.frame { 
	border: 8px ridge rgb(240, 200, 112);
	margin:20px;
	padding: 0px;
	
    }
.firstletter:first-letter { font-size: 300%;
    float: left;
    font-style: normal;
    text-decoration: none;
    }

p.text{font-size: 100%;}

#contact .textleft p{font-size: 100%;
	text-align: left;}
 h2,h3 {
	text-align: center;
	color:  rgb(40, 116, 128);
	font:100%/1.8"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		}
		
h5 {
	margin-left:75px;
	font-weight:bold;}
	
	
h3{ font-weight:bold;
}

#tiles4x4 #maincontent, #tiles6x6 #maincontent {
	background: #000 ;
	
}

#tiles4x4 #maincontent p.imgtext, #tiles6x6 #maincontent p.imgtext{
	color: #fff ;
	
}

/*  end sedondary content
=================================*/

/* begin forms coding
=============================================*/

label {display: block}

fieldset{background: #f8f8f8;
	border: solid 0 transparent;
	margin: 1em;
	padding: 20px;
	border: 1px solid #ccc
	}

form{width: 600px;
	height: 400px;
	margin-left:100px;
	background: #fff;}
textarea {width: 400px;
	height: 100px;}
 input{width:400px;}
input.submit {width:auto;}

/* end forms coding
=====================================================*/


/*========================================   accordian menu*/

.glossymenu{
margin: 5px,0px;
margin-left:10px;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(./cssimages/glossybackb.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(./cssimages/glossyback2b.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/*=====================================end accordian menu */

/* easy drop shadow
================================== */
/*
.img-wrapper {
	background: url(images/shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	display: inline;
	margin-left:10px;
	
	}

.img-wrapper img {
	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
	}*/
/* end easy drop shadow
================================== */
/* external links - do not work with ie 6 and below
================================== */

a[href^="http:"] {
	background: url(cssimages/externalLink.gif) no-repeat right top;
	padding-right: 10px;
	}

a[href^="http://www.kispiox.com"], a[href^="http://kispiox.com"]
 {
	background-image: none;
	padding-right: 0;
	}

a[href^="mailto:"] {
	background: url(cssimages/email.png) no-repeat right top;
	padding-right: 15px;
	}
a[href$=".pdf"] {
	background: url(cssimages/pdf.gif) no-repeat right top;
	padding-right: 25px;
	}
/* end external links 
================================== */