/* CSS Document */

/*********************************************************************

Style Reset - removes browser defaults

**********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*************************************************************
MAIN GENERAL STYLES
*************************************************************/
body {
	margin: 0;
	border: 0;
	padding: 0;
	background-image:url(../images/paint4.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}
img
	{
	margin: 0;
	padding: 0;
	border: 0;
}
flash
	{
	margin: 0;
	padding: 0;
	border: 0;
}
form{
	margin: 0;
	padding: 0;
	border: 0;
}
.clear{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	  height:1px; 
	  overflow:hidden; 
	  line-height:1%; 
	  font-size:0px; 
	  margin-bottom:-1px; 
} 
/*************************************************
CONTAIN
**************************************************/
h1{
	margin:15px 0 5px 0;
	padding:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px dotted #323030;
	text-transform:uppercase;
}
h2{margin:15px 0 5px 0;
	padding:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px dotted #323030;
	text-transform:uppercase;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#191818;
}
a{	
	color:#323333;
	text-decoration:none;
}
a:hover{	
	color:#000000;
	text-decoration:none;
}
#contain{
	margin:0 auto;
	padding:0 0 0 0;
	width: 968px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
}
/*************************************************
HEADER
**************************************************/
#header{
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	background-color:#000000;
}
#header p{
	margin:0 0 0 0;
	padding:0 20px 0 0;
	font-size:11px;
	font-weight:normal;
	color:#F2F2F2;
	text-align:right;
}
#header a{
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	text-decoration:none;
	color:#F3F3F3;
	background-image: url(../images/header_a_box_up.gif);
	background-position: 0em .25em;
	background-repeat: no-repeat;
}
#header a:hover{
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	text-decoration:none;
	color:#FFFFFF;
	background-image: url(../images/header_a_box_over.gif);
	background-position: 0em .25em;
	background-repeat: no-repeat;
}
#masthead{
	margin:20px 0 20px 0;
	padding:0 0 0 0;

}
#masthead .logo{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
#masthead .pics{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:330px;
	float:right;
}
#masthead .pics img{
	margin:0 0 0 15px;
	padding:0 0 0 0;
	border:10px solid #ffffff;
}
/*************************************************
CONTENT AREA
**************************************************/
#content{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-top:1px dotted #323030;
}
#content .callouts{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	float:left;
}
#content .callouts img.calloutPicks{
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin:2px 15px 0 0;
	padding:0 0 0 0;
	float:left;
}
#content .portfolio{
	margin:10px -10px 0 0;
	padding:0 0 0 0;
	float:right;
	width:600px;
}
#content .portfolio .discription{
	margin:0 0 0 0;
	padding:10px 0 0 0;
}
#content .portfolio .discription p{
	margin:0 0 7px 0;
	padding:0 0 0 0;
	font-weight:11px;
	color:#4D4D4D;
}
#content .portfolio .discription img{
	margin:5px 0 0 0;
	padding:0 0 0 0;
}
#content .portfolio .discription .left{
	margin:0 0 0 0;
	padding:0 10px 0 0;
	border-right:1px dotted #323030;
	float:left;
	width:230px;
}
#content .portfolio .discription .leftPottery{
	margin:0 0 0 0;
	padding:0 10px 0 0;
	float:left;
	width:230px;
}
#content .portfolio .discription p.sml{
	margin:-5px 0 0 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#727170;
}
#content .portfolio .discription .right{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	width:300px;
}
#footer{
	margin:20px 0 0 0;
	padding:0 0 0 0;
	background-color:#000000;
}
#footer p{
	margin:0 0 0 0;
	padding:7px 0 7px 0;
	font-size:10px;
	color:#ffffff;
	text-align:center;
}
#footer a{
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}
/*************************************************
ACCORDION
**************************************************/
#basic-accordian{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:300px;
}
.accordion_headings{
	padding:7px 0 5px 0;
	color:#000000;
	cursor:pointer;
	border-bottom:solid 10px #454545;
	
}
.accordion_headings:hover{
	background:none;
}
.accordion_child{
	margin:0 0 20px 0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #323030;
}
.accordion_child p{
	margin:0 0 7px 0;
	padding:0 0 0 0;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	line-height:16px;
}
.accordion_child a{
	font-weight:bold;
}
.header_highlight{
	background:none;
}
/*************************************************
CODA SLIDER
**************************************************/
p#cross-links { text-align: center }

p#cross-links { border-bottom: 1px dotted #323030; margin-bottom: 30px; padding-bottom: 30px }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 470px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border:none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 470px;
	clear: both;
	background-color:#FFFFFF;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 580px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display:none;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	bottom: 0px;
	text-indent: -9000em;
	z-index:100;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 10px;
}

.stripNavR {
	right: 10px;
}

.stripNavL {
	background: url("../images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("../images/arrow-right.gif") no-repeat center;
}
/*************************************************
LIGHT WINDOW
**************************************************/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 11px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
		background-color:#ffffff;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;
	background-color:#ffffff;
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
		background-color:#ffffff;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		line-height: 25px;
		padding: 0 0 0 17px;
		margin: 5px 12px 0 0;
		color: #000000;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		background-image: url(../images/close_bg_up.gif);
		background-position: 0em .5em;
		background-repeat: no-repeat;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #000000;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		background-image: url(../images/close_bg_over.gif);
		background-position: 0em .5em;
		background-repeat: no-repeat;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}