/* CSS Document */

/* Normalizes margin, padding 
------------------------------------------------------------------------------------------*/
*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #000;
}

body{
	font-size: 50%;
	background: #434343 url(../images/design_elements/bg_tile.jpg) repeat-x;	
}


/* Tags
------------------------------------------------------------------------------------------*/
p,h1,h2,h3,h4,h5,h6 {
	color: #ffffff;
}

a{
	color: #4a402f;
}

a:hover{
	color: #CCCCCC;
}

#content-main p{
	font-size: 1.3em;
	line-height: 1.4em;
	color: #cccccc;
	margin: 0 0px 20px 0;
}

#content-main p.footerText, #content-main ul.footerText{
	text-align: center;
	color: #333333;
	font-size: 1.0em;
	margin: 5px 0 0 0;
}

#content-main ul.footerText li{
	display: inline;
	color: #333333;
	font-size: 1.0em;
	margin: 0px;
}

p.last {
	margin-bottom: 0;
}

h1{
	font-size: 1.4em;
	
}

h1.hRule{
	margin: 0px;
}

h1.child{
	margin-top: 40px;
}

h2{
	font-size: 1.4em;
	color: #5a5a5a;
}

h3{
	color: #5a5a5a;
	font-size: 1.1em;
}


#content-supp ul li h3{
	margin: 20px 0 10px 0;
}

h4{
		color: #5a5a5a;
	font-size: 1.0em;
}

#content-supp ul li h4{
	margin: -10px 0 10px 0;
}

h5{
	color: #FFF;
	font-size: 1.2em;
}

#content-supp ul li p{
	color: #404040;
	margin-bottom: 7px;
}

#content-supp ul li ul{
	color: #404040;
	margin-bottom: 7px;
}

#content-supp ul li a{
	color: #4a402f;
}

#content-main ul li, #content-main ol li{
	color: #CCCCCC;
	font-size: 1.2em;
	margin: 5px 0;
}

/* Classes
------------------------------------------------------------------------------------------*/
.bold{
	font-weight: bold;
}

li.bold > li{
	padding-left: 30px;
}

li.tab{
	padding-left: 15px;
}

.clearing {
	height: 0;
	clear: both;
}

.fauxLeftCol{
	float: left;
	margin: 45px 45px 45px 0px;
	width: 225px;
}

.ie6 .fauxLeftCol{
	margin: 45px 40px 45px 0px;
}

.wider{
	width: 300px;
}

.fauxLeftCol img{
	margin-bottom: 25px;
}

.reflection{
	position: absolute;
	z-index: 10;
	left: 100px;
	top: -3px;
}

.ie6 .reflections{
	left: -245px;
}

.leftHrule{
	margin: -5px 0 7px 0;
}

.last{
	margin: 10px 0;
}

.rightHrule{
	margin: 5px 0;
}

.wrapperShad {
	left: 2px;
	top: 255px;
	height: 347px;
	width: 1076px;
	position: absolute;
	z-index: 0;
	display: block;
}


/* Content Divs
------------------------------------------------------------------------------------------*/
#wrapper{
	width: 1078px;
	margin: 0 auto;
	position:relative;
	padding-top: 52px;
}

#wrapper:after{
	display: block;
	content: url(../images/design_elements/content_bg_bottom_2col.png);
	height: 10px;
	margin-left: 14px;
	margin-bottom: 10px;
}

.ie #wrapper:after{
	padding: 0 0 0 14px;
	margin-right: -14px;
}

#wrapper.oneCol::after{
	content: url(../images/design_elements/content_bg_bottom_1col.png);
}

#wrapper #content-main{
	padding: 50px 60px 0px 80px;
	background: url(../images/design_elements/content_bg_1col.jpg) repeat-y 14px;
	position: relative;
	width: 926px;
}


/* Header and Branding
------------------------------------------------------------------------------------------*/
#header {
	background-image:url(../images/design_elements/header.jpg);
	height: 203px;
}

#header.oneCol{
	background-image:url(../images/design_elements/header_1col.jpg);
}

#branding{
	left: 95px;
	width: 525px;
	top: 83px;
	z-index: 10;
	position: absolute;
}

	#branding h1 a{
		text-indent: -5000px;
		background: transparent url(../images/design_elements/branding_1.png) no-repeat;		
		height: 169px;
		width: 525px;
		display: block;
		font-size: 0;
		overflow: hidden;
	}
	
	#branding h1 a.about{ background: transparent url(../images/design_elements/branding_2.png) no-repeat;}
	#branding h1 a.contact{ background: transparent url(../images/design_elements/branding_3.png) no-repeat;}
	#branding h1 a.links{ background: transparent url(../images/design_elements/branding_4.png) no-repeat;}
	#branding h1 a.gallery{ background: transparent url(../images/design_elements/branding_5.png) no-repeat;}

/* SUCKERFISH NAVIGATION 
------------------------------------------------------------------------------------------*/

#navigation{
	position: absolute;
	width:500px;
	left: 652px;
	top: 156px;
}	

ul#nav-main, ul#nav-main ul {
	list-style: none;
}


ul#nav-main a {
	display: block;
	height: 14px;
}

ul#nav-main li {
	float: left;
	padding-right: 2.5em;
	background-repeat: no-repeat;
	/*height: 14px;*/
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.ie ul#nav-main li {
	text-indent: -100px;
}

ul#nav-main li ul, ul#nav-main li ul li ul  {
	position: absolute;
	width: 150px;
	left: -999em;
	list-style: none;
	padding-top: 20px;
}

ul#nav-main li ul li ul  {
	margin-left: 150px;
}


ul#nav-main li ul li, ul#nav-main li ul li ul li {
	width: 142px;
	padding:0px;
	margin-bottom: 7px;
	height: 10px;
	display: block;
	overflow: hidden;
}

.ie ul#nav-main li ul {
	margin-left:100px;
}


.ie6 ul#nav-main li ul li{
	width: auto;
	margin-right: 0;
}

.ie7 ul#nav-main li:hover, .ie7 ul#nav-main li.hover{
	position:static;
}


ul#nav-main li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* COLUMNS
------------------------------------------------------------------------------------------*/

#col-wrapper {
	background: url(../images/design_elements/content_bg_2col.jpg) repeat-y 14px;
}

	#col1-wrapper {
	width: 100%;
	background: url(../images/design_elements/content_bg_2col.jpg) repeat-y 14px;
	float: left;
	margin-right: -267px; /*RC Width*/
	position: relative;
	}
	
	#wrapper #col-wrapper #col1-wrapper #content-main {
	margin-right: 267px; /*RC Width*/
	padding: 50px 60px 0px 80px;
	width: auto;
	background: transparent;
	}

#content-supp {
	width: 213px; /*RC Width*/
	float: right;
	padding: 15px 34px 10px 20px;
	position: relative;
}

#flashGallery{
	width: 100%;
	height: 600px;
	margin-top: -50px;
	position: relative;
	z-index: 20;
	padding-bottom: 55px;
}

#flashGallery img{
	padding-left: 10px;
	padding-top: 20px;
}

#flashGallery img.negPad{
	vertical-align: top;
}

#flashGallery .noscript{
	margin-left: 250px;
}


#footer {
	background: #d7dabd;
}

/* FORMS
------------------------------------------------------------------------------------------*/
legend{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}

label{
	padding-right: 5px;
}

form ol{
	width: 265px;
	text-align: right;
}


/* NAVIGATION SPECIFIC
------------------------------------------------------------------------------------------*/
ul#nav-main #gallery a{ background-image:url(../images/nav/nav_off_gallery.jpg); width: 78px; }
/*ul#nav-main #gallery, ul#nav-main #gallery a:hover{ background-image:url(../images/nav/nav_on_gallery.jpg); }*/
ul#nav-main #about a{ background-image:url(../images/nav/nav_off_about.jpg); width: 63px; }
ul#nav-main #about, ul#nav-main #about a:hover{ background-image:url(../images/nav/nav_on_about.jpg); }
ul#nav-main #contact a{ background-image:url(../images/nav/nav_off_contact.jpg); width: 89px; }
ul#nav-main #contact, ul#nav-main #contact a:hover{ background-image:url(../images/nav/nav_on_contact.jpg); }
ul#nav-main #links a{ background-image:url(../images/nav/nav_off_links.jpg); width: 49px; }
ul#nav-main #links, ul#nav-main #links a:hover{ background-image:url(../images/nav/nav_on_links.jpg); }

ul#nav-main #functional-pottery a{ background-image:url(../images/nav/nav_off_functional_pottery.jpg); width: 142px; background-repeat:no-repeat; }
ul#nav-main #functional-pottery, ul#nav-main #functional-pottery a:hover{ background-image:url(../images/nav/nav_on_functional_pottery.jpg); background-repeat:no-repeat; }
ul#nav-main #mosaic-work a{ background-image:url(../images/nav/nav_off_mosaic_work.jpg); width: 93px; background-repeat:no-repeat;}
ul#nav-main #mosaic-work, ul#nav-main #mosaic-work a:hover{ background-image:url(../images/nav/nav_on_mosaic_work.jpg); background-repeat:no-repeat; }
ul#nav-main #sculpture a{ background-image:url(../images/nav/nav_off_sculpture.jpg); width: 70px; background-repeat:no-repeat; }
ul#nav-main #sculpture, ul#nav-main #sculpture a:hover{ background-image:url(../images/nav/nav_on_sculpture.jpg); background-repeat:no-repeat;}