html, body, div,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img,
form, fieldset, legend, label, textarea, 
span, em, strong, sub, sup, cite,
table, tbody, td, tfoot, th, thead, tr, tt,
dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: bottom;
}
 
em {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    font: bold 1em/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}

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

/*a:active {text-decoration: none; outline: thin dotted #F9F8E2;}

#nav_outer a:active {outline: thin dotted #30353B;}*/

form :focus {
    outline: 0; /* removes Safari's blue border */
} 

input, label {
    vertical-align: middle;
}

label {
	cursor: pointer;
}


			/* ======================== BODY STYLES ==========================*/


body {
    background: #30353b url(/images/30353b-bg.gif) repeat scroll 0 0;
	color: #222222;
	font: 100%/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}

    

			/* ===================== NAV DIV STYLES ======================= */
			


#nav {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0 2px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float:left;
	padding: 0 30px 6px 0;
}

#nav a {text-decoration: none;}

#nav a {
	color: #F9F8E2;
	font-size: 1.125em;
	padding-bottom: 6px;
	background: url() scroll no-repeat 0 100%;
}

#nav a:hover, #nav a:active {
	color: #bec47c;
	font-size: 1.125em;
	padding-bottom: 6px;
	background: url(/images/nav-line.gif) scroll no-repeat -200px 100%;
}

.home #home a, .about #about a, .gallery #gallery a, .commissions #commissions a, .workshops #workshops a, .contact #contact a {
	color: #F9F8E2;
	font-size: 1.125em;
	padding-bottom: 6px;
	background: url(/images/nav-line.gif) scroll no-repeat 0 100%;
}



			/* ===================== HEADER DIV STYLES ======================= */


#wrapper_outer {
	width: 820px;
	margin: 0 auto 35px;
	background: #F9F8E2;
}

#wrapper {
	background: url(/images/bg3-mid.jpg) scroll repeat-y 0 0;
	width: 100%;
}

#wrapper a {
	color: #848a46;
	text-decoration: underline;
}

#wrapper a:hover {
	text-decoration: underline;
	color: #3c3470;
}

#main h2 {
	font-size: 1.1em;
	padding-top: 0.875em;
	color: #101a26; /* 101a26 dk blue | 3b2d17 brown  */
}

.section h2 {
	font-size: 1.1em;
	color: #101a26;
}

#wrapper .section h2 {
	text-align: center;
}

#main h2 + p, .section h2 + p {
    padding-top: 0.5em;
}

#main p, .section p {
	padding-top: 0.75em;
}

#wrapper ul.general {
	padding: 0.75em 0 0 1em;
	list-style: none;
}

#wrapper ul.general li {
	padding-left: 26px;
	background: url(/images/bullet.jpg) scroll no-repeat 0 50%;
}

.contact #wrapper ul.general {
	padding-bottom: 1em;
}

.contact #wrapper ul.general li {
	padding-left: 26px;
	background: url(/images/bullet.jpg) scroll no-repeat 0 5px;
	font-size: 0.875em;
	padding-bottom: 4px;
}





			/* ===================== tTop and Bottom Strips ======================= */



#top-strip {
	height:25px;
	background: url(/images/bg3-top.jpg) scroll no-repeat 0 0;
}

#bot-strip {
	height:25px;
	background: url(/images/bg3-bot1.jpg) scroll no-repeat 0 0;
}
			


			/* ===================== Header ======================= */



#header {
	width: 780px;
	padding: 12px 20px 0;
}

#header h2 {
	overflow: hidden;
	position: relative;
	font-size: 3em;
	text-align: center;
}

#header h2, #header h2 span, #header h2 a {
	width: 780px;
	height: 260px;
	display: block;
	text-decoration: none;
}

#header h2 span {
	background: transparent url(/images/logo.jpg) no-repeat scroll 0 0;
	top: 0;
	left: 0;
	position: absolute;
}

#header h2 b {
	font-weight: normal;
	font-size: 0.5em;
	display: block;
}

#header h2 a, #header h2 a:visited {
	color: #222222;
}

#header h2 a:hover {
	color: #663366;
	text-decoration: none;
}



			/* ===================== Divs with line background ======================= */


#main, #footer {
	background: url(/images/wide-line.gif) no-repeat scroll 0 0;
	margin: 0 auto;
	width: 660px;
}



			/* ===================== Main Content ======================= */



#main {
	padding: 25px 0 30px;
	margin: 25px auto 0;
}

#main h1 {
	font-size: 1.5em;
}


/* column styles */

div.content-left {
    float: left;
	width: 360px;
}

div.content-right {
    float: right;
}

.home div.content-right, .commissions div.content-right {
    padding-top: 0.75em;
	width: 236px;
}

.home div.content-right p, .commissions div.content-right p {
    padding-top: 0.75em;
	text-align: center;
	font-size: 0.8125em;
    padding: 0 22px 0 18px;
}

.contact div.content-right {
	width: 190px;
	height: 320px;
	background: transparent url(/contact/address-bg.jpg) scroll no-repeat 0 0;
	padding: 30px 15px 15px 30px;
	margin-top: 26px;
}

.contact #wrapper .content-right h2 {
    font-size: 1em;
	font-weight: bold;
	padding: 0;
}

.contact #wrapper .content-right p + h2 {
    font-size: 1em;
	font-weight: bold;
	padding-top: 15px;
}

.contact #wrapper .content-right p {
    font-size: 1em;
	padding: 0 0 15px;
}

div.col-wrap {
    width: 100%;
}

.gallery div.col-wrap, .contact div.col-wrap {
	padding-top: 1em;
}


/*.about div.content-left, .workshops div.content-left {
	width: 360px;
}*/

.home .content-left {
    width: 398px;
}



			/* ===================== News (home) ======================= */


.section {
	margin: 0 auto;
	/* padding: 25px 0 30px; */
	padding: 0 0 30px;
	width: 660px;
}



			/* ===================== Gallery CSS ======================= */



/* Gallery page */

ul#imagegallery, ul#imagegallery1 {
	list-style: none; 
	margin:0; 
	padding:9px 0 0 0;
	overflow:hidden; 
	width: 330px; 
	float:right;
}

#imagegallery li, ul#imagegallery1 li {
	float: left;
	padding: 0 16px 16px 0;
}

#imagegallery li img, ul#imagegallery1 li img {
	-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

#enlargement, #enlargement1 {float:left;}

#wrapper p#desc, #wrapper p#desc1 {
    float: left; 
	width: 260px; 
	font-size: 0.875em; 
	text-align: center; 
	padding: 0 20px; 
	clear:left;
}

/* About and Worhshops pages */

ul#aboutgallery {
	list-style: none; 
	margin:0; 
	padding:20px 0 0 0;
	overflow:hidden; 
	width: 264px; 
	float: right;
}

#aboutgallery li {
	float: left;
	padding: 0 16px 16px 0;
}

#aboutgallery li img {
	-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

#enlarge {
    float: right; 
	width: 248px; 
	clear: right; 
	padding-right: 8px;
}

#wrapper p#descr {
    float: right; 
	width: 238px; 
	font-size: 0.875em; 
	text-align: center; 
	padding: 12px 20px 4px 20px; 
	clear: right;
}



			/* ===================== Contact Form ======================= */



#main .formsection {
	padding: 5px 0;
	clear: both;
	display: block;
	width: 100%;
}

.formsection label {
	font-size: 1em;
	font-family: georgia, palatino, garamond, "times new roman", times, serif;
	font-weight: bold;
	text-align: left;
	padding: 0 0 5px 0;
	width: 100%;
	display: block;
	clear: both;
}

.formsection textarea, .formsection input {
    border: none;
	background: transparent;
	padding: 8px;
	clear: both;
	display: block;
	width: 384px;
    font-size: 0.875;
	font: normal 0.875em/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}

.about .formsection textarea, .about .formsection input {
	width: 344px;
}

.about form {
    padding-top: 1.125em;
}

#main .submit {
	padding: 10px 0;
}

div.hide {
	display: none;
	visibility: hidden;
}

#main p#formerror {
	color: red;
	padding: 5px 0 0 0;
	font-size: 1em;
}

.input-wrap-outer {
    background: transparent url(/images/input-border.png) scroll no-repeat 100% 100%;
}

.input-wrap-inner {
    background: transparent url(/images/input-border.png) scroll no-repeat 0 0;
}

.contact div.content-left, .input-wrap-outer, .input-wrap-inner {
	width: 400px;
}

.about .input-wrap-outer, .about .input-wrap-inner {
	width: 360px;
}

.submit .input-wrap-outer, .submit .input-wrap-inner {
	width: auto;
	float: left;
}

#main button {
	background: transparent;	
	font-family: georgia, palatino, garamond, "times new roman", times, serif;
	font-size: 1em;	
	font-weight: bold;
	padding: 8px;
	border: none;
	width: 100%;
	text-align: center;
}

#main button:hover {
	background: #D1B054;
	color: white;
}



			/* ===================== Footer ======================= */



#footer {
	padding: 20px 0 40px;
	margin: 0 auto;
	font-size: 0.75em;
}

#wrapper #footer a {
	color: #222;
	text-decoration: none;
}

#wrapper #footer a:hover {
	color: #222;
	text-decoration: underline;
}



			/* ===================== Bits and Bobs ======================= */
			


hr {
	display: none;
}

.hide {
	margin-left: -9999px;
	position: absolute;
}

.warning {
	display: none;
}

.offscreen {
	left: -9999px;
	position: absolute;
}

span.leafl {
    display:inline-block;
	padding-left: 30px;
	background: url(/images/bullet.jpg) no-repeat 0 50%;
}

span.leafr {
    display:inline-block;
	padding-right: 30px;
	background: url(/images/bulletr.jpg) no-repeat 100% 50%;
}





			/* ===================== CLEARFIX STYLES ======================= */



#nav:after, #header:after, #main:after, .section:after, .col-wrap:after, .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
#nav, #header, #main, .section, .col-wrap, .clearfix { { display: inline-block; }

/* start commented backslash hack \*/
*html #nav, * html #header, * html #main, # html .section, * html .col-wrap, * html .clearfix { height: 1%; }
#nav, #header, #main, .section, .col-wrap, .clearfix { display: block; }
/* stop commented backslash hack */