@charset "ISO-8859-1";

/* Set some global styles. Remove all margins and padding. */
* {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bggradientbottom04.png);  /* save */
	/* background-image: url(../images/bggradientbottom.gif); */
	/* background: url(../images/bggradienttop2.png); */
	/* background: url(../images/backgroundgrad.png); */
	/* background: url(../images/backgroundgradpat.png); */
	/* background: url(../images/marble.jpg); */
	background-repeat: repeat-x;
	background-color: #444444;/* #555;*/ /* #626262; */
	text-align: center;
	background-position: bottom left;
}

a {
   border: 0;
	text-decoration: none;
}

a img {
   border: 0;
	text-decoration: none;
}

/* Page container that holds all other page items including header and footer */
#container {
	background-color: #333; /* #424242; */
	position: relative;
	height: 675px;
	width: 580px; /* 550px; */
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* This is a header spacer at the top */
#header, #headerspacer {
	background-color: #333;
	height: 25px;
	width: 550px;
	clear: both;
}

/* This is an invisible h1 tag to hold the title for SEO purposees
   since the real header is a graphic. */
#headertitle {
   visibility: hidden;
}

/* The main content div for each subpage. Holds all center content (not header or footer) */
#centercontentdiv {
	background-color: #333;
	height: 410px;
	width: 460px;
   margin: 0 auto 0 auto;
	text-align: center;
/* border: solid #00f medium; */
	color: #DDD;
	font-size: 12px;
	padding-top: 10px;
}

/* Home page center graphic */
#centerimg {
	background-color: #333;
	background-image: url(../images/centerphoto.jpg);
	height: 415px;
	width: 580px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

#gallerydiv {
	background-color: #333;
	height: 350px;
	width: 475px;
   border: dotted #555 2px;
	overflow-y: scroll;
	overflow-x: hidden;
	color: #DDD;
	font-size: 12px;
}

#contactformcontent {

	/* background-image: url(../images/centerphoto.jpg);
	background-repeat: no-repeat;
	background-position: center center; */
	height: 370px;
	width: 466px;
	margin: 0 auto 32px auto;
	text-align: left;
	/* border: solid #555 medium;*/
	color: #DDD;
	font-size: 12px;
}

.galleryentry {
	padding-bottom: 20px;
}

img.gallerythumb {
   height: 188px;
	border: 5px;
}

/* The following two styles help hover work for img
   since simple img:hover does not work well in IE.
*/
a img.gallerythumb {
   border: solid #333 medium;
	background: none;
}
a:hover img.gallerythumb {
	border: solid #d6bd63 medium;
	background: none;
}

p.candledescription, p.candletitle {
   text-align: left;
	padding: 5px 10px 0px 10px;
}

.candletitle {
   color: #d6bd63;  /* lite yellow */
	font-weight: bold;
}

/* Style for header image on pages other than the home page */
#centerimg_hdr {
	background-color: #333;
	/* background-image: url(../images/subpageheader.jpg); */
	height: 110px;
	width: 580px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}

p.introtext {
   color: white;
	font-size: 14px;
	text-align: left;
	margin: 0px 15px 15px 0px;
}

h1 {
   color: #d6bd63;  /* lite yellow */
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}

p.introtext2, p.contenttext {
	font-size: 14px;
	text-align: left;
	padding: 20px 0px 15px 58px;
}

p.introtext2 {
   color: #d6bd63;  /* lite yellow */
}
p.contenttext {
   color: white;
	font-size: 14px;
	text-align: left;
}

#sfcenter {
   width: 474px;
   height: 415px;
   margin: 0px auto;
}
li, ul {
	margin: 0px;
	padding: 0px;
}

#navlist {
	background-color: #333;
	text-align: center;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}


#navlist li {
   display: inline;
   list-style-type: none;
   padding: 0px;
   margin: 0px;
	font-size: 40px;
}

/* navbuttons are transparent gif placeholders the same size as the image background */
.navbtn  {
	height: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

/* Gallery button */
li#navli1, li#navli2, li#navli3, li#navli4 {
   background-repeat: no-repeat;
   background-position: 0px -3px;
	height: 40px;
}
/* Gallery button */
li#navli1 {
	background-image: url(../images/nav/navgallery.png);
	width: 85px;
}
/* Contact button */
li#navli2 {
	background-image: url(../images/nav/navcontact.png);
	width: 107px;
}
/* About Us button */
li#navli3 {
	background-image: url(../images/nav/navabout.png);
	width: 100px;
}
/* Technique button */
li#navli4 {
	background-image: url(../images/nav/navtechnique.png);
	width: 117px;
}

/* Gallery button hover */
li#navli1 a:hover {
	background-image: url(../images/nav/navgallery_h.png);
	background-repeat: no-repeat;
   background-position: 0px -3px;
   height: 40px;
   width: 85px; /* specify for IE6 pngfix.js */
}
/* Contact button hover */
li#navli2 a:hover {
	background-image: url(../images/nav/navcontact_h.png);
	background-repeat: no-repeat;
   background-position: 0px -3px;
   width: 107px;
}
/* About Us button hover */
li#navli3 a:hover {
	background-image: url(../images/nav/navabout_h.png);
	background-repeat: no-repeat;
   background-position: 0px -3px;
   width: 100px;
}
/* Technique button hover */
li#navli4 a:hover {
	background-image: url(../images/nav/navtechnique_h.png);
	background-repeat: no-repeat;
   background-position: 0px -3px;
   width: 117px;
}
/* Separators--add width and height so pngfix.js will work */
.sep {
   width: 11px;
   height: 40px;
}

/* Holds the footer image */
#footer1 {
	background-color: #333;
	background-repeat: no-repeat;
	text-align: center;
}
#footer2 {
	background-color: #333;
	height: 25px;
}

/* Container borders */
#borderleft, #borderright {
   position: absolute;
   width: 27px;
   height: 677px;
   z-index: 1;
}
#borderleft {
   float: left;
	top: 0px;
	left: -15px;
}
#borderright {
   float: right;
	top: 0px;
	right: -14px;
}
#borderbottom {
   position: absolute;
	z-index: 100;
	left: -14px;
	bottom: -14px;
   width: 609px;
   height: 37px;
}
#copyright {
   position: absolute;
   font-size: 10px;
	color: #222;
	text-align: left;
	padding: 73px 0px 0px 0px;
	bottom: -30px;
}

/* -------------------
 * Begin Postcard comment form styles
 * -------------------
 */
#stampframe {
  position: absolute;
  left: 390px;
  top: 20px;
  z-index: 10;
}
#stampimg {
  position: absolute;
  right: 41px;
  top: 40px;
  width: 56px;
  height: 65px;
  z-index: 5
}

.commentForm {
	width: 497px;
	height: 324px;
	position: relative;
	background-image: url( '../images/postcard/comment_form.png' );
	background-repeat: no-repeat;
	margin-left: -18px;
}

.postcardWall {
	width: 497px;
	height: 324px;
	position: relative;
	background-image: url( '../images/postcard/postcardwall.png' );
	background-repeat: no-repeat;
	margin-left: -18px;
}

.commentForm input[type="text"], .commentForm textarea {
	width: 210px;
	left: 32px;
	position: absolute;
	background-repeat: no-repeat;
	border-width:0px;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size: 12px;
}
.nameField {
	top: 44px;
	height: 22px;
	background-image: url( '../images/postcard/name_bkg.jpg' );
}
.emailField {
	top: 90px;
	height: 22px;
	background-image: url( '../images/postcard/email_bkg.jpg' );
}
.websiteField
{
	top: 133px;
	height: 22px;
	background-image: url( '../images/postcard/website_bkg.jpg' );
}
.commentField {
	top: 178px;
	height: 43px;
	background-image: url( '../images/postcard/comment_bkg.jpg' );
	font-size: 1 em;
}
.sendButton {
	position:absolute;
	top:268px;
	left:362px;
	width:100px;
	height:30px;
	border:solid 2px #000000;
	background-color:#7c6852;
	color:#e1cdae;
}
/* End of Postcard comment form */

/* Start styling other form elements */
.mailinglist_yesradio, .mailinglist_noradio {
   position: absolute; top: 243px;
}
.mailinglist_yesradio {
   left: 102px;
}
.mailinglist_noradio {
   left: 147px;
}
.radio {
	color: #0000ff;
}
.dropdown {
	background-color: #bca385; /*#d4bD93;*/
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size: 11px;
	position: absolute; left: 179px; top: 272px;
	border-color: #bca385;
}
.confirmationChkbox {
	position: absolute; left: 198px; top: 231px;
	border-color: #bca385;
	background-color: #bca385;
}

/* End styling form elements */

/* Begin overriding of Spry styles for Contact form postcard placement */
.textfieldRequiredMsg1, 
.textfieldInvalidFormatMsg1,
.textfieldRequiredMsg2,
.textfieldInvalidFormatMsg2 {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg1 {
	display: inline;
	position: absolute;
	color: #CC3333;
	background: white;
	border: 1px solid #CC3333;
	left: 252px;
	top: 48px;
}
.textfieldRequiredState .textfieldRequiredMsg2,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg2 {
	display: inline;
	position: absolute;
	color: #CC3333;
	border: 1px solid #CC3333;
	background: white;
   left: 252px;
	top: 90px;
}
.inlineLeftPhoto, .inlineRightPhoto {
	height: 91px;
}
.inlineLeftPhoto {
   float: left;
	padding: 10px 10px 10px 0px;
}
.inlineRightPhoto {
   float: right;
	padding: 10px 0px 10px 10px;
}
.inlineLeftTopPhoto {
   float: left;
	padding: 0px 10px 10px 0px;
}