@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #ceb272 url(tile.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-bottom: 12px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 934px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 100%;
	background: #fff url(rainbowheart.jpg) no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
 
 
 h1 {
	 font-family:Verdana, Geneva, sans-serif;
	 font-style:oblique;
	 margin-top: 50px;
	 font-size: 140%;
	 text-align: center;
 }
 
 .form {
	 margin-left: 15%;
 }
 
.image1 {
	text-indent: -1000px;
	float: left;
	margin-left: 0;
	margin-top: -330px;
	background-image: url(lambertthecat.jpg);
	width: 414px;
	height: 83px;
	}

.image2 {
	text-indent: -2000px;
	float: right;
	margin-top: 330px;
	margin-right: 18%;
	background-image: url(lambert.jpg);
	width: 154px;
	height: 41px;
	}




.menu {
	margin-left: 88px;
	margin-top: 120px;
	padding: 0;
	width: 266px;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 48px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 48px;
	background-repeat: no-repeat;
}
.home {background-image: url(nav2/images/home_bg_01.jpg);}
.home a {background-image: url(nav2/images/home2_01.jpg);}
.about {background-image: url(nav2/images/home_bg_02.jpg);}
.about a {background-image: url(nav2/images/home2_02.jpg);}
.services {background-image: url(nav2/images/home_bg_03.jpg);}
.services a {background-image: url(nav2/images/home2_03.jpg);}
.contact {background-image: url(nav2/images/home_bg_04.jpg);}
.contact a {background-image: url(nav2/images/home2_04.jpg);}
ul.menu li a:hover {background: none;}

 .poem {

	 margin-left: 13%;
	 text-align: center;
	font-size: 112%;
	width: 30%;
    color: black;
 }
 
  .poem2 {

	 margin-left: 0;
	 margin-top: 40px;
	 text-align: center;
	font: verdana, sans-serif;
	font-size: 112%;
	width: 100%;
    color: black;
 }
   .poem3 {

	 margin-left: 0;
	 text-align: center;
	font: verdana, sans-serif;
	font-size: 112%;
	width: 100%;
    color: black;
 }
 
 
 
 .gall {
	text-align: center;
	 margin-top: 60px;
	 border: 0px solid #000000;
 }
 
 .gall img{

	margin: 0 0px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
 }
 
  .gall2 {

    margin-left: auto;
    margin-right: auto;
    width: 800px;

 }
 
.thoughts {
	MARGIN-TOP: 10px
}
.thoughts UL {
	list-style:none;
	PADDING-TOP: 10px;
}
.thoughts LI {
	list-style:none;
	MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; 
}
.thoughts LI.last {
	list-style:none;
	MARGIN-BOTTOM: 0px; BORDER-BOTTOM: 0px
}
 .thoughts P.comment-info {
	 list-style:none;
	FONT-SIZE: 1.1em
}

 
 
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}