/* RESET--------------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 10pt;
	vertical-align: baseline;
}

ol, ul {list-style: none;}



a img,:link img,:visited img { border:none }
:focus {outline: 0;}

a {
	outline: none;
	text-decoration:none;
	border: none;
}
/*---------------------------- LAYOUT ---------------------------------------*/

html, body	{
	background-color: #000;
	color: #bbb;
	font-family: arial, verdana, helvetica, sans-serif;
	height: 100%;
	border: 0px dotted #f00;
}

p.first	{
	margin-top: 0px;
}

#uberContainer	{
	position: relative;
	margin: 0 auto;
	width: 850px;
}

#innerContainer	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 850px;
	border: 0px dotted #0f0;
	background-color: #000;
	height: auto;
}

#pageHeader	{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 145px;
}

#mainHeader	{
	position: absolute;
	left: 30px;
	top: 19px;	
	width: 292px;
	height: 28px;
	border: 0px dotted #ccc;
}

#subHeader	{
	position: absolute;
	top: 52px;
	left: 30px;
	width: 402px;
	height: 15px;
	border: 0px dotted #ccc;
}

#headerLine	{
	position: absolute;
	top: 71px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #192028;
}

#contactInfo	{
	position: absolute;
	top: 77px;
	left: 30px;
	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #c5c5c5;
}

#topRightThumb	{
	position: absolute;
	top: 0px;
	left: 730px;
	width: 120px;
	height: 70px;
	border: 1px solid #000;
}

#mainNav	{
	position: absolute;
	left: 552px;
	top: 70px;
	width: 216px;
	border: 0px solid #ccc;
}

#mainContent {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 425px;
	font-family: arial, verdana, sans-serif;
	line-height: 20px;
	border: 0px dashed #aaaaaa;
}

#copyright	{
	position: relative;
	top: 18px;
	left: 30px;
	text-align: left;
	color: #666;
	font-size: .8em;
}

/*------------------- GLOBAL STYLES ----------------------------*/

h1	{
	color: #d4982a;  							/* * GOLDEN RAKU POTTERY * */
	font-family: verdana, arial, sans-serif;
	font-size: 1.9em;
	margin-top: 5px;
	margin-bottom: 10px;
	background-image: url('../images/siteDesign/golden_raku_pottery2.gif');
	background-repeat: no-repeat;
	text-indent: -1000px;
	font-weight: normal
}

h2	{
	color: #c5c5c5;  							/* * Clay Art by Mary Rowland * */
	font-family: verdana, arial, sans-serif;
	font-size: .9em;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url('../images/siteDesign/clay_art_by_Mary_Rowland2.gif');
	background-repeat: no-repeat;
	font-weight: normal;
	text-indent: -1000px;
}

h3	{
	color: #eee;  
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal
}

p.pleaseContact	{
	font-style: italic;
	color: #888;
}

p.signature	{
	font-style: italic;
	font-family: Georgia, times, times new roman, serif;
	font-size: 1.1em;
}

.bordered	{
	border: 1px solid #192028;
}
/*--------------------------- NAVIGATION  ------------------------------*/

ul.links li {
	float:left;
}

ul.links li a	{
	display: block;  
	width: 94px;
	height: 23px; 
	margin-right: 12px;
	font-size: 1em;
	background-image:url('../images/siteDesign/linkBG-off.gif');
	background-repeat: no-repeat;
	line-height: 24px;
}



ul.links li.home a	{
	text-indent: 30px;
}

ul.links li.catalog a	{
	text-indent: 26px;

}

.home ul.links li.catalog a:hover,
.home ul.links li.catalog a:active,
.catalog ul.links li.home a:hover,
.catalog ul.links li.home a:active	{
	background-image:url('../images/siteDesign/linkBG-on.gif');
	color: #000000;
}


a	{
	text-decoration: none; 
	padding: 0px;
	margin-right: 0px;	
	margin-left: 0px;
}

a:link, a:visited	{ 
	color: #ffffff;
}




/*---------------------------- HOMEPAGE ---------------------------------------*/

.home #mainImage	{
	position: absolute;
	left: 30px;
	top: 0px;	
	height: 425px;
	border: 1px solid #192028;
}

.home #mainText	{
	position: absolute;
	left: 374px;
	top: 0px;
	width: 420px;
	height: auto;
}


/*---------------------------- CATALOG ---------------------------------------*/

.catalog #thumbnails,
.shipping #thumbnails	{
	margin-left: 30px;
	margin-top: 1px;
	width: 100px;
	height: 400px;
	border: 0px solid #00ff00;
	margin-right: 20px;
	float: left;
}

.thumbnail		{
	width: 40px;
	height: 40px;
	border: 1px solid #192028;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}

.catalog #tableImage	{
	position: relative;
	left: 0px;
	top: 0px;	
	height: 425px;
	border: 1px solid #192028;
}

.catalog #tableText	{
	position: relative;
	margin-left: 30px;
	top: 0px;
	width: auto;
	height: auto;
}

.catalog p.details .dimensions,
.catalog p.details .price	{
	margin-right: 10px;
	font-size: .8em;
}

.catalog p.first	{
	margin-top: 20px;
}

.catalog #copyright	{
	position: absolute;
	top: 585px;
	left: 150px;
	text-align: left;
	color: #555;
	font-size: .8em;
}


/*---------------------------- CONTACT ---------------------------------------*/

#pleaseContact	{
	border: 0px #333 dotted;
	margin-top: 8px;
	padding-left: 0px;
	padding-top:2px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #888;
	background-color: none;
	font-style: italic;
}

.home #pleaseContact	{
	border: 0px #333 dotted;
}	
	
#credit	{
	color: #999999;
	font-size: 10px;
	margin:0;
	padding:0;
}

#credit a:link, #credit a:visited	{color: #ff0000;}
#credit a:active, #credit a:hover	{color: #000000;}

/*---------------------------- SHIPPING ---------------------------------------*/
.shipping #rightContent	{
	position: absolute;
	top: 0px;
	left: 200px;
	width: 400px;
	height: 400px:
	border: #cccccc; 0px dotted;	
}

.shipping #pleaseContact	{
	border: 0px #333 dotted;
	margin-top: 0px;
	padding-left: 0px;
	padding-top:2px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 440px;
	color: #aaa;
	background-color: none;
	font-style: italic;
}

.shipping #pleaseContact h3	{
	margin-bottom: 20px;
}