/* all box side values are set with four values, read as a clock. Top, then Right, 
then Bottom, then Left. If a value is zero, no unit is needed, just "0".*/
 
html, body, ul, ol, li, dl, dt, dd, img, form, hr {margin: 0; padding: 0; border: 0; list-style: none;}
/* the above rule zeroes most of the browser defaults that cause trouble */

body {
	color: #5e3200; /* global text color */
	background: #caccb4; /* background-color outside the wrapper area */
	font-size: 100.01%; /* cross-browser font-size correction fix */
	text-align: center; /* centers main box for pre-IE6 versions */ 
	font-family: tahoma, verdana, arial, sans-serif;
	margin: 5px 0 10px 0; /* sets top and bottom spacing outside the main box */
	}

p {
  line-height: 1.3; /* sets global line spacing */
  margin: .6em 0 1em 0; /* adjust these values to tweak text block spacings */
  }

h1 {
  margin: 0 25px 5px 0;
  font-size: 1.4em;
  font-weight: normal;
	font-family: georgia, "times new roman", garamond, serif;
  text-align: right;
  }

h2 
  {
  margin: 0 5px 5px 0;
  font-size: 1.2em;
  font-family: georgia, "times new roman", garamond, serif;
  text-align: right;
  }

h3 {
  color: #f7941c;
  font-size: 1em;
  margin: 1em 0 .2em 0;
  } /* styles H3 headings above paragraphs when no divider images are present */
 
a {
	color: #e08410; /* global link text color */
	text-decoration: underline; /* sets global link underline */
	}

a:hover { /* global hovered link styles */
	color: #c05400; 
	text-decoration: none;
	}


/*XXXXXXXXXXXXXXXXX Page structure rules XXXXXXXXXXXXXXXX*/

.wrapper {
	position: relative; /* needed for absolute positioning in page */
	text-align: left; /* resets text to the default alignment */
	margin: 0 auto 0 auto; /* centers main box for modern browsers */ 
	padding-top: 1px; /* needed to constrain an internal margin */
	width: 770px; /* constrains all content within to a set width */
	height: 556px;
	font-size: .8em; /* sets global font-size, adjust this to alter all text size on page */
	background: #fefdf9 url(images/main-bg.jpg) no-repeat;
	}

.wrapper-strut { /* This is a fix that makes IE/win work correctly */
	float: right;
	width: 1px;
	height: 556px;
	}

.maincontent { /* this box contains the left side text */
  margin: 175px 345px 20px 80px;
  padding: 1px 10px 1px 0;
  }

.scroller { /* this box scrolls content if it is too tall to fit */
	overflow: auto;
	height: 300px;
	text-align: right;
  margin: 0 0 0 60px;
	padding: 0 6px 0 0;
}
	
.scroller p {
	line-height: 1.7; /* sets line spacing within the scroller */
	color: #93714c; /* sets text color within the scroller */
	}
	
.sideimage {
	position: absolute;
	right: 29px;
	top: 54px;
	}
	
	
/*XXXXXXXXXXXXXXXXXXX Mainnav rules XXXXXXXXXXXXXXXXXX*/

.mainnav {
	width: 193px;
	position: absolute;
	left: 234px;
	top: 54px;
	font-size: 10px;
  }
 
.mainnav li {
  margin: 0 0 4px 0;
  } /* tweak this bottom margin to change spacing between the nav buttons */
		
.mainnav a {
  display: block;
  height: 12px;
  vertical-align: bottom;
  text-decoration: none;
  color: #000;
  background-position: 0 -12px;
  }

.mainnav a span {
  position: absolute;
  left: -3000px;
  } /* this hides the real link text, but lets screen readers and search engines see it */


.home {background: url(images/menu-home.png) no-repeat;}
.design {background: url(images/menu-design.png) no-repeat;}
.gallery {background: url(images/menu-gallery.png) no-repeat;}
.events {background: url(images/menu-events.png) no-repeat;}
.about {background: url(images/menu-about.png) no-repeat;}
.contact {background: url(images/menu-contact.png) no-repeat;}


.mainnav a:hover {background-position: 0 0;} 


/* the following rule makes the "current page" button show the same way as a hovered button.
It has to include some extra selector sets because IEwin needs rather specific instructions
or it will not behave properly. Each line below targets just one button, but covers the
two of the three states that button may be in at different times. */
 
.homepage .home, .homepage .home:hover,
.designpage .design, .designpage .design:hover,
.gallerypage .gallery, .gallerypage .gallery:hover,
.eventspage .events, .eventspage .events:hover,
.aboutpage .about, .aboutpage .about:hover,
.contactpage .contact, .contactpage .contact:hover 

{
 	background-position: 0 0;
	cursor: default;
	}


/*XXXXXXXXXXXXXXXXXXX Gallery rules XXXXXXXXXXXXXXXXXX*/

.gallerybox { 
  float: left;
  width: 297px;
  margin: 30px 0 0 20px;
  display: inline; /* IE bugfix */
  }

.thumbfloat {
  float: left;
  width: 90px;
  height: 102px;
  margin: 0 0 8px 8px;
  display: inline; /* IE bugfix */
  }

.thumbfloat div {
  width: 90px;
  height: 102px;
  }

.thumbfloat a {
  display: block;
  width: 90px;
  height: 102px;
  text-decoration: none;
  background: url(images/screen.gif) no-repeat;
  }	

.thumbfloat a:hover {
  background-position: 100px 0;
  }	

.thumbfloat a span {
  position: absolute;
  left: -3000px;
	width: 315px;
	height: 472px;
	top: 54px;
	}	

.thumbfloat a:hover span {
	left: auto;
	right: 29px;
	}	

.gallerybox p {
  text-align: center;
  font-size: .8em;
  color: #cb7;
  margin: 4px 0;
  }
	

/* as new thumbs are added, the listing below will need to include them too */

.thumb-1 {background: url(images/thumb_1.jpg) no-repeat;}
.thumb-2 {background: url(images/thumb_2.jpg) no-repeat;}
.thumb-3 {background: url(images/thumb_3.jpg) no-repeat;}
.thumb-4 {background: url(images/thumb_4.jpg) no-repeat;}
.thumb-5 {background: url(images/thumb_5.jpg) no-repeat;}
.thumb-6 {background: url(images/thumb_6.jpg) no-repeat;}
.thumb-7 {background: url(images/thumb_7.jpg) no-repeat;}
.thumb-8 {background: url(images/thumb_8.jpg) no-repeat;}
.thumb-9 {background: url(images/thumb_9.jpg) no-repeat;}
.thumb-10 {background: url(images/thumb_10.jpg) no-repeat;}
.thumb-11 {background: url(images/thumb_11.jpg) no-repeat;}
.thumb-12 {background: url(images/thumb_12.jpg) no-repeat;}
.thumb-13 {background: url(images/thumb_13.jpg) no-repeat;}
.thumb-14 {background: url(images/thumb_14.jpg) no-repeat;}
.thumb-15 {background: url(images/thumb_15.jpg) no-repeat;}
.thumb-16 {background: url(images/thumb_16.jpg) no-repeat;}
.thumb-17 {background: url(images/thumb_17.jpg) no-repeat;}
.thumb-18 {background: url(images/thumb_18.jpg) no-repeat;}
	

/*XXXXXXXXXXXXXXXXXXX Footer rules XXXXXXXXXXXXXXXXXX*/

.footer {
  text-align: center;
  padding: 1px;
  font-family: arial;
  font-weight: bold;
  font-size: .9em;
  }

.footer a {text-decoration: underline;}

.footer a:hover {color: #fdeed0;}

.footer ul {margin: .3em 0 1em 2em;}

.footer li {
  margin: 0;
  display: inline;
  }

.footer p {
  font-size: .9em;
  margin: 0 0 0 30px;
  }

	
/*XXXXXXXXXXXXXXXX Special rules covering specific pages XXXXXXXXXXXXXXXXX*/ 


.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	}

.homepage .scroller p,
.eventspage .scroller p {
	margin-right: 18px;
	} /* this makes the non-scrolling short text on the home page look better */
	
.contactpage .scroller {
	text-align: left;
  margin: 0;
	line-height: normal;
}
	
.contactpage .scroller p {
	line-height: normal;
	margin: .8em 0 .2em 0; 
	}

.contactpage dl {margin: 4px 0 16px 0;}
	
.contactpage .shortfield {width: 200px;}

textarea {width: 300px;}
	
.inlinelist {margin: 0 0 8px 0;}
	
.inlinelist li {display: inline; padding-right: 4px;}
	
.leftfloat { /* for the "previous" button */
  float: left;
  display: inline;
  margin: 0 20px;
  }

.rightfloat { /* for the "next" button */
  float: right;
  display: inline;
  margin: 0 20px;
  }

.preloader {
  position: absolute;
  left: -3000px;
  top: 0;
  width: 1000px;
  } /* this allows gallery images to be cached ahead of time without displaying them */

.preloader img {
  position: absolute;
  }

.logolink {
  position: absolute;
  width: 210px;
  height: 165px;
  top:5px;
  left: 10px;
  }
	
.bold {font-weight: bold;}

.centered {text-align: center;}

.darktext {color: #644;}

.requiredfield {color: #c00; font-weight: bold; vertical-align: middle;}